So erstellen Sie A/B-Tests in Ihrem WooCommerce

A/B-Tests sind das beste Werkzeug, um Ihren WooCommerce-Shop zu verbessern. Kurz gesagt besteht ein A/B-Test darin, basierend auf einer Verbesserungshypothese eine Änderung an Ihrer Website vorzuschlagen. Ändern Sie beispielsweise die Homepage, um bestimmte relevante Informationen besser anzuzeigen, ändern Sie die Beschreibung, das Bild und die Preise der Produkte, um zu sehen, welche mehr Verkäufe erzielen, oder ändern Sie das Thema radikal, um es attraktiver zu machen usw.

Als nächstes muss der Traffic so aufgeteilt werden, dass die Hälfte der Besucher die Originalversion und die andere Hälfte die geänderte Version sieht. Auf diese Weise können Sie analysieren, ob diese Änderung besser funktioniert als zuvor.

Wenn Sie einen WooCommerce-Shop haben, kann Ihnen das Ausführen von A/B-Tests dabei helfen, Ihre Website in vielerlei Hinsicht zu verbessern:

• Verbessern Sie die Benutzererfahrung basierend auf ihren Vorlieben und dem Wissen, welche visuellen Elemente (Bilder, Videos, Designs, Schriftarten, Farben usw.) für sie attraktiver sind.
• Reduzieren Sie die Kosten für die Kundenakquise, indem Sie den Inhalt mit Überschriften, Texten und Beschreibungen verbessern, die auf die Fragen Ihrer potenziellen Kunden eingehen.
• Reduzieren Sie die Abbruchrate, indem Sie verschiedene Landing-Stile vergleichen und das Thema, die Menüs oder andere Elemente vollständig ändern.
• Verbessern Sie die Konversionsrate, indem Sie Verkäufe und Einnahmen steigern, indem Sie sicherstellen, dass Ihre Produkte für Ihre Besucher attraktiv und interessant sind.

In diesem Beitrag werden wir sehen, wie Sie ganz einfach A/B-Tests in Ihrem WooCommerce-Shop erstellen können.

Conversion-Rate-Optimierungsprozess

A/B-Tests sind Teil eines ehrgeizigeren Prozesses, der als Conversion-Rate-Optimierung oder CRO- Prozess bekannt ist. Mal sehen, was dieser Prozess ist und woraus er besteht.

Jedes Mal, wenn ein Besucher auf Ihrer Website ankommt, ist dies eine Gelegenheit für Sie, einen Verkauf in Ihrem Geschäft zu erzielen, sich mit Ihnen in Verbindung zu setzen, um weitere Informationen zu einem Produkt anzufordern, oder sich in Ihre Mailingliste einzutragen, um Angebote zu erhalten. Wenn der Besucher eine dieser Aktionen ausführt, haben wir eine „Konversion“ erreicht. Was ist das Hauptziel Ihres Shops? Die maximale Anzahl an Conversions zu erreichen, bzw. dass das Verhältnis bzw. die Conversion Rate (Anzahl der erzielten Conversions bezogen auf die Anzahl der Besuche) möglichst hoch ist.

Der Prozess zur Optimierung der Conversion Ratio besteht somit aus folgenden Schritten:

1. Definieren Sie die Ziele Ihres E-Commerce in den verschiedenen Phasen Ihres Verkaufstrichters. Erhöhen Sie beispielsweise die Anzahl der Abonnenten der Mailingliste, erhöhen Sie die Besuche im Detail der Produkte, steigern Sie den Umsatz usw.
2. Analysieren Sie die Website und bewerten Sie, welche Probleme sie derzeit haben könnte, die Sie daran hindern oder verlangsamen, die zuvor definierten Ziele zu erreichen.
3. Generieren Sie Verbesserungshypothesen und testen Sie Ideen zur Umsetzung. Sie könnten beispielsweise die Hypothese aufstellen, dass, wenn Sie das Bild, die Beschreibung und den Preis eines Produkts ändern, es attraktiver wird und Sie mehr Verkäufe erzielen.
4. Erstellen und führen Sie A/B-Tests mit den generierten Ideen durch und analysieren Sie deren Auswirkungen. Das heißt, erstellen Sie eine oder mehrere Varianten dessen, was Sie bisher hatten, teilen Sie den Datenverkehr auf und sehen Sie sich die Daten an.

Nachdem Sie den Test durchgeführt haben, werden Sie sehen, ob eine der Varianten der Gewinner war, und Sie werden sicher sein, dass sich das endgültige Design, das Sie ausführen werden, als das beste erwiesen hat und somit zu mehr Conversions geführt hat. Ab diesem Punkt können Sie mit jeder der in Punkt 2 generierten Ideen weitere A/B-Tests erstellen.

Erstellen Sie Ihre eigenen A/B-Tests mit Nelio A/B Testing

Wie erstellen wir diese A/B-Tests in unserem Shop, ohne eine einzige Codezeile zu schreiben? Sehr einfach, wenn Sie unser Nelio A/B-Testing-Plugin verwenden. Klicken Sie einfach auf Test hinzufügen und wählen Sie die Art des Tests aus, den Sie in Ihrem Geschäft ausführen möchten.

Wie Sie im obigen Bild sehen können, haben Sie eine große Auswahl an Tests zur Auswahl. Für jeden von ihnen müssen Sie:

• Benennen Sie den Test, um ihn zu identifizieren,
• Definieren Sie die Variante(n), die Sie testen möchten,
• die Ziele und Conversion-Aktionen des Tests angeben,
• Geben Sie an, ob Sie den am Test teilnehmenden Datenverkehr segmentieren möchten.
• Führen Sie den Test durch, um Daten zu sammeln, und
• Verbessern Sie die Website entsprechend den erzielten Ergebnissen.

WooCommerce-Produktzusammenfassungstest

Beginnen wir damit, uns anzusehen, wie Sie einen WooCommerce-Produktzusammenfassungstest definieren, sicherlich die relevanteste Art von Test, mit der Sie die wirkungsvollsten Ergebnisse in Ihrem Geschäft erzielen können.

In einem WooCommerce-Produktzusammenfassungstest testen Sie die verschiedenen Kombinationen aus Produktname, Kurzbeschreibung, Bild und Preis, um herauszufinden, welche Kombination erfolgreicher beim Kauf ist.

Benennen Sie den Test und definieren Sie die Varianten

Das Erstellen dieser Art von Test ist sehr einfach. Nachdem Sie auf das Symbol WooCommerce Product Summary geklickt haben, öffnet sich der Test-Editor, damit Sie die Testinformationen eingeben können. Benennen Sie den Test und wählen Sie dann das Produkt aus, das Sie mit dieser Komponente testen möchten:

Nach der Auswahl sehen Sie die Zusammenfassung des ausgewählten Produkts. Standardmäßig ist Ihre B-Variante eine exakte Kopie Ihres ausgewählten Produkts, aber Sie können sie nach Belieben anpassen:

Schreiben Sie neue Kopien in die bereitgestellten Felder oder ändern Sie das Bild, indem Sie darauf klicken und ein neues aus der Mediathek auswählen. Sie können sogar weitere Varianten hinzufügen, wenn Sie möchten!

Geben Sie Conversion-Ziele und -Aktionen an

WooCommerce-Produktzusammenfassungstests haben ein implizites Ziel: Ihre Besucher dazu zu bringen, das Produkt zu kaufen, das Sie testen. In diesem Fall wird jedes Mal eine Conversion gezählt, wenn eine Bestellung mit diesem Produkt abgeschlossen wird.

Sie haben jedoch die Möglichkeit, das Conversion-Ziel zu ändern, indem Sie einen anderen in Ihrem Shop verfügbaren Bestellstatus auswählen. Klicken Sie dazu einfach auf die Dropdown-Liste und wählen Sie den Status aus, den eine Bestellung mit dem getesteten Produkt haben muss, damit sie als Conversion gezählt wird.

Sie können auch aktivieren oder deaktivieren, ob Nelio A/B Testing die Einnahmen verfolgen und in den Testergebnissen anzeigen soll.

Segmentieren Sie optional den Testdatenverkehr

Die Besucher Ihres Shops sind nicht alle gleich. Sie kommen aus unterschiedlichen Ländern, sprechen unterschiedliche Sprachen, verwenden unterschiedliche Browser, greifen von unterschiedlichen Webseiten auf die Website zu, verwenden unterschiedliche Geräte und eine Vielzahl weiterer subtiler und größerer Unterschiede.

Mit Nelio A/B Testing können Sie die Zielgruppe, die Sie an einem A/B-Test teilnehmen möchten, abgrenzen, indem Sie durch Regeln eine Reihe gemeinsamer Merkmale definieren, die Sie an Ihrem Test teilnehmen möchten. Hier finden Sie nähere Informationen zum Erstellen von Segmenten in einem Test.

Führen Sie den Test durch und analysieren Sie die Ergebnisse

Sobald der Test fertig ist, müssen Sie nur noch die Schaltfläche „Start…“ drücken. Mit der Premium-Version haben Sie die Möglichkeit, den Start des Tests auf ein bestimmtes Datum zu planen, und Sie können auch festlegen, ob er automatisch beendet werden soll, wenn eine bestimmte Bedingung erfüllt ist (z. B. nach einer bestimmten Zeit, nachdem eine bestimmte Anzahl erreicht wurde). Anzahl der Besuche oder wenn ein Gewinner mit einem bestimmten Maß an Vertrauen gefunden wurde).

Und das ist es! Sie müssen sich um nichts weiter kümmern, da Nelio A/B Testing sicherstellt, dass der Traffic auf Ihrer Website richtig aufgeteilt wird, sodass jeder Besucher eine der drei verfügbaren Varianten sieht.

Nachdem Sie den Test gestartet haben, können Sie auf der Ergebnisseite verschiedene Grafiken sehen, die den Fortschritt, die Entwicklung der Conversion-Rate für jede Alternative und den Grad der Verbesserung gegenüber der ursprünglichen Variante darstellen.

Wenn Sie markiert haben, den Preis zu verfolgen, haben Sie auch eine Grafik, die Ihnen die Entwicklung der kumulierten Einnahmen zeigt.

Verbessern Sie die Website gemäß den erzielten Ergebnissen

Wenn Sie nicht angegeben haben, dass der Test enden soll, wenn bestimmte Bedingungen erfüllt sind, stoppen Sie den Test, wenn es einen klaren Gewinner gibt (dh es gibt mindestens 90 % Konfidenz) oder wenn Sie das Gefühl haben, dass es keinen geben wird. Diese Informationen sind immer auf der Ergebnisseite verfügbar.

Wenn es eine Gewinnervariante gibt und es sich um eine der Alternativen handelt, können Sie auf der Ergebnisseite auf die Schaltfläche „Übernehmen“ klicken und der Inhalt der ursprünglichen Produktzusammenfassung wird durch den Inhalt der Gewinnervariante ersetzt.

Auf diese Weise haben Sie die WooCommerce-Produktübersicht entsprechend den Präferenzen Ihrer Besucher verbessert. Jetzt können Sie in Ihrem WooCommerce-Shop weiterhin Tests für alle Ihre Produkte erstellen oder Sie können auch andere Arten von Tests erstellen, die ich unten bespreche.

Seitentest

Mit Seitentests können Sie das Design und den Inhalt jeder Seite Ihrer Website testen und verbessern, z. B. die Startseite Ihres WooCommerce-Shops.

Das Erstellen eines Seitentests ähnelt dem oben beschriebenen Test. Nachdem Sie auf das Seitensymbol geklickt und dem Test einen Namen gegeben haben, um ihn zu identifizieren, müssen Sie nur noch aus dem Dropdown-Menü auswählen, welche Seite Ihres Shops Sie testen möchten.

Um eine oder mehrere Varianten zu erstellen, können Sie die Originalseite mit bereits vorhandenen (und veröffentlichten) Seiten auf Ihrer Website testen oder speziell für diesen Test eine neue Variante erstellen. Wenn Sie sich für Letzteres entscheiden, beginnen neue Varianten als exakte Kopie der getesteten Seite, aber Sie können sie mit Ihrem bevorzugten Seitenersteller nach Belieben optimieren:

So können Sie beispielsweise den Cover-Block, den Sie auf der Startseite anzeigen, in einen Medien- und Textblock ändern und alle anderen Änderungen vornehmen, die Sie für notwendig halten, um die Seite zu verbessern.

Wechseln Sie nach dem Speichern der Variante über den Link in der Seitenleiste zurück zur Testversion. Und wie im vorherigen Test können Sie weitere Varianten hinzufügen.

Wenn es darum geht, Conversion-Ziele und -Aktionen festzulegen, stehen Ihnen viele Conversion-Aktionen zur Verfügung, wenn Sie einen Seitentest durchführen:

• um eine Seite, einen Beitrag oder bestimmte Inhalte zu besuchen,
• auf eine Schaltfläche oder ein beliebiges Element auf der Seite zu klicken,
• um einen externen Link zu besuchen,
• ein ausgefülltes Formular einzureichen,
• um ein Produkt in den Warenkorb zu legen,
• um ein Produkt zu kaufen, und/oder
• Ein benutzerdefiniertes Ereignis tritt auf.

Auf dieser Seite finden Sie weitere Details zur Definition der verschiedenen Conversion-Aktionen für jeden Testtyp.

So können wir in unserem Fall beispielsweise als Conversion-Ziel das Interesse der Besucher an unseren Produkten angeben und als Conversion-Aktionen, dass sie Produkte in den Warenkorb legen und diese Produkte kaufen.

Die Ergebnisseite eines Seitentests ist dem vorherigen Beispiel sehr ähnlich, obwohl wir in diesem Fall nur die Diagramme haben, die der Konversionsrate entsprechen. Und wie bisher können Sie die Änderungen der Gewinnervariante mit einem Klick auf Ihre Website übernehmen.

Probieren Sie alternative Layouts aus: Testen Sie Menüs, Vorlagen, CSS-Stile und Designs

Bevor Sie radikale Stil- und Designänderungen vornehmen, ohne die Auswirkungen zu kennen, erstellen Sie A/B-Tests von Menüs, Vorlagen, CSS-Stilen oder testen Sie sogar verschiedene Themen und analysieren Sie, was bei Ihren Kunden am erfolgreichsten ist.

Der Prozess zum Erstellen von Varianten ist dem, was wir bereits gesehen haben, sehr ähnlich. Beim Testen eines Menüs wird nach Auswahl des zu testenden Menüs eine Kopie des Originalmenüs als Variante erstellt, damit Sie es mit dem Menüeditor bearbeiten und die gewünschten Änderungen vornehmen können. Ebenso wird beim Bearbeiten von CSS-Stilvarianten der CSS-Stileditor geöffnet, damit Sie beliebige CSS-Regeln hinzufügen können.

Bei Vorlagentests müssen Sie zuvor die Alternativvorlage erstellt und als Variante ausgewählt haben. Und um verschiedene Themen zu testen, müssen Sie sicherstellen, dass Sie diese zuvor auf Ihrer Website installiert haben.

Der Rest des Prozesses, um die Ergebnisse Ihres A/B-Tests zu erhalten, ist dem oben sehr ähnlich, aber Sie können gerne die folgenden Links zu diesen Arten von Tests für weitere Details überprüfen:

• A/B-Tests von Menüs
• A/B-Tests von Vorlagen
• A/B-Tests von CSS-Stilen
• A/B-Tests von Themen

Fazit

Alle Websites und insbesondere WooCommerce-Shops sollten ständig aktualisiert und verbessert werden, um den Umsatz zu steigern. A/B-Testing ist dafür das beste Tool, und das Nelio A/B-Testing-Plug-in macht es Ihnen leicht, sodass der Prozess so einfach ist wie das Erstellen jeder anderen Seite.

Worauf warten Sie, um Ihren WooCommerce-Shop zu verbessern und den Umsatz zu steigern?

Beitragsbild von Abi Schreider auf Unsplash.