Split-testning i din Shoporama-webbshop

Split testing är ett effektivt sätt att förbättra din webbutik. Det finns olika verktyg för split testing och de flesta körs på klientsidan med Javascript. Det innebär att de är något osäkra och samtidigt saktar ner din butik. Om du använder Shoporamas verktyg för delad testning kommer din butik att köras lika snabbt som om du inte delade testet (med undantag för att du inte kan använda cachelagring medan ditt delade test körs).
Att ställa in delad testning på Shoporama är lite mer tekniskt än verktyg som Visual Website Optimiser, eftersom du måste förstå din mall. Men å andra sidan kommer upplevelsen att bli lite bättre för dina kunder eftersom de inte kommer att uppleva den lilla "fördröjning" som javascript-baserade split-testverktyg ger.
Den här artikeln kommer att guida dig genom hur du ställer in ett enkelt split-test i Shoporama.

Hur fungerar split-testet?

Enkelt uttryckt består din Shoporama-butik av ett tema, som består av en massa filer. Till exempel visas din produkt vanligtvis i filen product.html. Denna fil innehåller ofta en annan fil som heter price.html, som visar priset och en som heter add_to_basket.html, som visar knappen för att lägga till i korgen. Det sätt Shoporama split-testar på är att du gör en klon av price.html (så att du har två eller flera varianter av den filen). Om du har två varianter (originalet och version B) kommer Shoporama helt enkelt att visa en fil till varannan användare och den andra filen till den andra hälften av dina användare. Om du vill testa flera versioner av den, lägg bara till ytterligare en version och sedan kommer var tredje användare att se den enda versionen. Du kan lägga till så många versioner du vill - tänk bara på att ju fler versioner du lägger till, desto längre tid tar det innan du har ett giltigt resultat att förlita dig på.

Så den första uppgiften för dig är att identifiera vilken fil du ska split-testa. I det här exemplet ska vi splittesta texten på knappen, så det är filen add_to_basket.html vi behöver ta tag i. Och här kommer receptet.

1. Klicka först på kugghjulet i det övre högra hörnet.
2. Klicka sedan på de tre prickarna till höger och välj "Teman" i rullgardinsmenyn som visas

3. Här kommer du att se en nästan tom sida. Klicka på knappen "Skapa nytt tema"
4. Du behöver nu ge ditt tema ett namn. Det kan vara "Test av knappen Lägg till i korgen". Namnet används bara för att du själv ska kunna identifiera testet.
5. I fältet nedan kan du välja att låsa split-testet. Om du inte vill hålla koll på det kan du välja att testet ska köras på 1000 ordrar och sedan låsa till den version som konverterar bäst (baserat på antal ordrar).
6. Under detta finns det två fält. Det ena innehåller alla filer från Shoporamas teman och det andra alla filer från dina teman. Observera att vissa har flera versioner av ditt tema, så se till att du hittar filen i det tema du använder. Om du har ett eget tema går du till den nedersta rutan.
När du vet vilken ruta du ska "titta i" scrollar du ner till den fil du behöver. I vårt exempel är det add_to_basket.html

7. Klicka nu på "Skapa" längst ner på sidan. Och du kommer nu att se något som liknar detta

8. Markera nu filen och klicka på "Kopiera de valda mallarna". Du kommer då att se detta.

9. Vi börjar med att namnge originalet för ordningens skull. Klicka på pennan bredvid den översta och döp den sedan till "Original", "Version A" eller vad du nu vill kalla den

10. Klicka sedan på "Spara".
11. Klicka nu på pennan bredvid den nedre versionen och döp den till "Version B" eller vad du nu vill kalla den.
12. Scrolla nu ner i html-delen av sidan. Här ska du hitta det som du vill split-testa. I vårt fall är det texten på knappen, så vi scrollar ner och hittar <input>-fältet med knappen. Detta är den text vi vill splittesta.

13. Redigera den texten och klicka sedan på "Spara".

Nu kommer du att se något liknande detta.

14. Allt du behöver göra nu är att klicka på "Använd det här temat" och ditt split-test kommer att köras.
Observera att du måste inaktivera cachelagring för att ditt split-test ska kunna köras.

Så här håller du koll på ditt split-test

För att kontrollera ditt split-test loggar du bara in på Shoporama och följer steg 1 och 2 ovan. Du kommer att se det tema du just skapade. Klicka på pennan bredvid temat och du kommer nu att se ditt split-test så här:

Ha kul med ditt split-test.

Bonus: Spåra ditt test i Google Analytics

Vi rekommenderar att du spårar ditt split-test i Google Analytics. På så sätt kan du följa ditt test i Analytics. Det kan vara så att en version fungerar riktigt bra på mobilen, men inte på datorn - och det kommer du att kunna se i Analytics.
För att göra detta måste du använda Custom Variables i Analytics i varje version av din kod (både original och version B). Här ska du på besökarnivå ange att användaren har sett antingen originalet eller version B. Vilken typ av Analytics-kod du ska använda beror på vilken version av Google Analytics du använder på din webbplats. Nedan följer ett exempel på hur det kan se ut:

_gaq.push(['_setCustomVar', 1, 'Split test button', 'Version B', 1 ]);

Kom ihåg: Gjort är bättre än perfekt. Så om du inte kan hantera Analytics-spårningen, ställ in ditt split-test och låt det köra. Du kan alltid nörda ner dig i Analytics innan nästa test är igång.

Observera också att om du har få besökare i din webbshop kommer det att ta lång tid innan ditt split-test ger några resultat. Om du har få besökare i din webbshop bör du istället fokusera fullt ut på att locka besökare.