Technologische Neuigkeiten, Bewertungen und Tipps!

So passen Sie Produktkategorieseiten in WooCommerce an

Hinweis: Der folgende Artikel hilft Ihnen weiter: So passen Sie Produktkategorieseiten in WooCommerce an

Möchten Sie wissen, wie Sie Produktkategorieseiten in WooCommerce anpassen?

Kategorieseiten sind für jeden WooCommerce-Shop unerlässlich, da sie potenziellen Kunden dabei helfen, Produkte vor dem Kauf zu recherchieren. Wenn Ihre Produktkategorieseiten jedoch ungenau sind, kann dies dazu führen, dass Käufer Ihre Website verlassen und Leads und Umsatz verlieren.

In diesem Artikel erfahren Sie, wie Sie WooCommerce-Produktkategorieseiten anpassen und anzeigen, um die Benutzererfahrung und den Umsatz zu verbessern.

Warum WooCommerce-Produktkategorieseiten anpassen?

Es gibt mehrere Gründe, Ihre WooCommerce-Kategorieseiten anzupassen:

  • Verkäufe steigern: Rund 70 % der Verkäufe kommen über Kategorieseiten und tragen somit direkt zu Ihrem Geschäftserfolg bei. Das Erstellen benutzerdefinierter Kategorieseiten, die auf die Bedürfnisse der Käufer zugeschnitten sind, kann zu hohen Konversionsraten führen.
  • SEO verbessern: Die Optimierung von Kategorieseiten kann dazu beitragen, Ihr Ranking in den Suchergebnissen zu verbessern. Da viele Online-Shops nur minimale Inhalte auf Kategorieseiten haben, ist dies eine ideale Gelegenheit, Produktkategorien und Unterkategorien für Schlüsselwörter zu optimieren, nach denen Ihre Zielgruppe sucht.
  • Aufmerksamkeit erregen: Suchmaschinen leiten Benutzer häufig eher zu Produktkategorieseiten als zu Shopseiten, da sie sich auf bestimmte Ergebnisse konzentrieren. Sie können diese Seiten mit benutzergenerierten Inhalten, besseren Produktbildern und Bewertungen anpassen, um Aufmerksamkeit zu erregen und Käufer zum Kauf zu bewegen.

Letztendlich kann Ihnen die Anpassung der Produktkategorieseiten in WooCommerce dabei helfen, Ihre Kunden besser zu bedienen, das Ranking in Suchmaschinen zu verbessern und Ihren Umsatz zu steigern.

Bevor wir Ihnen zeigen, wie Sie Ihre Kategorieseiten anpassen, schauen wir uns an, wie Sie sie zu Ihrem WooCommerce-Shop hinzufügen.

So fügen Sie Produktkategorien in WooCommerce hinzu

Das Hinzufügen von Produktkategorieseiten in WooCommerce ist ziemlich einfach. Gehe zu Produkte » Kategorien von Ihrem WordPress-Dashboard aus und Sie sehen mehrere Eingabefelder.

Sie können so viele Kategorien hinzufügen, wie Sie möchten. Denken Sie jedoch daran, die folgenden Informationen einzugeben, um die Anzeige der Kategoriedaten auf Produktseiten zu erleichtern:

  • Name
  • Kategorie Schnecke
  • Eltern-Kategorie
  • Beschreibung
  • Anzeigetyp
  • Miniaturansicht

Nachdem Sie Kategorien zu Ihrem Online-Shop hinzugefügt haben, können Sie Ihre Kategorieseiten erstellen und anpassen.

Zunächst zeigen wir Ihnen, wie Sie mit SeedProd eine benutzerdefinierte Produktkategorieseite in WooCommerce erstellen. Anschließend zeigen wir Ihnen verschiedene Möglichkeiten zur Anzeige von Produktkategorien in WooCommerce.

So passen Sie die Produktkategorieseite in WooCommerce an

Obwohl WooCommerce viele Möglichkeiten zur Anzeige von Produktkategorien bietet, ist es nicht einfach, diese ohne Tools von Drittanbietern und WordPress-Plugins anzupassen. Darüber hinaus sind viele dieser Tools schwierig zu verwenden und führen zu einer Aufblähung Ihrer Website, die sie verlangsamen kann.

Aus diesem Grund empfehlen wir immer, SeedProd zu verwenden, um Ihren WooCommerce-Shop anzupassen.

SeedProd ist der beste Website-Builder für WordPress. Mit über 1 Million aktiven Installationen ist es die einfachste Möglichkeit, benutzerdefinierte WordPress-Themes, -Layouts und Landingpages ohne Code zu erstellen.

Es ist außerdem schnell, leichtgewichtig und unterstützt WooCommerce vollständig, sodass Sie mit dem einfachen Drag-and-Drop-Builder ganze Online-Shops erstellen können.

Führen Sie die folgenden Schritte aus, um mit SeedProd benutzerdefinierte Kategorieseiten zu erstellen.

Schritt 1. Installieren und aktivieren Sie den SeedProd Website Builder

Der erste Schritt besteht darin, den Website-Builder von SeedProd herunterzuladen.

Note: Es ist eine kostenlose Version von SeedProd verfügbar, wir verwenden jedoch den SeedProd Elite-Plan für die WooCommerce-Funktionen.

Als nächstes installieren und aktivieren Sie die Plugin-.zip-Datei auf Ihrer WordPress-Website. Wenn Sie bei diesem Schritt Hilfe benötigen, können Sie diese Anweisungen auf befolgen Installation eines WordPress-Plugins.

Gehen Sie nach der Installation und Aktivierung von SeedProd zu SeedProd ” Einstellungen und fügen Sie Ihren Lizenzschlüssel ein.

Sie finden Ihren Lizenzschlüssel, indem Sie sich auf der SeedProd-Website anmelden und ihn von der Registerkarte „Downloads“ kopieren.

Drücke den Schlüssel überprüfen Taste; Anschließend können Sie Ihre benutzerdefinierten WooCommerce-Kategorieseiten einrichten.

Schritt 2. Erstellen Sie ein WooCommerce-Theme

Mit SeedProd können Sie auf zwei Arten benutzerdefinierte WooCommerce-Seiten erstellen:

  • Theme-Builder – Der Theme Builder überschreibt Ihr aktuelles Theme und ermöglicht Ihnen, jeden Teil Ihrer Website mit seinem visuellen Editor anzupassen.
  • Landing Page Builder – Mit dem Landing Page Builder können Sie Ihr aktuelles Thema beibehalten und individuelle Landing Pages erstellen, die Sie mit dem Drag-and-Drop-Editor anpassen können.

Wir verwenden die Theme Builder-Option, um alle Seiten automatisch für einen WooCommerce-Shop zu erstellen.

Um Ihr WooCommerce-Theme einzurichten, gehen Sie zu SeedProd » Theme Builder.

Normalerweise sehen Sie auf dieser Seite eine Liste der Vorlagen, aus denen Ihr Thema besteht. Im Moment sehen Sie nur die globale CSS-Vorlage.

Das Tolle an SeedProd ist, dass es über 150 auf Mobilgeräte ansprechende Landingpages und Theme-Vorlagen enthält. Auf diese Weise müssen Sie mit dem Design Ihrer WooCommerce-Website nicht bei Null anfangen.

Drücke den Themen Klicken Sie auf die Schaltfläche, um eine Liste der aktuellen WordPress-Theme-Vorlagen von SeedProd anzuzeigen. Dieser Liste werden regelmäßig weitere Vorlagen hinzugefügt, von denen viele auf Online-Shops zugeschnitten sind.

Das Thema „Fahrradladen“ passt beispielsweise zu Geschäften, die Fahrräder und Fahrradzubehör verkaufen.

Um ein Thema auszuwählen, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Häkchensymbol.

Nach dem Import Ihres Themes erstellt SeedProd alle Teile aus der Theme-Demo. In unserem Fall umfasst es die folgenden Theme-Vorlagen:

  • Produktarchiv: ein komplettes Archiv aller Produkte.
  • Produktseite: Ein Bereich zur Anzeige von Details zu einzelnen Produkten.
  • Shop-Seite: eine anpassbare Storefront-Seite.
  • Einzelne Seite: eine einzelne Seite für Inhalte, z. B. Ihre Informationen oder Kontaktinformationen.
  • Blog-Index, Archive, Suche: eine Seite, auf der Sie Ihre Blogbeiträge, Suchergebnisse und Beitragsarchive anzeigen können.
  • Startseite: die Startseite Ihrer Website.
  • Seitenleiste: ein Widget-fähiger Bereich, den Sie anpassen können.
  • Fusszeile: ein Ort für benutzerdefinierte Links, Inhalte und Urheberrechtsinformationen.
  • Header: ein Platz für Ihr Logo und Navigationsmenüs.

Note: Wir bezeichnen einzelne Teile eines Themas oft als „Vorlagen“.

Durch Klicken auf jede Designvorlage wird diese im Drag-and-Drop-Editor von SeedProd geöffnet, wo Sie den Inhalt und das Design anpassen können.

Eine wichtige Themenvorlage für dieses Tutorial ist das Produktarchiv. Wenn Benutzer auf eine Kategorie in Ihrem Shop klicken, wird ihnen das Produktarchiv für diese Produktkategorie angezeigt.

Es ist diese Vorlage, die Sie öffnen müssen, um Ihre WooCommerce-Produktkategorieseiten anzupassen. Bewegen Sie Ihre Maus über die Vorlage und klicken Sie auf Design bearbeiten Klicken Sie auf den Link, um ihn im visuellen Editor zu öffnen.

Schritt 3. Passen Sie Ihre Produktkategorie-Seitenvorlage an

Wenn Sie die Produktarchivvorlagen öffnen, sehen Sie ein zweispaltiges Layout. Auf der linken Seite befinden sich Blöcke und Abschnitte, die Sie Ihrer Seite hinzufügen können. Dann gibt es rechts eine Live-Vorschau Ihres Designs.

Auf Ihrer Seite sollten bereits zwei Blöcke vorhanden sein:

  1. Archivtitel
  2. Archivprodukte

Der Archivtitel ist einer der Template-Tag-Blöcke von SeedProd. Der Archivtitel wird automatisch aus Ihrer WordPress-Datenbank abgerufen.

Wenn Sie beispielsweise in Ihrem Geschäft auf die Kategorie „Schwarze Fahrräder“ klicken, wird auf der angezeigten Seite die Überschrift „Kategorie: Schwarze Fahrräder“ angezeigt. Die Überschrift ändert sich automatisch, je nachdem, welche Kategorie Sie anklicken.

Ebenso ist der Archivprodukte-Block eines der WooCommerce-Vorlagen-Tags von SeedProd. Dieser Block zeigt ein Raster von Produkten in dieser bestimmten Kategorie an.

Um unser vorheriges Beispiel zu verwenden: Wenn Sie auf die Kategorie „Schwarzes Fahrrad“ klicken, wird ein Produktraster angezeigt, in dem nur schwarze Fahrräder angezeigt werden.

Das Anpassen beider Blöcke ist einfach. Klicken Sie einfach auf einen der Blöcke und passen Sie den Stil im linken Einstellungsfeld an.

Sie können beispielsweise die Größe, Ausrichtung und Überschriftenebene des Archivtitels ändern. Anschließend können Sie auf der Registerkarte „Erweitert“ Schriftarten, Farben, Abstände, Schatten und mehr anpassen.

Im Einstellungsbereich „Archivprodukte“ können Sie die Spalten, Paginierung, Abfrage, Elementanzahl und mehr ändern. Sie können den Stil auch auf der Registerkarte „Erweitert“ ändern.

Darüber hinaus ist es ganz einfach, das gesamte Layout Ihrer Produktkategorieseite mit den Blöcken und Abschnitten von SeedProd zu ändern.

Sie können beispielsweise über den Bildblock ziehen und ein auffälliges Bannerbild hinzufügen. Anschließend können Sie es mit einem Verkauf oder einer Werbeaktion verknüpfen, die Sie gerade durchführen.

Sie können auch Erfahrungsberichte früherer Kunden hinzufügen, um Käufer davon zu überzeugen, dass Ihre Produkte die beste Wahl sind.

In diesem Beispiel haben wir die Archivtitel- und Produktblöcke in einen breiten und schmalen zweispaltigen Abschnitt gezogen. Wir haben dann den Testimonials-Block in der kleineren Spalte verwendet.

Die Möglichkeiten sind nahezu endlos.

Wenn Sie mit Ihrer Kategorieseite zufrieden sind, denken Sie daran, auf zu klicken Speichern Schaltfläche in der oberen rechten Ecke. Anschließend können Sie den Rest Ihres WooCommerce-Themes auf die gleiche Weise anpassen.

Schritt 4. Veröffentlichen Sie Ihr WooCommerce-Theme

Wenn Sie bereit sind, Ihr neues Design zum Leben zu erwecken, gehen Sie zu SeedProd » Theme Builder Buchseite. Klicken Sie dann in der oberen rechten Ecke auf den Schalter „SeedProd-Design aktivieren“, bis er sich in der Position „Ein“ befindet.

Jetzt können Sie eine Vorschau jeder Produktkategorieseite anzeigen, um Ihre Anpassungen anzuzeigen.

So zeigen Sie die Produktkategorie in WooCommerce an

Nachdem Sie nun wissen, wie Sie Produktkategorieseiten in WooCommerce anpassen, erfahren Sie hier, wie Sie diese auf Ihrer Shop-Seite anzeigen.

Zeigen Sie Produktkategorien auf der Shop-Seite mit SeedProd an

Wenn Sie mit SeedProd Produktkategorien auf Ihrer WooCommerce-Shopseite anzeigen möchten, gehen Sie zu SeedProd » Theme Builder und öffnen Sie die Shop-Seitenvorlage.

Öffnen Sie von dort aus die Einstellungen für den Produktrasterblock und ändern Sie den Abfragetyp in „Benutzerdefinierte Abfrage“. Klicken Sie unter der Überschrift „Abfrageattribut“ auf „Nach Kategorie auswählen“. Klicken Sie dann im Kategoriefeld auf die Kategorien, die Sie auf der Seite anzeigen möchten.

Note: Sie können mehrere Kategorien auswählen, indem Sie die Befehlstaste auf dem Mac oder die Strg-Taste gedrückt halten windows.

Klicken Sie auf Speichern, um Ihre Änderungen zu speichern.

Zeigen Sie Produktkategorien auf der Shop-Seite mit WooCommerce an

Um Produktkategorien auf Ihrer Shop-Seite mit den Standardeinstellungen von WooCommerce anzuzeigen, gehen Sie zu Aussehen » Anpassen » WooCommerce » Produktkatalog.

Wählen Sie dann unter der Überschrift „Anzeige der Shop-Seite“ die Option „Kategorien anzeigen“.

Das ist es!

Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu lernen, wie Sie Produktkategorieseiten in WooCommerce anpassen.

Vielleicht gefällt Ihnen auch dieser Leitfaden zur Beschleunigung Ihres WooCommerce-Shops.

Danke fürs Lesen. Bitte folgen Sie uns weiter YouTube, TwitterUnd Facebook für weitere hilfreiche Inhalte zum Wachstum Ihres Unternehmens.