Das Anpassen des Designs der WooCommerce-Produktseite in einem beliebigen Thema ist ein wesentlicher Schritt zur Optimierung der Conversion-Rate Ihres Online-Shops. Am Ende des Tages die Themen und die WooCommerce-spezifische Vorlagen Sie werden innerhalb der Themen erstellt und sind allgemein gehalten, auf ein Höchstmaß an Kompatibilität ausgelegt und in der Regel wenig inspirierend.
Das Bearbeiten des Standardlayouts der WooCommerce-Produktseite steht im Hinblick auf die Optimierung der Conversion-Rate Ihrer WooCommerce-Website ganz oben auf der Liste.
Sie haben also die Frage…
So passen Sie die Standard-WooCommerce-Produktseite an
Inhaltsverzeichnis
Wie erstelle ich eine benutzerdefinierte einzelne Produktseite in WooCommerce?
Das Anpassen der WooCommerce-Produktseite mit einem Plugin, mit dem Sie eine völlig neu aussehende Seite (oder eine Seite mit nur einigen wesentlichen Designverbesserungen!) Erstellen können, ist eine großartige Idee - unabhängig davon, welches Thema Sie verwenden.
Natürlich haben Sie mit einem erweiterten Thema wie Divi aus eleganten Themen die Möglichkeit, eine völlig neue Produktseitenvorlage zu erstellen, ohne einen einzigen Code schreiben zu müssen. Gehen Sie einfach über das WordPress-Dashboard zum Theme Builder und erstellen Sie eine völlig neue Produktseitenvorlage (Sie können sogar auswählen, welche Produktseiten die Vorlage verwenden und welche nicht). Die Flexibilität ist fantastisch, insbesondere die Möglichkeit, mehrere Produktseitenvorlagen zu erstellen und unterschiedliche Designs für unterschiedliche Produktstile in Ihrem WooCommerce-Katalog zu verwenden.
Wie auch immer, genug sprudelt über Divi (es ist aber großartig).
Regel Nummer 1 in diesem Vortrag über die Anpassung von Produktseiten lautet, dass Sie KEINEN Entwickler einstellen müssen.
Ja, ein Entwickler könnte Ihnen eine ganz neue PHP-Produktseitenvorlage entwickeln und einige bearbeiten CSS. Dies muss dann beibehalten und aktualisiert werden, wenn WooCommerce und WordPress ihren Code aktualisieren. Dies ist also keine One-Hit-Aktivität. Aus diesem Grund ist die Verwendung der Vorlage für die Themenproduktseite für WooCommerce so einfach: Die Themenanbieter müssen die Seitenvorlagen jedes Mal aktualisieren, wenn ein Kernupdate für WooCommerce oder WordPress vorliegt. Möglicherweise haben Sie die Nachricht gesehen:
Ihr Thema enthält veraltete Kopien einiger WooCommerce-Vorlagendateien
Wenn diese Meldung angezeigt wird und ein Entwickler Ihre Produktseitenvorlage "angepasst" hat, liegt dies nun in Ihrer Verantwortung, dies zu beheben. Dies geschieht mehrmals im Jahr.
Es gibt eine bessere Möglichkeit, die einzelne Produktvorlage von WooCommerce anzupassen.
Verwenden eines Page Builder-Plugins zum Anpassen des WooCommerce-Produktseitenlayouts
Wenn Sie einen meiner anderen Artikel gelesen haben, wissen Sie, dass unser empfohlener Seitenersteller Divi ist. Divi Builder kann als eigenständiges Plugin mit JEDEM Thema verwendet werden - oder Sie können das Divi-Thema verwenden, in das das Divi Builder-Plugin integriert ist, und die vollen Vorteile von Divi nutzen.
Verwenden des Divi Page Builder-Plugins zum Anpassen von WooCommerce-Produktseiten-Designs
Es gibt zwei Wege zur Anpassung der Produktseite in WooCommerce mithilfe von Divi:
- Passen Sie jedes Produkt Seite für Seite mit dem Seitenersteller an (ohne eine einzige Codezeile zu schreiben!)
- Erstellen Sie im Theme Builder eine „Produktseitenvorlage“, die Sie auf jede Produktseite anwenden können, und ersetzen Sie die von Ihrem Design bereitgestellte Standard-WooCommerce-Produktseitenvorlage. (Auch hier wird keine einzige Codezeile geschrieben!) Alle Drag & Drop-Designs
Wir verwenden beide Ansätze austauschbar
Mit der Fähigkeit von Divi, auch eine vorhandene Seite zu klonen oder eine vorhandene Seite als Vorlage zu verwenden, können Sie Ihren gesamten Produktkatalog von Produktseiten mit Divi schnell anpassen.
Für Langlebigkeit und Zukunftssicherheit ist die Verwendung des Theme Builder sehr sinnvoll. Wenn Sie die Theme Builder-Produktseitenvorlage nur einmal bearbeiten, wird diese Bearbeitung auf jeder Seite, die DIESE Vorlage verwendet, auf einen Schlag ausgeführt.
Das ist einfach großartig - und nimmt NULL-Code!
Verwenden des Elementor Page Builder-Plugins zum Anpassen von WooCommerce-Produktseiten
Wir mögen Elementor, es ist kein Divi! Aber wenn es um Seitenersteller geht, sind wir mit dieser WordPress-Software zum Erstellen von Seiten an Bord.
Elementor hat sozusagen kein „Thema“ - wie Divi, das sowohl ein WooCommerce-Thema als auch ein Page Builder ist.
Elementor wurde für eine gute Kompatibilität mit gut erstellten WordPress- und WooCommerce-Themen entwickelt. Grundsätzlich ist die Integration zwischen Thema und Seitenersteller jedoch nicht so tiefgreifend, da der Builder nicht an ein Thema gebunden ist. Das macht Sinn. Sie sind das Schweizer Taschenmesser von Seitenerstellern, das in vielen Situationen nützlich ist.
Natürlich können Sie einen Baum mit einem Schweizer Taschenmesser (einem dünnen) fällen, aber Divi entspricht im Vergleich dazu einer Kettensäge für denselben Job.
Sie können sich mit Elementor von Grund auf ein neues WooCommerce-Produktseitendesign erstellen.
Um Zugriff auf die WooCommerce-Module in Elementor zu erhalten, die Sie zum Erstellen einer anständigen Ersatzproduktseite benötigen, benötigen Sie Elementor Pro - aber es ist ein kostengünstiger Builder, also keine wirklich große Sache.
Die Pro-Version ist der kostenlosen Version von Elementor sehr ähnlich - Sie erhalten grundsätzlich Zugriff auf viel mehr Module zum Entwerfen von Seiten mit dynamischem Inhalt -, sodass im Wesentlichen dasselbe Seitendesign von einer Produktseite auf eine andere kopiert und eingefügt werden kann Inhalte wie der Produktpreis oder der Produkttitel, die für DIESES Produkt gelten, werden in das Seitendesign am Frontend übernommen.
Verwenden des Gutenberg-Editors zum Anpassen von Produktseiten - WooCommerce-Plugin für das Layout von Produktseiten
Gutenberg ist KEIN Seitenersteller.
Es mag eines Tages sein - aber im Moment ist es bestenfalls ein fortgeschrittener Post-Editor.
Standardmäßig können Sie den Gutenberg-Editor NICHT auf Produktseiten verwenden.
Warum erwähne ich es?
Nun, wir haben uns angesehen, ob die Verwendung von Gutenberg zum Anpassen des WooCommerce-Produktseiten-Designs eine praktikable Option ist - und wir haben uns ein WooCommerce-Plugin für das Layout von Produktseiten von PootlePress angesehen, das den Gutenberg-Editor auf Produktseiten aktiviert, damit Sie diesen Ansatz zumindest ausprobieren können.
Lesen Sie hier den ausführlichen Artikel, in dem erklärt wird, wie es geht Passen Sie die WooCommerce-Produktseite mit dem Gutenberg-Editor an.
Was ist mit kleineren Änderungen an der WooCommerce-Produktseite?
Möglicherweise möchten Sie nur geringfügige Änderungen am Layout der Standard-WooCommerce-Produktseite vornehmen. In einigen anderen Artikeln können Sie einige sehr spezifische Änderungen vornehmen, z.
- So entfernen Sie die Registerkarte "Zusätzliche Informationen" auf der WooCommerce-Produktseite
- So verbergen Sie die WooCommerce-Kategorie und die SKU auf der Produktseite
- So entfernen Sie WooCommerce-Brotkrumen von der WooCommerce-Produktseite
- Deaktivieren und Entfernen verwandter Produkte auf der WooCommerce-Produktseite
Sie suchten nach:
Plugin für die Woocommerce-Produktseite
avada woocommerce Produktseite
elementor woocommerce Produktseite
Extra-Thema Woocommerce-Produktseite
Beaver Builder Woocommerce Produktseite
So erstellen Sie eine benutzerdefinierte einzelne Produktseite im Woocommerce
Plugin zur Anpassung der Woocommerce-Produktseite
Plugin für das Layout einzelner Produktseiten von woocommerce
Woocommerce Single Product Page Plugin
Woocommerce benutzerdefinierte Produktseite Plugin
Woocommerce Single Product Page Customizer
Woocommerce Single Product Page Builder
Woocommerce Single Product Page Plugin
Woocommerce einzelne Produktvorlage
Produktbeschreibung für Woocommerce
Woocommerce-Seitenvorlagen
Woocommerce-Seitenvorlage
Woocommerce zusätzliche Informationen
Woocommerce-Registerkarten
Kurzbeschreibung des Woocommerce-Produkts
Woocommerce Custom Product Builder
Woocommerce Product Builder
woocommerce erhalten Produktbeschreibung
Woocommerce Single Product Page Customizer
Produktseite Woocommerce