Möchten Sie erfahren, wie Sie Ihre WooCommerce-Produktseiten einfach anpassen können? Wenn Sie einen Online-Shop betreiben, möchten Sie wahrscheinlich sicherstellen, dass Ihre Einzelproduktseiten gut aussehen, richtig organisiert sind und zu Ihrem Branding passen. Dies kann schwierig sein, wenn Sie sich nur auf WooCommerce und Ihr Theme verlassen, um Änderungen vorzunehmen, da Sie mehr oder weniger beim Standardlayout festsitzen.
Stattdessen können Sie andere Plugins verwenden, um Folgendes zu tun:
- Zusätzliche Inhaltselemente hinzufügen
- Schriftarten und Farben ändern
- Änderungen an der Seitenstruktur vornehmen
- Oder passen Sie Ihre Produktseiten sogar komplett von Grund auf an
…alles ohne Codierung!
Einige Ideen für vollständig benutzerdefinierte Produktvorlagen:
Finden Sie unten das perfekte Plugin, um Ihre Produktseiten an Ihre Bedürfnisse anzupassen!
1. Bearbeiten Sie das kosmetische Styling Ihrer Produktseiten
Hier sind einige großartige Plugins, wenn Sie nur nach ein paar kleinen kosmetischen Optimierungen suchen, z. B. Änderungen an Ihren Schriftarten, Farben oder Änderungen an einzelnen Elementen.
WooCommerce-Farben
Mit WooCommerce Colors können Sie die Farben verschiedener WooCommerce-Elemente wie die Schaltfläche „In den Warenkorb“, den Produktpreis und mehr anpassen. Sie können diese Änderungen mit dem nativen WordPress Customizer vornehmen.
Ändern der Farbe der Schaltfläche „In den Warenkorb“ mit dem WooCommerce Colors-Plugin
Dies ist ein einfaches, unkompliziertes Plugin, das keine CSS-Kenntnisse erfordert. Sie können jedoch nur die Farben anpassen, und Sie können einige Farben je nach Thema möglicherweise nicht überschreiben.
Preis: Kostenlos
GelbBleistift
YellowPencil ermöglicht es Ihnen, Ihre Schriftarten, Farben, Schriftgrößen, Abstände zwischen Elementen zu ändern und sogar animierte visuelle Effekte auf dem Frontend Ihrer Site hinzuzufügen. Es gibt viele Styling-Optionen in der kostenlosen Version, aber Yellow Pencil Pro fügt erweiterte Optionen für Farbverläufe, Animationen, benutzerdefinierte Schriftarten, Farbpaletten, Hintergrundbilder und mehr hinzu.
Ändern der Titelschrift, Preisfarbe und Schaltflächenfarbe einer Produktseite mit dem YellowPencil-Plugin
YellowPencil funktioniert auf jeder Seite Ihrer Website – nicht nur auf Ihren Produktseiten. Es generiert automatisch CSS-Code für Ihre Website, während Sie sie verwenden, und speichert ihn in Ihrer Datenbank statt in Ihrer Designdatei. Dadurch wird sichergestellt, dass Sie Ihre Änderungen nicht verlieren, wenn Sie Ihre Designs aktualisieren.
YellowPencil ermöglicht es Ihnen, Elemente in Ihrer Vorlage neu anzuordnen, aber Sie können keine neuen Elemente hinzufügen. Daher sind Sie auf die Elemente beschränkt, die bereits in der Standardvorlage für ein einzelnes Produkt vorhanden sind.
Preis: Kostenlos, mit kostenpflichtigen Upgrade-Optionen
CSS-Held
Was es macht: CSS Hero ist ein visueller Editor, mit dem Sie Änderungen am Stil Ihrer Website vornehmen können, indem Sie das CSS automatisch anpassen, wenn Sie visuelle Änderungen vornehmen.
Ändern der Farbe der Schaltfläche „In den Warenkorb“ mit dem CSS Hero-Plugin
Passen Sie die Elemente Ihrer Vorlage an, indem Sie Farben, Schriftarten, responsive Breakpoints und mehr ändern. Sie können auch Elemente ausblenden oder den Stil bestimmter Elemente speichern, um sie an anderen Stellen auf Ihrer Site wiederzuverwenden.
Sie können jedoch keine neuen Elemente neu anordnen oder neue Elemente hinzufügen, sodass Sie auf das Layout und die Elemente beschränkt sind, die bereits in der Produktvorlage vorhanden sind.
Preis: Bezahlt, ab 29 USD pro Jahr
2. Neue Elemente zu Produktlisten hinzufügen
Wenn Sie Ihren Seiten zusätzliche Elemente hinzufügen möchten, z. B. Orte für zusätzliche Inhalte oder Produktvideos, bieten diese Plug-ins Möglichkeiten, diese Elemente zu Ihren einzelnen Produktseiten hinzuzufügen.
WooCommerce Einzelproduktseiten-Anpasser
WooCommerce Single Product Page Customizer ermöglicht es Ihnen, Felder mit benutzerdefiniertem Text oder HTML in Ihrer Produktvorlage hinzuzufügen und auszuwählen, wo auf der Seite sie angezeigt werden sollen.
Sie können beispielsweise Informationen wie eine Größentabelle, Versandinformationen oder einen Link zu den Rückgaberichtlinien Ihres Shops hinzufügen. Diese Informationen werden dann für alle Ihre Produkte angezeigt.
Dies ist ein sehr unkompliziertes und einfach zu bedienendes Plugin, das jedoch in seinen Möglichkeiten eingeschränkt ist. Sie können beispielsweise nicht auswählen, dass nur Informationen für einige Produkte angezeigt werden. Sie können Ihrer Vorlage auch keine anderen Elementtypen hinzufügen und keine der vorhandenen Elemente neu anordnen.
Preis: Kostenlos
Benutzerdefinierte Produktregisterkarten für WooCommerce
Mit benutzerdefinierten Produktregisterkarten für WooCommerce können Sie Ihren Produktseiten zusätzliche Registerkarten mit Text, Bildern, HTML oder Shortcodes hinzufügen. Sie können dann auswählen, für welche Produkte die Informationen angezeigt werden sollen.
Sie können dieses Plugin verwenden, um zusätzliche Informationen zu Herstellern anzuzeigen, Ihre Rückgabebedingungen zu teilen oder zusätzliche Fotos hinzuzufügen, ohne die Produktseite zu überladen.
Auch dieses Plugin hat einen sehr fokussierten Zweck. Es ist mit diesem Plugin nicht möglich, einen anderen Teil Ihrer Produktvorlagen anzupassen, außer Registerkarten mit zusätzlichem Inhalt hinzuzufügen.
Wenn Sie produktspezifische Inhalte in Ihren Tabs anzeigen möchten, z. B. Größentabellen pro Produkt, können Sie dies nicht durch dynamisches Einblenden von Produktinformationen tun. Stattdessen müssen Sie für jedes Produkt individuelle Registerkarten mit den spezifischen Inhalten erstellen und diese dem richtigen Produkt hinzufügen.
Preis: Kostenlos, mit einer kostenpflichtigen Pro-Version
Produktvideo für WooCommerce
Mit Produktvideo für WooCommerce können Sie Ihren Produktseiten oder Ihrer Produktgalerie Videos hinzufügen. Sie können YouTube-, Vimeo-, Dailymotion-, Metacafe- oder Facebook-Videos einbetten oder Ihre eigenen hochladen. Es bietet auch mehrere Anzeigeoptionen: in einem Popup, auf Ihrer Seite und im Vollbildmodus.
Das Plugin gibt Ihnen viel Kontrolle darüber, wie Ihr Video angezeigt wird. Sie können die Abmessungen Ihres Videos anpassen, die automatische Wiedergabe aktivieren, das Video in einer Schleife abspielen und ein bestimmtes Miniaturbild hochladen.
Wie bei den anderen Plugins in dieser Kategorie sind die Funktionen dieses Plugins auf Videos beschränkt. Sie können mit diesem Plugin keinen anderen Teil der Produktvorlage anpassen.
Preis: Bezahlt, derzeit $49
3. Erstellen Sie vollständig kundenspezifische Produkte
Wenn Sie nach Produktseiten suchen, die für Sie völlig einzigartig sind, können Sie vollständig benutzerdefinierte Seiten – und ganze Websites – erstellen, mit denen Sie Stil, Seitenlayout und mehr festlegen können.
Toolset
Toolset gibt Ihnen die Möglichkeit, Ihre Produktvorlagen komplett von Grund auf mit dem gewünschten Layout, Styling und Seitenelementen zu erstellen, alles ohne Codierung.
Preis: Bezahlt, Pläne ab 69 $
Erstellen Sie Ihre Vorlage mit dynamischem Inhalt und vollständig benutzerdefiniertem Design
Mit Toolset können Sie Ihre Produktvorlage ganz einfach mit WooCommerce- und Toolset-Blöcken erstellen und diese Blöcke mit dynamischen Inhalten füllen. Das bedeutet, dass Sie die Vorlage nur einmal entwerfen müssen, und je nach Produkt werden automatisch der richtige Produktname, die Beschreibung, der Preis, die Bewertungen und mehr übernommen.
Sobald Ihre Produktvorlage erstellt wurde, können Sie die Fülle an Styling-Optionen verwenden, um sie genau so aussehen zu lassen, wie Sie es möchten, ohne an Standardoptionen gebunden zu sein.
Wählen Sie bestimmte Anzeigekriterien für Ihre Vorlagen
Sie können auch verschiedene Vorlagen für verschiedene Kriterien entwerfen: Sie können beispielsweise verschiedene Vorlagen für nicht vorrätige Artikel, für verschiedene Produktkategorien oder -attribute erstellen und sogar Prioritäten zuweisen, falls mehrere Vorlagen auf ein Produkt zutreffen.
Passen Sie Ihren WooCommerce-Shop mit noch mehr Funktionalität weiter an
Beliebte Page Builder wie Elementor Pro, Divi und WPBakery bieten auch Optionen zum Erstellen und Anpassen von WooCommerce-Produktseiten. Die zusätzlichen Funktionen, die mit der Plugin-Suite von Toolset verfügbar sind, können speziell für WooCommerce-Shops oder andere Arten von Websites verwendet werden.
Sie können zum Beispiel:
- Erstellen Sie Front-End-Formulare, mit denen Ihre Anbieter ihre Produkte zu Ihrer Website hinzufügen können
- Erstellen Sie Post-Beziehungen, die es Ihnen ermöglichen, Ihre Produkte mit anderen Post-Typen (z. B. „Outfits“) zu verbinden.
- Zeigen Sie Ihre Filialen auf einer Karte an
- Fügen Sie leistungsstarke Such- und Filterfunktionen hinzu
- Erstellen Sie zusätzliche benutzerdefinierte Felder, um Ihre Produkte weiter zu definieren
Die Auswahl der richtigen WooCommerce-Tools für Sie
Wenn Ihnen die Optionen, die Ihnen durch WooCommerce oder Ihr Theme zur Verfügung stehen, nicht gefallen, gibt es keinen Mangel an kostenlosen und kostenpflichtigen Plugins, um Ihren Shop genau so zu gestalten, wie Sie es möchten.
Der Aufbau eines benutzerdefinierten WooCommerce-Shops muss nicht schwierig sein oder eine teure benutzerdefinierte Programmierung erfordern. Mit den Plugins in diesem Artikel können Sie fortschrittliche, schöne und funktionale WooCommerce-Shops erstellen – keine Codierung erforderlich!
