Vollständiger Leitfaden zur intelligenten Verwendung von WooCommerce-Variantenmustern [2022]

Um den Umsatz in Ihrem Online-Shop zu steigern, besteht der erste Schritt darin, Ihre potenziellen Kunden optisch zu beeindrucken. Und dazu müssen Sie Ihre Produktseiten optimieren.

Je einfacher Sie Käufern die Auswahl ihrer Produkte machen, desto höher ist die Conversion.

Wenn Sie variable Produkte in Ihrem Shop haben, möchten Sie alle Variationen eines Produkts benutzerfreundlich darstellen.

Einer der neuesten Trends, der großartige Ergebnisse erzielt hat, ist die Verwendung von Farbfeldern zur Darstellung von Variationen anstelle von Dropdown-Menüs.

Verwenden Sie daher WooCommerce-Variantenmuster, um Produktvarianten ansprechender und ansprechender zu präsentieren.

Heute werden wir besprechen, wie Sie Variationsmuster in Ihrem WooCommerce-Shop auf die ergebnisorientierteste Weise verwenden können.

Sie erfahren, wie Sie abhängig von Ihren Produktvarianten die richtige Art von Variationsmustern anwenden, um die Absicht der Käufer zu steigern.

Nachdem Sie diese Anleitung gelesen haben, können Sie:

• Verstehen Sie, wie wichtig jeder Variationsmustertyp ist
• Richten Sie selbst Farb-, Bild- oder Etikettenmuster für Varianten ein
• Beispiele für die großartige Verwendung von Variationsmustern
• Steigern Sie die Kaufabsicht und steigern Sie Ihren Umsatz

Tauchen wir also ein.

Wann und warum verschiedene Variationsmuster verwenden?

Ihre variablen Produkte können verschiedene Arten von Variationen aufweisen. Sie können keine eindeutigen Variationsmuster für verschiedene Varianten einrichten, um maximale Interaktionen zu erzielen.

Farbvariationsmuster

Ein Produkt kann in verschiedenen Farben erhältlich sein. Angenommen, Sie verkaufen ein T-Shirt mit drei Farben: Rot, Blau und Gelb.

Dann können Sie Farbvariationsmuster verwenden, um Ihre Kunden aus den Varianten auswählen zu lassen.

Standardmäßig lässt WooCommerce die Leute über ein langweiliges Dropdown-Menü auswählen. Sie können es jedoch mit farbigen Musterschaltflächen ansprechender gestalten.

Sehen Sie selbst den Unterschied:

Standard

Verwenden von Farbvariationsfeldern

Wie Sie sehen, sind die Farben deutlich sichtbar. So wird eine Person die Auswahl einfacher und praktischer finden.

Farbfelder für Bildvariationen

Bestimmte Produkte sind vielseitiger und Sie können die Varianten mithilfe von Bildvariationsmustern präsentieren.

Angenommen, Sie verkaufen Geschenkboxen mit unterschiedlichen Formen. Anstatt also die Dropdown-Auswahl zu präsentieren, können Sie Varianten mit Bildmustern anzeigen.

So erstaunlich wird es:

Standard

Verwenden von Bildvariationsmustern

Wie Sie sehen können, werden die Varianten in kleinen Mustern für die Formen präsentiert, wodurch sie attraktiver werden.

Spitze:
Ideal ist immer ein Bild mit allen Varianten zusammen als Feature-Bild für das Produkt. Falls Sie keine haben, verwenden Sie das Bild der beliebtesten Variante als Featured Image.

Etikettenvariationsmuster

Bestimmte Faktoren wie Größe oder Länge sind visuell schwer darzustellen.

Wenn Sie beispielsweise ein T-Shirt mit den Größen L (für groß), M (für mittelgroß) und S (für klein) verkaufen, haben Sie keine Möglichkeit, die tatsächlichen Größen visuell darzustellen.

In diesem Fall können Sie es dennoch attraktiv gestalten, indem Sie die Varianten mithilfe von Schaltflächen für Etikettenvariationen präsentieren.

So wird es immer noch einen Unterschied machen:

Standard

Verwenden von Farbfeldern für Etikettenvariationen

Trotz fehlender Größenvisualisierung machen die Swatches die Auswahl ansprechender. Die Leute klicken oft nur aus Neugier auf die Farbfelder.

Farbfelder für Textvariationen

Ähnlich wie bei den Größen lassen sich auch wenige andere Variationsfaktoren wie Material- oder altersgruppenbedingte Variationen etc. nicht visuell darstellen und auch nicht als Label darstellen.

Angenommen, Sie verkaufen einen Hut in den Größen Kids, Teen und Grow-Up.

In diesem Fall können Sie sie in attraktive Textmuster mit Knöpfen verwandeln.

Der Vorteil dabei ist, dass alle verfügbaren Variationen vor dem Käufer aufgelistet werden und er die Auswahl einfach per Klick auf die Schaltfläche(n) treffen kann.

Hier ist eine Vorschau:

Standard

Verwenden von Textvariationsfeldern

Spitze:
Wenn Sie andere Größenetiketten als nummerierte Werte haben, führen Sie eine Tabelle auf Ihrer Website, um die genauen Werte der Größen zu finden. Geschäfte verlieren oft Umsatz aufgrund des Fehlens dieser Tabelle. Kunden sind nicht geduldig genug, um Sie beim Kundendienst anzurufen, um die genaue Größe herauszufinden.

Wie Sie gesehen haben, macht das Ändern von Variationsmenüs in Farbfelder es so viel attraktiver und ansprechender.

Wenn Sie diese Attraktionen jetzt implementieren möchten, können Sie dies ganz einfach mit dem Plugin Variation Swatches For WooCommerce tun.

Variationsmuster für WooCommerce

Variation Swatches for WooCommerce ist ein einfaches Plugin, mit dem Sie die grundlegende Dropdown-Auswahl von Varianten einfach in Schaltflächenmuster ändern können. Es dauert nur ein paar Klicks.

Lassen Sie mich Ihnen eine Schritt-für-Schritt-Anleitung geben, wie Sie mit Variation Swatches for WooCommerce ganz einfach Variationsmuster in Ihrem Online-Shop einrichten können.

Wie ändere ich das Dropdown-Menü in Schaltflächenmuster für WooCommerce-Variationen?

Wie bereits erwähnt, zeigt WooCommerce Variationen als Dropdown-Optionen auf der Produktseite an.

Sie können die Variationsoptionen jedoch mit nur wenigen Klicks mit dem Plugin ganz einfach von Dropdown- in Schaltflächenmuster umwandeln.

Hier ist, wie Sie es Schritt für Schritt tun können.

1. Installieren und aktivieren Sie zunächst Variation Swatches for WooCommerce.

Auf Ihrem Admin-Dashboard erhalten Sie ein neues Menü namens Swatches. Klick es an.

Sie gelangen zum Plugin-Dashboard.

2. Legen Sie den grundlegenden Musterstil und das Design fest

In den allgemeinen Einstellungen finden Sie die Optionen zum Festlegen der Farbe und des Rands von Farbfeldern, wie sie normalerweise angezeigt werden, wenn Sie darüber schweben oder wenn Sie sie auswählen.

Außerdem können Sie die Schriftgröße einstellen.

Konfigurieren Sie diese Einstellungen nach Belieben.

3. Gehen Sie zur Registerkarte „Steuerelemente“.

Klicken Sie links auf die Registerkarte Steuerung.

Die Registerkarte „Steuerelemente“ enthält viele Optionen.

4. Aktivieren Sie Dropdown zu Schaltflächenmustern

Aktivieren Sie hier die Option „Dropdown zu Schaltflächenmustern “.

Speichern Sie dann die Einstellungen. Jetzt sehen Sie, dass die Variationen auf Produktseiten in Form von Schaltflächenmustern angezeigt werden.

Standard-Dropdown-Auswahl

Schaltflächenmuster für Variationen

Sobald Sie das Dropdown-Menü aktiviert haben, um Farbfelder für Ihr Geschäft zu aktivieren, können Sie die Farbfelder jetzt in wenigen einfachen Schritten ganz einfach in Farb-, Bild- oder Etikettenmuster umwandeln.

So richten Sie WooCommerce-Farbfelder für Farbvariationen ein

Durch die Verwendung von Farbmustern können Sie eine visuelle Vorstellung von der Farbe vermitteln, die der Käufer wählen wird. Es wird also kein Zögern geben.

Und wie Sie bereits gesehen haben, sind Farbmuster im Vergleich zur gewöhnlichen Dropdown-Auswahl sehr attraktiv.

Führen Sie die folgenden Schritte aus, um Farbfelder einzurichten.

1. Aktivieren Sie Dropdown zu Schaltflächenmustern

Befolgen Sie zunächst die Schritte zum Aktivieren des Dropdown-Menüs für Tastenfelder, wie zuvor erläutert.

(Klicken Sie hier, um zu erfahren, wie Sie das Dropdown-Menü für Schaltflächenmuster aktivieren.)

2. Gehen Sie zu Ihren erstellten Attributen

Die Variantenbegriffe werden normalerweise in Attribute gruppiert.

Gehen Sie zu Dashboard > Produkte > Attribute und Sie finden die Liste der Attribute, die Sie bereits in Ihrem Shop erstellt haben, und die Option, neue Attribute hinzuzufügen.

Auf der rechten Seite sehen Sie die Liste der von Ihnen erstellten Attribute.

3. Ändern Sie Ihr gewünschtes Attribut als Farbtyp

Bewegen Sie die Maus über den Attributnamen, für den Sie Farbfelder verwenden möchten.

Sie erhalten die Optionen zum Bearbeiten oder Löschen. Klicken Sie auf Bearbeiten und Sie gelangen auf die Seite Attribut bearbeiten.

Sobald Sie sich auf der Seite Attribut bearbeiten befinden, sehen Sie, dass Sie ein Feld für den Typ haben.

Klicken Sie darauf und wählen Sie die Option „Farbe“.

Klicken Sie dann unten auf die Schaltfläche Aktualisieren.

4. Legen Sie Farbfelder für Änderungsbedingungen fest

Nachdem Sie den Attributtyp auf „Farbe“ gesetzt haben, können Sie nun den Variantenbegriffen unter diesem Attribut Farbfelder zuweisen.

Gehen Sie zurück zu Dashboard > Produkte > Attribute und auf der rechten Seite des Attributs (das Sie gerade als Farbtyp festgelegt haben) erhalten Sie die Option „Bedingungen konfigurieren“.

Klicken Sie auf Bedingungen konfigurieren und Sie gelangen auf die folgende Seite:

Hier können Sie entweder Begriffe für Farbvariationen hinzufügen oder auf der rechten Seite die Variantenbegriffe sehen, die Sie alle für Farben in Ihrem Geschäft bereit haben.

Bewegen Sie die Maus über einen Farbbegriff und Sie finden die Option zum Bearbeiten.

Klicken Sie auf Bearbeiten und Sie gelangen auf die Bearbeitungsseite. Hier unten sehen Sie, dass Sie die Möglichkeit haben, eine Farbe auszuwählen.

Klicken Sie auf „Farbe auswählen“ und Sie erhalten die Option, eine Farbe zuzuweisen.

Wählen Sie eine geeignete Farbe und klicken Sie erneut auf Farbe auswählen.

Klicken Sie dann unten auf die Schaltfläche Aktualisieren.

Gehen Sie nach der Aktualisierung zurück und Sie werden sehen, dass eine Vorschau der Farbe direkt neben dem Namen des Begriffs der jeweiligen Farbvariante angezeigt wird.

Machen Sie dasselbe für die restlichen Farbvariationen und das war's. Jetzt haben Ihre Produkte Farbvariationsmuster anstelle einer Dropdown-Auswahl für Farbvarianten.

Verwenden von Farbvariationsfeldern

Wie richte ich Bildmuster für WooCommerce-Produktvariationen ein?

Durch die Verwendung von Bildmustern können Sie bestimmte Varianten als attraktive Muster anzeigen, wenn Sie Produkte ansehen.

Und wie Sie bereits gesehen haben, sind Bildmuster im Vergleich zur gewöhnlichen Dropdown-Auswahl sehr ansprechend.

Führen Sie die folgenden Schritte aus, um Bildmuster einzurichten.

1. Aktivieren Sie Dropdown zu Schaltflächenmustern

Befolgen Sie zunächst die Schritte zum Aktivieren des Dropdown-Menüs für Tastenfelder, wie zuvor erläutert.

(Klicken Sie hier, um zu erfahren, wie Sie das Dropdown-Menü für Schaltflächenmuster aktivieren.)

2. Gehen Sie zu Ihren erstellten Attributen

Die Variantenbegriffe werden normalerweise in Attribute gruppiert.

Gehen Sie zu Dashboard > Produkte > Attribute und Sie finden die Liste der Attribute, die Sie bereits in Ihrem Shop erstellt haben, und die Option, neue Attribute hinzuzufügen.

Auf der rechten Seite sehen Sie die Liste der von Ihnen erstellten Attribute.

3. Weisen Sie Ihr gewünschtes Attribut als Bildtyp zu

Bewegen Sie die Maus über den Attributnamen, für den Sie Bildmuster verwenden möchten.

Sie erhalten die Optionen zum Bearbeiten oder Löschen. Klicken Sie auf Bearbeiten und Sie gelangen auf die Seite Attribut bearbeiten.

Sobald Sie sich auf der Seite Attribut bearbeiten befinden, sehen Sie, dass Sie ein Feld für den Typ haben.

Klicken Sie darauf und wählen Sie die Option „Bild“.

Klicken Sie dann unten auf die Schaltfläche Aktualisieren.

4. Legen Sie Farbfelder für Änderungsbedingungen fest

Nachdem Sie den Attributtyp auf „Bild“ gesetzt haben, können Sie nun den Variantenbegriffen unter diesem Attribut Bildmuster zuweisen.

Gehen Sie zurück zu Dashboard > Produkte > Attribute und auf der rechten Seite des Attributs (das Sie gerade als Bildtyp festgelegt haben) erhalten Sie die Option „Bedingungen konfigurieren“.

Klicken Sie auf Bedingungen konfigurieren und Sie gelangen auf die folgende Seite:

Hier können Sie entweder Begriffe für Variationen hinzufügen oder auf der rechten Seite die bereits vorhandenen Variantenbegriffe (unter diesem Attribut) sehen.

Bewegen Sie die Maus über einen Begriff und Sie finden die Option zum Bearbeiten des Begriffs.

Klicken Sie auf Bearbeiten und Sie gelangen auf die Bearbeitungsseite. Hier unten sehen Sie, dass Sie die Möglichkeit haben, ein Bild hochzuladen oder hinzuzufügen.

Klicken Sie auf „Bild hochladen/hinzufügen“ und Sie können entweder ein Bild hochladen oder ein Bild aus Ihrer Medienbibliothek auswählen.

Wählen Sie ein geeignetes Bild aus und klicken Sie dann unten auf die Schaltfläche Aktualisieren.

Gehen Sie nach der Aktualisierung zurück und Sie werden sehen, dass eine Vorschau des Bildes direkt neben dem Namen des Variantenbegriffs angezeigt wird.

Machen Sie dasselbe für die restlichen Varianten und das war's. Jetzt haben Ihre Produkte Bildvariationsmuster anstelle einer Dropdown-Auswahl für diese Varianten.

Verwenden von Bildvariationsmustern

Wie richte ich Etikettenvariationsmuster für variable Produkte ein?

Durch die Verwendung von Etikettenmustern können Sie bestimmte Varianten anzeigen, die an einzelnen Buchstaben oder Zahlen erkennbar sind.

Und wie Sie bereits gesehen haben, sind Etikettenmuster einprägsamer als die gewöhnliche Dropdown-Auswahl.

Führen Sie die folgenden Schritte aus, um Etikettenmuster einzurichten.

1. Aktivieren Sie Dropdown zu Schaltflächenmustern

Befolgen Sie zunächst die Schritte zum Aktivieren des Dropdown-Menüs für Tastenfelder, wie zuvor erläutert.

(Klicken Sie hier, um zu erfahren, wie Sie das Dropdown-Menü für Schaltflächenmuster aktivieren.)

2. Gehen Sie zu Ihren erstellten Attributen

Die Variantenbegriffe werden normalerweise in Attribute gruppiert.

Gehen Sie zu Dashboard > Produkte > Attribute und Sie finden die Liste der Attribute, die Sie bereits in Ihrem Shop erstellt haben, und die Option, neue Attribute hinzuzufügen.

Auf der rechten Seite sehen Sie die Liste der von Ihnen erstellten Attribute.

3. Weisen Sie Ihr gewünschtes Attribut als Etikettentyp zu

Bewegen Sie die Maus über den Attributnamen, für den Sie Etikettenmuster verwenden möchten.

Sie erhalten die Optionen zum Bearbeiten oder Löschen. Klicken Sie auf Bearbeiten und Sie gelangen auf die Seite Attribut bearbeiten.

Sobald Sie sich auf der Seite Attribut bearbeiten befinden, sehen Sie, dass Sie ein Feld für den Typ haben.

Klicken Sie darauf und wählen Sie die Option „Etikett“.

Klicken Sie dann unten auf die Schaltfläche Aktualisieren.

4. Legen Sie Etikettenmuster für Änderungsbedingungen fest

Nachdem Sie den Attributtyp auf „Label“ gesetzt haben, können Sie nun den Variantenbegriffen unter diesem Attribut Labelmuster zuweisen.

Gehen Sie zurück zu Dashboard > Produkte > Attribute und auf der rechten Seite des Attributs (das Sie gerade als Etikettentyp festgelegt haben) erhalten Sie die Option „Bedingungen konfigurieren“.

Klicken Sie auf Bedingungen konfigurieren und Sie gelangen auf die folgende Seite:

Hier können Sie entweder Begriffe für Variationen hinzufügen oder auf der rechten Seite die bereits vorhandenen Variantenbegriffe (unter diesem Attribut) sehen.

Bewegen Sie die Maus über einen Begriff und Sie finden die Option zum Bearbeiten des Begriffs.

Klicken Sie auf Bearbeiten und Sie gelangen auf die Bearbeitungsseite. Hier unten sehen Sie, dass es ein Feld gibt, in das Sie ein Label-Zeichen eingeben können.

Geben Sie das Label ein, das Sie anzeigen möchten.

Klicken Sie dann unten auf die Schaltfläche Aktualisieren.

Gehen Sie nach der Aktualisierung zurück und Sie werden sehen, dass eine Vorschau des Labels direkt neben dem Namen des Variantenbegriffs angezeigt wird.

Machen Sie dasselbe für die restlichen Varianten und das war's. Jetzt haben Ihre Produkte Etikettenvariationsmuster anstelle einer Dropdown-Auswahl für diese Varianten.

Verwenden von Farbfeldern für Etikettenvariationen

Fazit

Es ist klar, dass die Dropdown-Auswahl für variable Produkte nicht mehr bevorzugt wird. Der beste Weg, Variationen anzubieten, ist die Verwendung von Farbfeldern.

Und das Beste daran ist, dass es super einfach zu implementieren ist und mit dem Plugin Variation Swatches for WooCommerce mit nur wenigen Klicks erledigt werden kann.

Daher schlage ich vor, dass Sie das Plugin ausprobieren und die Vorteile von WooCommerce-Variantenmustern nutzen. Profitieren Sie davon, ohne großen Aufwand Käufer zu gewinnen.