All posts by Morten Vadskær

A/B split-test på Shoporama

A/B test på Shoporama? But of course… Egentligt har vi ladet Google Analytics klare hele opgaven, da deres A/B split-test funktion er blevet rigtig lækker. Så lad os gå i gang. Vi skal bruge to sider, vi vil split-teste (på to forskellige URL’er). Lad os tage en forside og split-teste op mod en alternativ forside. Til det formål kunne jeg vælge:

-en produktside

-en statisk side

-en kategori

-en landingsside

Her har jeg valgt en kategori som jeg giver URL’en /default.

For god ordens skyld har jeg sat “noindex, follow” på min test-side. Ingen grund til at få den indexeret.

Nu er de på plads, og så skal jeg en tur i Google Analytics, hvor vi skal sætte eksperimentet op (Google Analytics kalder det eksperimenter… don’t ask). Log ind i Google Analytics og klik på Adfærd → Eksperimenter i venstre side.

Split test i google analyticsKlik nu på “Opret eksperiment” knappen (der næsten er usynlig), men er placeret lige under din overskrift.

Klik på opret eksperiment

Nu skal du give din test et navn (bare noget sigende, så du kan huske dem fra hinanden).

Herefter skal du vælge, hvad der skal være succeskriterie for din test. Vil anbefale indtjening, men det kunne også være, at du ønskede at hæve antal transaktioner, dit eget mål eller forbedre din bounce rate. Vi vælger indtjening her.

Typisk vælger man indtjening som parameterSå skal du vælge, hvor stor en del af trafikken, du vil have igennem testen. Jeg plejer at køre fuld skrald på 100%. Det er jo en smagssag, men jeg vil helst have så mange som muligt igennem.

Vi springer over avancerede indstillinger og email-notifikation og klikker på “Næste”-knappen.

Nu skal du angive URL og navn på dine sider. Navnet er bare til dig selv. URL’en skal selvsagt passe, så Google Analytics ved, hvad den skal teste. Når du har tastet URL’en ind, henter Google Analytics et thumbnail af din side.

Når de begge er tastet ind, klikker du “Næste trin”.

Nu er vi nået til et trin, hvor du får en kode, der skal indsættes på din side. Du kan vælge enten

1. Selv at indsætte det

eller

2. Sende koden til din webudvikler, som så sætter den ind.

Indsætte koden selv eller sende til webmasterDet kan sættes ind på mange måder på Shoporama, men jeg vil her komme med mit forslag, som du kan sende til din webudvikler (så skal du kun have ham i gang én gang og det tager max. en halv time).

Han skal – på alle kategorisider, checke om der er et html-felt, der hedder “splittest”. Hvis der gør det, så skal den spytte det ud i sidens header (helt inden css m.m. loades). Det er blot disse 5 linjer, der skal ind (virker kun på kategorisider – skal modificeres ganske lidt for også at virke på landingssider og statiske sider).

 

<{if $category}>
		<{if $category->getHtmlField('splittest')}>
			<{$category->getHtmlField('splittest')}>
		<{/if}>
	<{/if}>

Når han har gjort det, så går du ind på din forside i Shoporama og klikker på “Tilføj nyt HTML-felt” allernederst.

Opret splittest som html feltKald det “splittest” og klik OK.

Nu paster du din kode ind fra Google Analytics eksperimentet og klikker Gem.

Analytics split test kode i din webshopNu er alle koder ind på siden og vi skal tilbage i Google Analytics og have startet split-testen.

Du klikker “Næste”, når du er ved trin 3 og har fået din split-test kode.

Webshop med split testNu har Google Analytics sikret sig at siderne findes og at du har implementeret eksperimentkoden, så du er klar til at klikke “Start eksperiment”.

Når du gør det, vil du få en bekræftelse og så er det bare at læne sig tilbage og vente :-)

Nemt ikke?

Webshop med mulighed for split-test

 

Importere produkter i Shoporama (kommasepareret fil)

Har du mange produkter, kan det være en fordel at importere dem i Shoporama. Det er heldigvis nemt og her bliver du guidet igennem, hvordan man gør.

Lad os tage et super simpelt eksempel først. Lad os antage at du kun har få oplysninger om din vare nemlig navn, pris og beskrivelse.

Du laver så en fil, der ser sådan ud:

Navn;Pris;Beskrivelse
"T-shirt";"80";"Her er en t-shirt"
"Bukser";"200";"Her er et par bukser"
"Otto er et næsehorn";"120";"En bog af Ole Lund Kirkegaard"

Denne fil gemmer du som f.eks. produkter.csv

Log derefter ind i Shoporama. Klik på Produkter → Importer.

Her kan du vælge, hvad du bruger som separator og om dine linjer evt. er omkranset af noget og hvordan din fil er encodet. Som udgangspunkt kan du ignorere det, hvis din fil er som den herover.

Importere produkter i Shoporama er nemtKlik på “Gennemse” og vælg din fil. Klik herefter Upload.

Nu får du noget, der ligner dette:

Match felter i importHer skal du matche felterne med dropdown-menuen. Så du skal vælge produktnavn, pris og beskrivelse. Det ser nu sådan ud:

Import csv fil til ShoporamaHerefter skal du vælge den vareprofil, som du vil have varerne tilknyttet.

Derefter indtaster du, hvor mange linjer, du vil importere (det kan være en fordel at starte med få for at teste, at det virker som det skal).

Er dine priser ex. moms, skal du lige fjerne fluebenet i “De uploadede priser er inkl. 25 % dansk moms”. Derefter er det bare at klikke på “Importer” og dine varer er importeret.

Shoporama vil selv give dine varer en logisk URL.

Du kan tilknytte mange andre “parametre”. Hvis du tilknytter kategorier, der ikke er oprettet, kan Shoporama selv oprette dem.

Hvis du vil have billeder tilknyttet, skal du henvise til en absolut URL, f.eks. http://www.minshop.dk/images/tshirt.png

Vil du have flere billeder, så skal de adskilles af en pipe |, så det er http://www.minshop.dk/images/tshirt.png|http://www.minshop.dk/images/tshirt-bag.png|http://www.minshop.dk/images/tshirt-detalje.png

Det samme gælder, hvis du har flere kategorier (altså de skal adskilles med pipe)

Tip til dig med rigtigt mange varer

Har du mange varer, så er det svært at få skrevet title og description til dem alle. Her kan du gøre følgende i title og description (eksempel med bare navn,pris, leverandør, title, description)

Navn;Pris;Leverandør;Title;Description
"T-shirt";"130";"Nike";"Køb [NAME] her. Kun [PRICE],-";"Vi sælger naturligvis [NAME] fra [SUPPLIER]. Lige nu [STOCK] på lager. Køb dem her"

Du får nu en godt nok autogenereret title og description på dine mange varer, men til gengæld er den sigende og klik-venlig.

Tip så du ikke skal matche kolonnerne hver gang

Hvis du bruger disse felter her som den første linje i din CSV fil, så har vi allerede matchet felterne for dig:

  • name
  • rewrite_url
  • own_id
  • gtin
  • variant
  • profile
  • shipping_weight
  • search
  • description
  • meta_title
  • meta_description
  • list_description
  • price
  • sale_price
  • purchase_price
  • category
  • main_category
  • supplier
  • image
  • stock
  • online
  • offline
  • delivery_time
  • delivery_time_not_in_stock
  • allow_negative_stock

Sådan overskriver du produkterne i en import

Skal du bare rette nogle felter i dine produkter og ikke ønsker at tilføje nye produkter, men overskrive, så skal du bare bruge en fællesnævner for de gamle produkter og den nye CSV fil. Vi anbefaler at bruge SKU, da det er sjældent, man ændrer dette.

Så markerer du blot “unikt” til venstre for SKU. Så overskriver vi produkterne med de nye data, hvis der allerede eksisterer et produkt med det SKU.

Overskrive produkter i Shoporama

Fragt med i total i ehandelssporing

Vores Google Analytics e-handelssporing har normalt ikke fragt inkluderet i total-beløbet. Hvis du gerne vil have dét, skal du lige modificere koden lidt. Først skal vores total lægges sammen med fragten.

<{math assign="nytotal" equation='x+y' x=$order->getPrice() y=$order->getShippingPrice()}>

Derefter skal vi outputte variablen nytotal i linjen med total. Så der nu står

'<{$nytotal|number_format:2:".":""}>', // total - required

I din Analyticskode i stedet for

'<{$order->getPrice()|number_format:2:".":""}>', // total - required

Se Shoporama spille med musklerne

Overvejer du at flytte din eksisterende webshop eller at åbne en ny webshop og vil se, hvad det er, der gør Shoporama så fantastisk, så afholder vi en “Se Shoporama og dens fede funktioner”-aften mandag d. 15/9-2014 kl. 19. Præsentationen vil tage ca. 1 times tid og bagefter kan du spørge løs.

Adressen er Slotsgade 35A i Aalborg. Tilmelding er påkrævet og du tilmelder dig på vadskaer@shoporama.dk

Shoporama spiller med musklerne

 

Ugedage og tidspunkt med Smarty og Shoporama

En vigtig parameter i en god webshopoplevelse er fragten. Både pris og tid. Hvis man er skarp på levering, så er det med at fremhæve dette. Så der er god grund til at flashe en hurtig levering, hvis man har det.  Her er en mulighed for at vise forskellige besked afhængig af tidspunkt på dagen (og ugen).

Lad os antage, at man sender alle dage kl. 17 (med undtagelse af lørdag selvfølgelig). Så kan du outputte det med Smarty sådan her:


<{assign var="tempdato" value=$smarty.now}>
<{if $tempdato|date_format:"%u" == 6}>
<{assign var="nextshipping" value="Vi sender varer i morgen"}>
<{else}>
<{if $tempdato|date_format:"%H" <17}>
<{assign var="nextshipping" value="Vi sender varer kl. 17"}>
<{else}>
<{assign var="nextshipping" value="Vi sender igen i morgen"}>
<{/if}>
<{/if}>

Så skal du bare proppe variablen $nextshipping ind dér, hvor du gerne vil vise din næste levering.

Det her kan naturligvis varieres til noget meget mere avanceret. Du kan finde Smartys koder til datoformattering  her.

(Beklager den manglende indentering)

Fjern Semalt.com fra din Analytics

Vi får ofte spørgsmålet “Hvad er Semalt” og “jeg får meget trafik fra semalt – hvad er det?“. Det ganske korte svar er: Det er vist en ukrainsk bot. Det er næppe gode besøgende til din webshop. Så du kan med fordel filtrere trafikken fra Semalt.com ud af din Google Analytics. Sådan gør du.

  1. Log ind i Analytics og klik på “Administrator” øverst.
  2. Klik på “Filtre” i listen til højre.
  3. Klik på “Nyt filter”.
  4. Opsæt filtret sådan her og klik Gem

Fjern besøgende fra Semalt.com

 Så er der bare tilbage og sige tak til Jacob Worsøe, der gjorde os opmærksomme på en fejl i det oprindelige blogindlæg.

 

 

 

 

 

 

Nu er du fri for at se på semalt.com i din Analytics i hvert fald :-)

Goals i MailChimp – sådan sætter du det op på Shoporama

Goals i MailChimp er meget at sidestille med Goals i Analytics. Du markerer en side i din webshop, som er et ønsket mål for dine brugere. Det kan f.eks. være et bestemt produkt eller en bestemt kategori, som du ønsker dine kunder ser. Hvis de går fra nyhedsbrevet og til en bestemt kategori af produkter, så kan du sætte MailChimp op til at gøre bestemte ting.

  1. Log ind i MailChimp
  2. Klik på Account og vælg “Account Settings”
  3. Klik på Extras og vælg så Integrations i dropdown menuen
  4. Ud for “Goal” klikker du på knappen “Enable”
  5. Nu får du noget JavaScript-kode, som du skal kopiere ind i head i din sides template (eller maile til din webudvikler / designpartner, som kan sætte det ind – det tager 2 minutter).

Du er nu færdig og klar til at bruge Goals i dine kampagner.

Når du næste gang sender en kampagne i MailChimp, så bliver du i første trin “Setup” bedt om at vinge forskellige ting af. Her kan du vælge “Goal Tracking”. Det vinger du af og fortsætter som normalt. Skriv så en fed mail og send afsted.

Nu bliver det sjovt….

Nu skal du til at sætte autoresponders op. Når du gør det, så vælger du bare autoresponders som normalt, vælger din liste og så vælger du “send to a new segment”. I første dropdown vælger du “Goal activity” og så kan du vælge flere muligheder (om URL’en skal indeholde/ikke indeholde, starte med/slutte med etc) og så skal du skrive URL’en eller dele af den ind.

Skærmbillede 2014-07-04 kl. 14.16.24

Resten af autoresponderen er lige ud ad landevejen.

Konceptet er, at du sender et nyhedsbrev ud om nogle varer. Hvis dine læsere så klikker sig videre til en bestemt kategori eller vare, så bliver det registreret af MailChimp og du kan sende dem endnu en mail (din autoresponder) efter X antal dage. Altså målrettet/segmenteret email marketing.

Ja – det tager noget tid at sætte op. Til gengæld bliver din salgsmaskine automatiseret, og hvem kan ikke godt lide det?

 

Mere guf med mails

Vi ❤ emails. Fordi de er så p✱ss✱ effektive.

Her er en af de lidt mere hemmelige Shoporama features. Hvis du, når du sender emails tilføjer ?subscriber_mail=*|EMAIL|* (det her er MailChimp eksemplet. Se nederst for eksempler på hvordan du gør med Ubivox og CampaignMonitor) til dine links, så ved Shoporama, at det er en person, der allerede er på dit nyhedsbrev (og vi har nu permission til at sende personen en mail), når hun klikker sig ind i din shop.

Lægger hun så en vare i kurven og af en eller anden grund ikke går til kassen, ja så får hun en mail efter X timer, med indkøbskurvens indhold og et link til denne. Forudsat, du har sat dette op (men det tager kun 10 minutter). Bemærk i øvrigt, at hun ikke engang behøver at påbegynde check-ud. Det er nok, hun har en vare i kurven. Ahhh awesomeness ;-)

 

*|EMAIL|* er det mergetag, du skal bruge, hvis du bruger MailChimp (se alle deres mergetags her)

Bruger du CampaignMonitor, skal du bruge [email] (se flere af deres personalization fields her).

Bruger du Ubivox, skal du bruge {{subscription.email}} (Bemærk dog, at du ved at bruge den funktion i Ubivox giver afkald på din statistik for hvor mange, der har klikket på linket i Ubivox. Så er statistikken vigtigere for dig, bør du ikke bruge funktionen).

 

Ryd pænt op efter dig (når du sletter produkter)

Ind imellem rydder man op i webshoppen og sletter produkter. Og hvad så? Skal der bare returneres en 404 eller 410 side? Næh nej… ikke hos os. Når du sletter et produkt får du nu mulighed for at sende brugeren videre til enten

  • et andet produkt
  • en kategori
  • en landingsside

Naturligvis med koden 301, så du bibeholder evt. linkjuice du måtte have oparbejdet derude. Her har vi kreeret et eksempel, der er meget apropos disse dage

Redirect slettede produkter

Simpelt: Ja

Nifty: Ja

Standard i branchen: Ingenlunde