Delt testing i Shoporama-nettbutikken din

Split testing er en effektiv måte å forbedre nettbutikken din på. Det finnes ulike verktøy for delt testing, og de fleste av dem kjører på klientsiden med Javascript. Det betyr at de er noe usikre og samtidig bremser butikken din. Hvis du bruker Shoporamas splittestverktøy, vil butikken din kjøre like raskt som om du ikke splittestet (med unntak av at du ikke kan bruke hurtigbufring mens splittesten kjører).
Å sette opp delt testing på Shoporama er litt mer teknisk enn verktøy som Visual Website Optimiser, ettersom du må forstå malen din. Men på den annen side blir opplevelsen litt bedre for kundene dine, ettersom de ikke vil oppleve det lille "etterslepet" som javascript-baserte verktøy for delt testing gir.
Denne artikkelen viser deg hvordan du setter opp en enkel deltest i Shoporama.

Hvordan fungerer splitt-testen?

Shoporama-butikken din består ganske enkelt av et tema, som igjen består av en rekke filer. For eksempel vises produktet ditt vanligvis i filen product.html. Denne filen inneholder ofte en annen fil som heter price.html, som viser prisen, og en som heter add_to_basket.html, som viser knappen for å legge til i handlekurven. Shoporama splittester på den måten at du lager en klone av price.html (slik at du har to eller flere varianter av den filen). Hvis du har to varianter (originalen og versjon B), vil Shoporama ganske enkelt vise én fil til annenhver bruker og den andre filen til den andre halvparten av brukerne dine. Hvis du vil teste flere versjoner, legger du bare til én versjon til, og så vil hver tredje bruker se den ene versjonen. Du kan legge til så mange versjoner du vil - bare vær oppmerksom på at jo flere versjoner du legger til, desto lenger tid vil det ta før du har et gyldig resultat å stole på.

Den første oppgaven er altså å finne ut hvilken fil du skal splitteste. I dette eksempelet skal vi splitteste teksten på knappen, så det er filen add_to_basket.html vi trenger. Og her kommer oppskriften.

1. Først klikker du på tannhjulet øverst i høyre hjørne.
2. Klikk deretter på de tre punktene til høyre og velg "Temaer" i rullegardinmenyen som vises

3. Her vil du se en nesten tom side. Klikk på knappen "Opprett nytt tema".
4. Du må nå gi temaet ditt et navn. Det kan for eksempel være "Test av Legg i handlekurv-knapp". Navnet brukes kun for at du selv skal kunne identifisere testen.
5. I feltet under kan du velge å låse deltesten. Hvis du ikke ønsker å holde øye med den, kan du velge at testen skal kjøres på 1000 bestillinger og deretter låses til den versjonen som konverterer best (basert på antall bestillinger).
6. Under dette er det to felt. Det ene inneholder alle filene fra Shoporama-temaene og det andre alle filene fra temaene dine. Merk at noen har flere versjoner av temaet ditt, så sørg for at du finner filen i det temaet du bruker. Hvis du har ditt eget tema, går du til den nederste boksen.
Når du vet hvilken boks du skal "lete i", blar du ned til filen du trenger. I vårt eksempel er det add_to_basket.html

7. Klikk nå på "Opprett" nederst på siden. Du vil nå se noe som ligner på dette

8. Kryss av for filen og klikk på "Kopier de valgte malene". Du vil da se dette.

9. Vi begynner med å navngi originalen for ordens skyld. Klikk på blyanten ved siden av den øverste og gi den navnet "Original", "Versjon A" eller hva du vil kalle den

10. Klikk deretter på "Lagre".
11. Klikk nå på blyanten ved siden av den nederste versjonen, og gi den navnet "Versjon B" eller hva du vil kalle den.
12. Nå blar du nedover i html-delen av siden. Her må du finne det du vil splitteste. I vårt tilfelle er det teksten på knappen, så vi scroller ned og finner <input>-feltet med knappen. Dette er teksten vi ønsker å splitteste.

13. Rediger teksten, og klikk deretter på "Lagre".

Nå vil du se noe som dette.

14. Alt du trenger å gjøre nå, er å klikke på "Bruk dette temaet", så kjøres splittesten din.
Merk at du må deaktivere hurtigbufring for at deltesten skal kunne kjøres.

Slik holder du oversikt over deltesten din

For å sjekke deltesten din logger du bare inn på Shoporama og følger trinn 1 og 2 ovenfor. Du vil se temaet du nettopp har opprettet. Klikk på blyanten ved siden av temaet, og du vil nå se deltesten din slik:

Ha det gøy med splittesten din.

Bonus: Spor testen din i Google Analytics

Vi anbefaler at du sporer splittesten din i Google Analytics. På denne måten kan du følge testen i Analytics. Det kan være at én versjon fungerer veldig bra på mobil, men ikke på desktop - og dette vil du kunne se i Analytics.
For å gjøre dette må du bruke egendefinerte variabler i Analytics i hver versjon av koden din (både den opprinnelige og versjon B). Her skal du på besøksnivå angi at brukeren har sett enten den opprinnelige versjonen eller versjon B. Hvilken type Analytics-kode du bør bruke, avhenger av hvilken versjon av Google Analytics du bruker på nettstedet ditt. Nedenfor er et eksempel på hvordan det kan se ut:

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

Husk at ferdig er bedre enn perfekt: Ferdig er bedre enn perfekt. Så hvis du ikke kan håndtere Analytics-sporing, kan du sette opp deltesten din og la den kjøre. Du kan alltid nerde på Analytics før neste test er i gang.

Vær også oppmerksom på at hvis du har få besøkende i nettbutikken din, vil det ta lang tid før splittesten din gir resultater. Hvis du har få besøkende i nettbutikken din, bør du i stedet fokusere fullt og helt på å tiltrekke deg besøkende.