So erstellen Sie einen benutzerdefinierten WooCommerce-Shop mit OceanWP und Toolset (keine Codierung)

Veröffentlicht: 2021-05-05

Sie brauchen keine benutzerdefinierte Programmierung, um einen auffälligen Online-Shop mit erweiterten Funktionen zu erstellen . Mit Toolset und OceanWP können Sie völlig benutzerdefinierte Produkt- und Shop-Seiten von Grund auf mit Ihrer eigenen einzigartigen Funktionalität und Ihrem eigenen Stil erstellen – alles ohne Codierung erforderlich.

Wenn Sie einen Online-Shop aufbauen, haben Sie vielleicht bemerkt, dass die Standardvorlagen von WooCommerce und das Thema Ihrer Website in erster Linie darüber entscheiden, wie Ihr Shop aussehen wird. Möglicherweise haben Sie einige Optionen, die Sie ein- oder ausschalten können. Andernfalls ist das Hinzufügen erweiterter Funktionen ohne benutzerdefinierte Programmierung einfach nicht möglich.

Oder Sie können einen vollständig benutzerdefinierten WooCommerce-Shop mit Toolset und OceanWP ohne Codierung erstellen.

Mit Toolset können Sie Funktionen erstellen, die Sie nur auf großen Einzelhandelsseiten sehen. Oder Sie können sich sogar Ihre eigenen Funktionen ausdenken und sie dann mit benutzerdefinierten Beitragstypen und -feldern, Beitragsbeziehungen, benutzerdefinierten Layouts und mehr erstellen.

OceanWP lässt Ihre Website dank seiner umfangreichen Styling-Optionen großartig aussehen. Außerdem verfügt es über ein intuitives Admin-Bearbeitungserlebnis, das Ihnen genau zeigt, wie Ihre Website am Frontend aussehen wird.

Hier sind vier Schritte, um Ihren Online-Shop mit Toolset und OceanWP anzupassen:

  1. Entscheiden Sie, was Sie anzeigen und bewerben möchten
  2. Definieren Sie Ihre Produkte mit benutzerdefinierten Beitragstypen, Feldern und Taxonomien
  3. Erstellen Sie benutzerdefinierte Produktseiten
  4. Erstellen Sie dynamische Shop-Seiten und Suchfunktionen

Entscheiden Sie, was Sie anzeigen und bewerben möchten

Die flexiblen Funktionen von Toolset können mehr als nur Ihre Produktseiten neu anordnen und gestalten. Sie können vollständig benutzerdefinierte Funktionen erstellen, die speziell für Ihr Unternehmen gelten, oder erweiterte Funktionen von großen Einzelhandelsseiten verwenden.

q-and-a-section-toolset
Erstellen Sie Fragen und Antworten zu Produkten mithilfe von Formularen und benutzerdefinierten Wiederholungsfeldern
Upsells-Cross-Sells-Toolset
Zeigen Sie Upsells und beliebte Cross-Sells mithilfe von Post-Beziehungen an
Brand-Custom-Taxonomie-Toolset
Zeigen Sie Produkte nach Marke oder Designer mit benutzerdefinierten Taxonomien an
Sonderangebote-Toolset
Teilen Sie Sonderangebote mithilfe von bedingten Blöcken mit Informationen aus benutzerdefinierten Feldern
Front-End-Formular-Toolset
Ermöglichen Sie Anbietern, ihre Produkte mithilfe von Formularen direkt an Ihre Website zu übermitteln
Store-Locations-Toolset
Zeigen Sie Ihre Geschäftsstandorte mithilfe benutzerdefinierter Ansichten auf einer Karte an
Konto-erstellen-Toolset
Erstellen Sie Kunden- oder Lieferanten-Logins mit Berechtigungen nach Benutzertyp

Produkte-pro-Outfit-Toolset
Erstellen Sie Inspiration für einkaufbare Outfits mithilfe von Post-Beziehungen

Dies sind Funktionen, die Sie von WooCommerce allein niemals erhalten könnten, und sie kratzen nur an der Oberfläche dessen, was mit Toolset möglich ist. Das Beste daran ist, dass dies alles ohne Codierung möglich ist!

Definieren Sie Ihre Produkte mit benutzerdefinierten Beitragstypen, Feldern und Taxonomien

Sobald Sie Ihre Ideen im Kopf haben, können Sie eine unbegrenzte Anzahl von benutzerdefinierten Beitragstypen, Feldern, Taxonomien und Beitragsbeziehungen erstellen, um Ihre Ideen Wirklichkeit werden zu lassen.

WooCommerce bietet Ihnen einige grundlegende Felder zum Definieren Ihrer Produkte wie Produktattribute, Beschreibungen, Preise und Versandinformationen wie Gewicht und Abmessungen.

Mit Toolset können Sie weitere Informationen wie bestimmte Produktmerkmale oder Marken hinzufügen oder angeben, zu welcher Abteilung ein Produkt gehört.

benutzerdefinierte Felder-Produkte
Benutzerdefinierte Felder für ein Produkt

Nicht alle Themen funktionieren gut mit benutzerdefinierten Beitragstypen, aber OceanWP ist „benutzerdefinierte Typen bereit“. Mit OceanWP können Sie auf jede Inhaltsvorlage unterschiedliche Themeneinstellungen anwenden. Dadurch haben Sie eine größere Kontrolle darüber, wie diese benutzerdefinierten Inhalte auf Ihrer Website angezeigt werden.

Erstellen Sie benutzerdefinierte Produktseiten

Wenn Ihre Produkte definiert sind, können Sie vollständig benutzerdefinierte Vorlagen erstellen, um Ihre Produkte und die Informationen aus Ihren benutzerdefinierten Feldern anzuzeigen. Durch die Verwendung von Produktvorlagen müssen Sie Ihre Seite nur einmal erstellen, und alle Änderungen, die Sie vornehmen, werden sofort auf alle Ihre Produkte übertragen, die diese Vorlage verwenden.

Mit Toolset können Sie Ihre Produktvorlagen mithilfe der WooCommerce-Blöcke von Toolset komplett von Grund auf neu erstellen.

woocommerce-default-template
Standard-WooCommerce-Produktvorlage
Custom-Product-Template-Toolset
Vollständig benutzerdefinierte Toolset-Produktvorlage

Weisen Sie einfach die Vorlage oder das Archiv Ihren Produkten zu und fügen Sie die gewünschten Blöcke hinzu, z. B. Produktbewertungen, Produktregisterkarten, Produktattribute, eine Schaltfläche zum Hinzufügen zum Warenkorb und mehr.

Die Blöcke können die Informationen aus Ihren benutzerdefinierten Feldern dynamisch abrufen. Das bedeutet, wenn Sie einen Kopfzeilenblock hinzufügen, um beispielsweise den Produktnamen anzuzeigen, wird automatisch der korrekte Produktname entsprechend dem Produkt angezeigt, das Ihr Kunde ansieht.

Dynamic-Content-Toolset
Erstellen einer Produktvorlage, die die Informationen für jedes Produkt dynamisch einfügt

Sie können Vorlagen auch bedingt zuweisen, um nach bestimmten Produktkriterien unterschiedliche Vorlagen zu verwenden. Beispielsweise können Sie eine bedingte Vorlage verwenden, um nicht vorrätige Artikel in einem anderen Layout anzuzeigen.

Lagerartikel-Toolset
Artikel auf Lager
Toolset für vergriffene Artikel
Ausverkaufter Artikel

OceanWP bietet Ihnen eine Vielzahl von Optionen zum Gestalten dieser Vorlagen. Da es für den Posttyp bereit ist, können Sie verschiedene Themenoptionen für verschiedene Vorlagen auswählen. Beispielsweise können Sie für einige Produkte eine Seitenleiste anzeigen und für vorgestellte Produkte ein Layout in voller Breite auswählen.

theme-options-owp-toolset
Auswahl Ihrer OceanWP-Designoptionen pro Vorlage

OceanWP enthält auch globale Styling-Optionen, um die visuelle Identität Ihres Shops auf Ihrer gesamten Website konsistent zu halten. Außerdem müssen Sie nicht zwischen dem Administrator und dem Front-End Ihrer Website wechseln, um zu sehen, wie Ihre Änderungen aussehen, denn was Sie im Back-End sehen, ist, wie es auf dem Front-End erscheinen wird.

global-styling-toolset-oceanwp
Hinzufügen globaler Stile zu Ihrer Website

Erstellen Sie dynamische Shop-Seiten, Produktlisten und fügen Sie Suchfunktionen hinzu

Sie haben Ihre Produkte definiert und Ihre Produktvorlagen gestaltet. Helfen Sie Ihren Kunden jetzt, das zu finden, wonach sie suchen.

Erstellen von benutzerdefinierten Shop-Seiten und anderen Archivseiten

In WordPress werden Seiten wie die Shop-Seite und die Seiten mit Kategorielisten als Archive bezeichnet. Archive listen im Wesentlichen alle Beiträge (oder Produkte) auf, die zu einer bestimmten Kategorie oder Art von Inhalten gehören.

Mit Toolset können Sie verschiedene Archive nach von Ihnen gewählten Kriterien erstellen. Wenn Ihre Website beispielsweise Absätze und Taschen verkauft, möchten Sie möglicherweise verschiedene Shop-Seiten mit Filtern, die für jeden Produkttyp relevant sind.

Archivseiten-Toolset
Shop-Seite für Absätze
Shop-Seite-Taschen-Toolset
Shop-Seite für Taschen

Erstellung dynamischer Inhaltslisten

Sie können Ihrer Shop-Seite oder jeder anderen Seite Ihrer Website mithilfe des Toolset-Ansichtsblocks eine dynamische Liste von Produkten hinzufügen. Auf diese Weise können Sie festlegen, welche Produkte aufgelistet werden sollen, und das Aussehen der Liste gestalten.

View-Block-Toolset
Auswählen, welche Inhalte auf einer Shop-Seite angezeigt werden sollen

Hinzufügen von benutzerdefinierten Such- und Filteroptionen

Toolset macht es Ihren potenziellen Kunden dank benutzerdefinierter Such- und Filteroptionen leicht, Produkte schnell und einfach zu finden. Sie können nach jedem benutzerdefinierten Feld oder jeder Post-Beziehung filtern, die Sie erstellt haben.

Custom-Search-Toolset
Benutzerdefinierte Suche, mit der Sie nach benutzerdefinierten Feldern filtern können

Andere benutzerdefinierte Shop-Seitenfunktionen von OceanWP

OceanWP bietet mehr Funktionen für Ihre Shop- und Archivseiten, darunter eine Schnellansichtsoption, unendliches Scrollen und die Möglichkeit, Ihre Filter bei Nichtgebrauch auf dem Bildschirm auszublenden. Bitte beachten Sie, dass diese Funktionen nur mit den Archiven von OceanWP funktionieren, nicht mit benutzerdefinierten Archiven, die Sie mit Toolset erstellen.

quick-view-option-oceanwp
Schnellansichtsoption
ceanwp-Off-Screen-Filter
Filter außerhalb des Bildschirms ausblenden

OceanWP bietet Ihnen auch Optionen für die Anzeige Ihres Warenkorbs:

  • Nativer Einkaufswagen wird angezeigt
  • Schwebende Add-to-Cart-Leiste
  • Warenkorbanzeige
  • Ablenkungsfreier Checkout

..und mehr!

Probieren Sie OceanWP und Toolset noch heute aus und teilen Sie uns Ihre Erfahrungen in den Kommentaren mit!

Lernen Sie mit dem kostenlosen WooCommerce-Kurs von Toolset Schritt für Schritt, benutzerdefinierte WooCommerce-Shops zu erstellen.


Sie können Toolset und OceanWP zusammen mit dieser WooCommerce-Store-Demo auch kostenlos ausprobieren .