Split-Tests in Ihrem Shoporama-Onlineshop

Split-Tests sind eine effektive Methode, um den eigenen Webshop zu verbessern. Es gibt verschiedene Tools zur Durchführung von Split-Tests, von denen die meisten clientseitig mit JavaScript laufen. Das bedeutet, dass sie mit einer gewissen Unsicherheit verbunden sind und gleichzeitig die Leistung Ihres Shops beeinträchtigen. Wenn Sie das Split-Testing-Tool von Shoporama verwenden, läuft Ihr Shop genauso schnell wie ohne Split-Testing (mit der Ausnahme, dass Sie während der Laufzeit Ihres Split-Tests kein Caching nutzen können).

Das Einrichten eines Split-Tests bei Shoporama ist etwas technischer als bei Tools wie Visual Website Optimizer, da du dich mit deiner Vorlage auskennen musst. Dafür wird das Erlebnis für Ihre Kunden jedoch etwas besser, da sie nicht die kleine „Verzögerung“ spüren, die JavaScript-basierte Split-Testing-Tools verursachen.

In diesem Artikel erfährst du Schritt für Schritt, wie du einen einfachen Split-Test in Shoporama einrichtest.

Wie funktioniert der Split-Test?

Ganz einfach: Ihr Shoporama-Shop besteht aus einem Theme, das sich aus einer Vielzahl von Dateien zusammensetzt. Beispielsweise wird Ihr Produkt in der Regel in der Datei „product.html“ angezeigt. Diese Datei enthält oft eine weitere Datei namens „price.html“, die den Preis anzeigt, sowie eine Datei namens „add_to_basket.html“, die die Schaltfläche „In den Warenkorb“ anzeigt. Bei einem Split-Test in Shoporama erstellst du beispielsweise einen Klon von „price.html“ (sodass du zwei oder mehr Varianten dieser Datei hast). Wenn du zwei Varianten hast (das Original und Version B), zeigt Shoporama einfach der einen Hälfte der Nutzer die eine Datei und der anderen Hälfte der Nutzer die andere Datei an. Wenn du mehrere Versionen testen möchtest, fügst du einfach eine weitere Version hinzu, und dann sieht jeder dritte Nutzer die jeweilige Version. Du kannst so viele Versionen hinzufügen, wie du möchtest. Beachte jedoch: Je mehr Versionen du hinzufügst, desto länger dauert es, bis du ein aussagekräftiges Ergebnis erhältst, auf das du dich stützen kannst.

Deine erste Aufgabe besteht also darin, die Datei zu identifizieren, die du einem Split-Test unterziehen möchtest. In diesem Beispiel wollen wir den Text auf der Schaltfläche einem Split-Test unterziehen, daher benötigen wir die Datei „add_to_basket.html“. Und hier ist die Anleitung.

1. Gehen Sie im linken Menü zu Konto → Webshop → Designs (URL: /theme/list)
2. Klicke auf die Schaltfläche „Neues Theme erstellen“
3. Gib deinem Theme einen Namen, z. B. „In den Warenkorb-Button-Test“. Der Name dient nur dazu, dass du den Test selbst identifizieren kannst
4. Im Feld darunter kannst du festlegen, dass der Split-Test gesperrt wird. Wenn du ihn nicht weiter im Auge behalten möchtest, kannst du festlegen, dass der Test über 1000 Bestellungen läuft und sich anschließend auf die Version festlegt, die die beste Konversionsrate aufweist (basierend auf der Anzahl der Bestellungen)
5. Darunter befinden sich zwei Felder. Das eine enthält alle Dateien aus den Shoporama-Themes, das andere alle Dateien aus deinen eigenen Themes. Beachte, dass manche Themes mehrere Versionen haben; du musst also darauf achten, die Datei in dem von dir verwendeten Theme zu finden. Wenn du ein eigenes Theme hast, musst du in das untere Feld wechseln. Scrolle zu der Datei, die du benötigst – in unserem Beispiel ist das „add_to_basket.html“.
6. Klicke unten auf der Seite auf „Erstellen“
7. Setzen Sie ein Häkchen bei der Datei und klicken Sie auf „Ausgewählte Vorlagen kopieren“
8. Benenne das Original der Übersichtlichkeit halber. Klicke auf den Bleistift neben dem obersten Eintrag und gib ihm den Namen „Original“, „Version A“ oder wie auch immer du es nennen möchtest
9. Klicken Sie auf „Speichern“
10. Klicken Sie auf das Stiftsymbol neben der unteren Version und nennen Sie sie „Version B“ oder wie auch immer Sie sie nennen möchten
11. Scrolle im HTML-Code der Seite nach unten. Suche das Element, das du im Split-Test testen möchtest. In unserem Fall ist es der Text auf der Schaltfläche, also scrollen wir nach unten und suchen das <input>-Element mit der Schaltfläche
12. Bearbeite den Text und klicke auf „Speichern“
13. Klicke auf „Dieses Theme verwenden“, und dein Split-Test läuft

Beachte, dass du das Caching deaktivieren musst, damit dein Split-Test ausgeführt werden kann.

So verfolgst du deinen Split-Test

Um deinen Split-Test zu überprüfen, melde dich einfach bei Shoporama an, gehe zu „Konto“ → „Webshop“ → „Themes“ und klicke auf das Theme, das du erstellt hast. Klicke auf den Bleistift neben dem Theme und du siehst nun deinen Split-Test.

Viel Spaß mit deinem Split-Test.

Bonus: Verfolge deinen Test in Google Analytics

Wir empfehlen dir, deinen Split-Test in Google Analytics zu tracken. So kannst du deinen Test in Analytics verfolgen. Es kann ja sein, dass eine Version auf Mobilgeräten sehr gut funktioniert, auf dem Desktop jedoch nicht – und solche Unterschiede kannst du in Analytics erkennen. Dazu musst du in jeder Version deiner Codes (sowohl im Original als auch in Version B) die benutzerdefinierten Variablen in Analytics verwenden. Hier solltest du auf Besucherebene angeben, ob der Nutzer die Originalversion oder Version B gesehen hat. Welche Art von Analytics-Code du verwenden musst, hängt davon ab, welche Version von Google Analytics du auf deiner Website nutzt. Nachfolgend findest du ein Beispiel, wie das aussehen könnte:

_gaq.push(['_setCustomVar',
      1,
      'Split-Test-Kaufbutton',
      'Version B',
      1
   ]);

Denke daran: Fertig ist besser als perfekt. Wenn du also mit der Analytics-Tracking-Einrichtung überfordert bist, richte deinen Split-Test einfach ein und lass ihn laufen. Du kannst dich immer noch später mit Analytics beschäftigen, bevor der nächste Test startet.

Beachte außerdem: Wenn du nur wenige Besucher in deinem Webshop hast, wird es ewig dauern, bis dein Split-Test Ergebnisse liefert. Bei geringen Besucherzahlen im Webshop solltest du dich stattdessen voll und ganz darauf konzentrieren, Besucher zu gewinnen.

Benötigen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.