Kære Camilla,

Jeg beklager mit sene svar, men jeg har desværre ligget syg i sidste uge/weekenden.

Derfor skal du selvfølgelig ikke snydes for mine 5 minutter med gode ideer til din hjemmeside.

Generelt performance shopify’s core rigtig godt – den er udviklet til at være utrolig skalarbar og de fleste filer leveres fra en samlet CDN ( Et netværk af servere over hele verdenen der leverer filer hurtigst muligt til slutbrugeren ). Dog kan der være en del performance problemer på shopify sider der skyldes eksterne ressourcer, plugins og dårligt frontend kodning ( design skabeloner m.v. )

Jeg har kigget lidt på din side – og den er faktisk ikke SÅ slem som den kunne være. Der er helt sikkert nogen ting du vil kunne forbedre med en programmørs hjælp, men jeg ville ikke bruge mine penge der hvis jeg var dig. Dog vil du selv kunne kigge nærmere på dine billeder, og det tror jeg måske allerede du har gjort hen over weekenden? Jeg har taget dine slider billeder fra forsiden og gjort følgende:

1. Åbnet i Photoshop
2. Trykket Filer –> Gem til Web
3. Valg følgende indstillinger: JPEG, Middel kvalitet ( 30 ) og progressiv.

Jeg har kunne opnå en ”besparelse” på 537KB samlet på dine fem billeder. Det er værd at huske, at de billeder du har på din hjemmeside ikke nødvendigvis skal være i højeste og flotteste kvalitet – de skal blot være flotte nok til at se lækre ud på en fuld computer skærm.

I stedet for at bruge penge på en programmør til optimering af din hastighed ville jeg i stedet kigge nærmere på at øge konverteringerne i din webshop.  Her er 5 ting du vil kunne tage fat på:

1. Call2Action knap på dine forside bannere der linker direkte ind, jeg ved de allerede linker nu, men der er ingen knap/tekst der opfordre mig til at klikke på dem
2. Fjerne quickview fra produkt oversigten. Generelt har jeg ikke set det øge konverteringerne, og det er blot et ekstra klik imellem mig som kunde og din kurv. Jeg ved jeg blot kan lægge den direkte i kurven fra quickview, men det er godt nok ikke meget information jeg får i den popup? Jeg vil tro mange klikker sig videre til din produkt side og hvorfor så ikke blot linke direkte til den?
3. Lave dine ”LÆG I KURV” knapper om til kontrast farve i forhold til resten af din hjemmeside. Lige nu er den grå, kedelig og uindbydende ( okay måske lidt strengt sagt men prøv med orange, grøn eller rød )
4. Når jeg har lagt et produkt i kurven må der meget gerne oppe i den blå kurv ( som måske burde være grå indtil man ligger et produkt i den? ) være en tekst hvor der stod ”Gå til bestilling” . Denne tekst skulle først komme frem når kunden har lagt noget i kurven, og helst være en del af kurv knappen. Erstat eventuelt ordet ”kurv” med ”Gå til bestilling”
5. Spring kurv trinnet over. Når jeg så trykker på ”Gå til bestilling”/”kurv” så bliver jeg taget til en lidt intet sigende side hvor der blot står ”BETAL” ala ”GI’ MIG ALLE DINE PENGE JAAAH!” – hvorfor ikke blot linke kunden direkte til checkout.shopify – så giver du også brugeren hvad du lover. Lige nu ser jeg kurven et ekstra spild trin i din konverterings kanal – hvilket er med til at skade dine konverteringer.

BONUS:

6. Nu er jeg jo gået i gang, så kan lige så godt fortsætte J På selve din produkt side, der ville jeg indsætte det vi kalder en ”trustgrafik” under ”Læg i kurven”-knappen – denne skulle have eksempelvis 4 grønne check mærker: ”Fri fragt ved køb over 495 kroner, Gratis Retur, Personlig betjening, Leveringen indenfor 1-2 dage” – Du skal selvfølge indsætte dine egne USP J
7. og når vi nu lige er ved produkt siden, så er et nedtællings ur der tæller ned til næste forsendelse også en kanon god ide hvis du sender ud Mandag-Fredag ( og har de fleste vare på lager J )

Det var vidst alt jeg lige kunne komme på hurtigt. Et andet rigtig godt råd ville være at komme forbi Susan’s kontor næste gang der bliver inviteret til ”Gennemgang af min hjememside” så er jeg sikker på du kommer hjem med et par rigtig skarpe ideer til hvordan du lige netop kan forbedre din webshop. Det skal ikke være nogen hemmelighed at vi faktisk ændrede hele navnet på vores ene virksomhed og fjernede det vi selv allerbedst kunne lide på vores hjemmeside efter en sådan 4 timers aften. Gennemgang af din hjemmeside er intet mindre end guld værd.

Så blev det alligevel til en mappe komprimerede billeder og små 1000 ord om din webshop, så er der noget der ikke helt giver mening – så skriv endelig en kommentar, så hjælper jeg gerne.

God mandag morgen!

Abn. Betalinger

Af og til kommer emnet “Abonnements betaling online” op i et af de netværk jeg er meget aktiv i “Iværksætter København” ledet af Susan Vestergaard fra www.1264.dk

Her kommer et uddrag af en e-mail jeg skrev til en med-netværker efter han spurgte ind til online abonnements betalinger.

Jeg ville bruge Stripe til håndtering af abn. betalinger.
Det der gør Stripe til en nem løsning at arbejde med er deres lette tilgang til API.
Nu tænker du sikkert “hva for en fisk?!”, men det er ikke så svært, det eneste du skal gøre er at:
1. Oprette en konto hos stripe.com
2. Indtaste din bank konto oplysninger (Hvor skal pengene føres hen)
3. Indsætte et lille stykke kode på din hjemmeside

Du kan læse mere om hvordan Stripe håndtere abn. betalinger her: https://stripe.com/docs/tutorials/subscriptions

Den måde jeg vil anbefale du integrerer det på er via deres checkout modul, https://stripe.com/docs/tutorials/checkout
På din hjemmeside vil der så komme en knap ( Noget i stil med den blå “Pay now” knap i ovenstående link ), når kunder trykker på denne kommer en boks frem hvor de kan indtaste deres oplysninger og trykke godkend. Du får nu en mail om de er oprettet, kunden får en kvittering på e-mail og hver måned trækkes det aftalte beløb på kundens kort.

Så kan du selvfølgelig lave en masse til rettelser så det ser pænere ud osv. Du kan evt. se https://www.recuvio.dk/bestil/bestil.php ( Direkte link til bestillingsformularen ) Her er stripe fuldt integreret i bestillings-flowet så kunden ikke tages væk fra siden for at betale.

Hvad koster det at bruge Stripe?

Stripe tager som standard 2.9% + 2,25 kr per transaktion*, det kan måske virke lidt dyrt ved første øjekast men sammenlignet med hvad en betalings-gateway og indløsningsaftale hos Nets/Teller koster så er det en helt i orden pris.  Har du en vækstende og sund forretning så falder prisen for brugen af Stripe også, da der gives rabat ved større transaktions volumen.

Et eksempel på hvad jeg betaler til Stripe for håndtetering af betalinger på kr. 349,- er et gebyr på kr. 12,18,-   

Hvis du har spørgsmål til hvordan du opsætter dette på netop din hjemmeside eller hvordan du kan bruge abn. betalinger til at øge din løbende omsætning – så skriv endelig en kommentar nedenfor, så skal jeg prøve at hjælpe så godt jeg kan.

*Sidst opdateret 08-04-2015, prisen kan være ændret – se mere på https://stripe.com/dk/pricing

Hvad er inspectlet?

Inspectlet er et fantastisk værktøj hvis du ikke har råd til løbende brugertest af din hjemmeside. Inspectlet optager den besøgendes adfærd på din hjemmeside. Ved blot at følge med i få brugeres interaktion på din hjemmeside vil du hurtigt kunne se et mønster i hvordan dit bruger segment regner med din hjemmeside fungere. Er der for eksempel man der bruger at klikke på et bestemt stykke tekst eller leder brugeren efter ”Gå til bestilling” knappen.
Et eksempel på en optagelse lavet med Inspectlet kan ses i dette lille eksempel fra www.recuvio.dk. Vi følger brugerens pil på skærmen og deres færden på siden – intet mindre end uvurderlige oplysninger når vi skal øge konverteringerne på en hjemmeside.

Sådan gør du

1. Gå ind på www.inspectlet.com og opret dig som bruger
2. Under oprettelsen vil du blive præsenteret for et stykke kode der ligner dette:

<!– Begin Inspectlet Embed Code –>
<script type=”text/javascript” id=”inspectletjs”>
window.__insp = window.__insp || [];
__insp.push([‘wid’, 12345678]);
(function() {
function __ldinsp(){var insp = document.createElement(‘script’); insp.type = ‘text/javascript’; insp.async = true; insp.id = “inspsync”; insp.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://cdn.inspectlet.com/inspectlet.js’; var x = document.getElementsByTagName(‘script’)[0]; x.parentNode.insertBefore(insp, x); }
if (window.attachEvent) window.attachEvent(‘onload’, __ldinsp);
else window.addEventListener(‘load’, __ldinsp, false);
})();
</script>
<!– End Inspectlet Embed Code –>

3. Du skal nu logge ind i WordPress admin og navigere til ”Udseende” –> “Editor”
4. I højre side vælges nu ”Header(Header.php)”
5. Find nu den linje der står i </head>
6. Indsæt inspectlet koden lige op over således at slutningen af din <head> sektion kommer til at se nogenlunde sådan ud:
<!– Begin Inspectlet Embed Code –>
<script type=”text/javascript” id=”inspectletjs”>
window.__insp = window.__insp || [];
__insp.push([‘wid’, 12345678]);
(function() {
function __ldinsp(){var insp = document.createElement(‘script’); insp.type = ‘text/javascript’; insp.async = true; insp.id = “inspsync”; insp.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://cdn.inspectlet.com/inspectlet.js’; var x = document.getElementsByTagName(‘script’)[0]; x.parentNode.insertBefore(insp, x); }
if (window.attachEvent) window.attachEvent(‘onload’, __ldinsp);
else window.addEventListener(‘load’, __ldinsp, false);
})();
</script>
<!– End Inspectlet Embed Code –>

</head>
7. Tryk på den blå knap “Opdater fil”
8. Nu kan du gå tilbage til inspectlet og vente på den første ”rotte går i fælden” og du kan kigge med over skulderen på dine brugere

Hvorfor ikke bruge det officielle inspectlet plugin til WordPress?

Der findes et officielt inspectlet plugin til WordPress, du finder det her: https://wordpress.org/plugins/inspectlet-heatmaps-and-user-session-recording/
I bund og grund er det et helt okay plugin – og det fungere som det skal. Men jeg er imod blot hovedløst at installere en masse forskellige plugins i WordPress, af to grunde:
1. Jo flere plugins du har på din side, jo langsommere bliver den
2. Jo flere plugins du har på din side, jo flere opdateringer og sikkerheds huller skal du holde styr på.

Ved at implementere inspectlet koden direkte i din wordpress design skabelon skaber du ikke noget sikkerhedshul og din sides hastighed bliver minimalt påvirket.
Jeg håber denne guide har hjulpet dig. Spørg endelig løs i kommentar feltet nedenfor hvis der er noget der driller.
Ha’ en god dag 🙂