Category Archives: Bedre ehandel

Regex / regulære udtryk i Shoporama

Denne blog post er skrevet af den erfarne udvikler og webshop-administrator Lars Holmgaard, som er involveret i flere Shoporama shops. Han har lavet de vildeste hacks med Shoporama og fik os overtalt til at lave redirects med regulære udtryk. Det skal et webshop system selvfølgelig have, så det er vi taknemmelige for.
Vi har overtalt ham til at lave en tutorial om emnet og den følger her:

Hvad er regex?

Måske kender du begrebet wildcards, hvor man fx. kan sætte en stjerne ind i stedet for nogle tegn. Jeg synes jeg kan huske fra bibliotekerne i gamle dage at man kunne søge efter “Dennis J*” hvis man ikke lige kunne huske efternavnet på forfatteren Dennis Jürgensen. Så fandt computeren alle de forfattere, der hed Dennis Jensen, Dennis Jørgensen og Dennis Jürgensen. Stjernen erstatter resten af ordet, så man slipper for at gætte på stavemåden. På samme måde kunne man erstatte et enkelt bogstav med et spørgsmålstegn.
Regex fungerer på samme måde. Regex er bare en udvidet nørde-version af stjerne og spørgsmålstegn, så der nu er kommet brede fælge og rævehale på.

Roger. Hvad kan man så bruge regex til?

Regex er ret smart til mange ting, hvor der skal matches et mønster. Det kunne fx. være at du har skiftet shopsystem til Shoporama og gerne vil fortælle Google og dine besøgende at du fremover får nogle lækre og ikke mindst unikke adresser på dine produkter i stedet for de gamle grimme som måske oven i hatten er indekseret med forskellige variabler efter selve url’en. Flere forskellige adresser med samme indhold hedder duplicate content, som du måske har hørt man skal undgå i forbindelse med søgemaskineoptimering.
Lad os sige du har en kategoriside som var indekseret i Google på bl.a. denne adresse fra din gamle shop: /Sprayers.11081/page11081.aspx?recordid11081=788.

Og ja, det er en ægte url fra en webshop – ikke en jeg har fundet på.

Nu skifter du til Shoporama, hvor hver side kun har én url – lige som det skal være. Du laver en ny fin url til din kategori, som du helt enkelt kalder /sprayers.
Alt er godt. Sådan da. I din Google Search Console opdager du efter nogle dage at der er et væld af webadressefejl:
Regulære udtryk i Shoporama

 

 

 

 

 

I praksis har ovenstående 941 fejl den effekt at en bruger fx. søger efter ‘sprayers’, klikker i Googles søgeresultat og lander på en side, der ikke findes mere. En 404-side, som det hedder.

Det er ikke så godt. Det skal fixes. Google skal fortælles, hvor de sider er blevet af. Du skal lave det, der hedder redirects.
Under grafen ser du de url’er som Google har i sit indeks, men som ikke længere findes på din nye shop på samme adresse. Herunder er der vist 10 url’er, der ikke findes mere. Men, der er faktisk 52 i alt, hvilket er helt skandaløst dårligt.

Regex Shoporama

 

 

 

 

 

 

 

 

Kan du se et mønster?

Hvis nu du ikke havde lært om regex (du får detaljerne senere) så ville du måske begynde at lave redirects til hver enkelt af de 52 url’er som hedder noget med ‘sprayers’ og pege dem ind på kategorisiden /sprayers. Men, det er spild af tid. Det kan nemlig gøres med én linies regex.

Sådan gør du

Jeg vil kort beskrive de mest populære ‘koder’ i regex, så du hurtigt kan komme i gang. Du kan altid undersøge nærmere om der skulle være en kortere og smartere måde at skrive dine regex på, men bare med disse koder kan du komme ret langt.

  • [0-9]+ angiver at her er der en sektion, hvor der kan være cifre fra 0 til 9. Plusset bag de kantede paranteser angiver at der kan være et eller flere cifre.
  • [a-z]* angiver at her er der en sektion, hvor der kan være bogstaver fra a-z. Stjernen bag parantesen angiver at der kan være 0 eller flere bogstaver i modsætning til plusset, hvor der skulle være mindst ét tilfælde af et match.
  • (fisk|lam|rådyr) angiver en gruppe, hvor der enten skal stå fisk, lam eller rådyr.
  • . angiver et hvilket som helst tegn. Punktum kan altså både stå for et tal, et bogstav eller et specialtegn.

For at angive over for regex fortolkeren, hvad der er en kommando og hvad der bare er et tegn, så skal du escape et specialtegn ved at skrive \ foran tegnet. Det skal du fx gøre foran et punktum.

Ovenstående kan du nemt kombinere så du fx. laver et match, der ser sådan her ud:

[a-z0-9.-_]+@[a-z0-9]+\.(com|dk|de|org)

Kan du regne ud, hvad ovenstående regex kan lave et match på? I første kantede parantes kan der stå et eller flere bogstaver, tal eller punktum, bindestreg og underscore. Derefter skal der stå et snabela. Så kommer der et eller flere bogstaver eller tal, derefter et punktum og til sidst skal der enten stå com, dk, de eller org. Denne regex kan dermed bruges til at checke om en tekst ligner en email, hvor afsenderen har en .com, .dk, .de eller .org email adresse. Der findes formentligt email adresser, der ikke passer i netop det regex filter, men så kan man justere det og lave det smartere.

Prøv at sætte regex’en ind på denne side og skriv din email adresse i det store felt nedenunder: http://www.regexr.com/ - bliver teksten blå, så har du lavet et match.

Godt. Du er med nu.

Hvis jeg skulle redirecte alle de fejl-url’er med sprayers over til den nye fine /sprayers url, så ville jeg ganske enkelt klikke her https://www.shoporama.dk/admin/da/redirect/new og skrive sådan:

Smarte redirects i Shoporama

 

 

 

 

 

Husk at sætte kryds i at det er et regular expression du har lavet. Ellers bliver dit redirect tolket som et ganske almindeligt redirect.

Men, der er jo ikke vilde koder i? Nej. Det er slet ikke sikkert det er nødvendigt. Jeg kan se på de url’er der mangler at de alle starter med sprayers.11081 og at det tal nok er ret unikt bundet sammen med den kategori. Derfor kan jeg tillade mig at antage at hvis min regex matcher på sprayers.11081 så matcher den højst sandsynligt korrekt og tager ikke forkerte url’er med.

Ovenstående enkle regex kan løse 52 ud af de 941 fejl, som Google Search Console er stødt på. Hvis resten er noget i samme stil så kan man hurtigt komme de fejl til livs og resten kan man altid redirecte manuelt.

Læg mærke til at du ikke behøver at matche hele udtrykket. Det kommer helt an på, hvor sikker du er i din sag mht de url’er du gerne vil matche. Jeg har på samme shop oplevet tusindevis af url’er, hvor en tilfældig kategori stod forrest og derefter fulgt af et varenummer inde i midten og til sidst en masse parametre. Det eneste unikke var varenummeret – alt andet fulgte et mønster, hvor det kunne være forskellige tal og bogstaver, men på samme pladser. Derfor matchede jeg grupperne med tal og bogstaver op med varenummeret og lavede et redirect over til produktets nye og endelige url på den nye shop.

Som nævnt tidligere, så brug endelig www.regexr.com og test dine udtryk før du implementerer dem. Skriv url’erne i det nederste store felt og øv dig på at skrive korrekte regex inden du implementerer dem i Shoporama. Jeg har fx. brugt regex på http://shop.dandrone.dk og flere andre shops.

Sigt efter at udrydde alle 404-fejl i GSC.

God fornøjelse med det!

Vi elsker hurtige webshops

Det gør alle andre også… eller – vi kan vel bare spørge omvendt: “Nogen der kan lide langsomme webshops?” :-)

Så derfor har vi blandt Shoporamas ejere lavet en lille konkurrence for sjov. Få mest fart på din webshop målt på Googles Pagespeed værktøj.

Vinderen med scoren 100/100 blev Nicolai Teglskov, der har Climbtown, der sælger klatreudstyr. Tillykke… og godt gået, Nicolai. (Nu må du godt sætte dit Analytics script på igen :-D )

Hurtig webshop på en hurtig platform

God weekend i dine mails

Her er et nemt lille hack, hvis du gerne vil skrive god weekend i dine mails, der bliver sendt ud fra systemet. Du kan jo variere den over god påske, god jul, god grundlovsdag eller “nyd den sidste dag i september” etc. etc. Kun din fantasi sætter grænser. Her er den simple version, der bare afslutter din mail med “God weekend”, når mailen bliver sendt på en fredag eller lørdag

<{assign var="tempdato" value=$smarty.now}>
    <{if $tempdato|date_format:"%u" == 6 || $tempdato|date_format:"%u" == 5}>
        <p>God weekend</p>
    <{else}>
        <p>Med venlig hilsen</p>
    <{/if}>

Du kan jo også bruge det i din shop, hvis du har lyst til den slags.

Endnu et skridt mod hurtigere webshops

Hastighed betyder vanvittigt meget. Både for din placering i søgemaskinerne og for din konverteringsrate. Tror du mig ikke, så check disse indlæg.

Derfor er vores mission at skaffe hurtigere webshops. Vores seneste tiltag er at komprimere billederne. Vores troldmand har installeret software på serveren, så vi nu kan presse billederne yderligere ned. Her kan du se forskellen på et ikke-komprimeret billede til et komprimeret billede. Eller… man kan næsten ikke se forskellen.

Det originale billede:

Ikke komprimeret billede

Og her er den komprimerede version:

Optimeret

Det er til at leve med, ikke?

Det originale billede er på 205,4 KB og det optimerede billede på 47,2 KB – altså ca. 1/4.

Det fede er at du bare skal slå det til i backend. Det er under Indstillinger og så fanebladet optimering. Herunder kan du se en reaktion fra en af vores glade kunder.
Optimere billeder på ShoporamaHar du din webshop et andet sted end Shoporama, skal du også have mulighed for at få noget ud af det her blogindlæg. Du kan optimere dine billeder med værktøjet her. Det involverer godt nok en masse manuelt arbejde, som dine konkurrenter ved Shoporama slipper for, men sådan er der jo så meget.

Fra WooCommerce til Shoporama. Hvad sker der med performance?

Hastighed er vigtig. Færdig!

Det vidste Jacob Norengaard, manden bag Littleones, der sælger børneudstyr, også. Men han indså det desværre lidt for sent. Han havde nemlig bygget sin webshop på WooCommerce. Så han kontaktede SpicyWeb og fik flyttet designet til Shoporama. De flyttede designet, så det stadig var præcis det samme slutbrugeren så. Men der skete noget med hastigheden.

Littleones på WooCommerce

Langsom WooCommerceLittleones gik fra 210 requests til 56. Load tiden kom ned fra 2,7 sekund til 1,4 sekund. Næsten dobbelt så hurtig. Og slut resultatet er altså det samme.

Littleones på Shoporama

Hurtigere webshop WooCommerceSkal du have din shop over på et hurtigere alternativ, så skyd en mail til info@shoporama.dk – så parrer vi dig med nogle udviklere, der kan hjælpe dig.

Til slut kan du nyde denne infografik, der fint illustrerer hvad en langsom webshop i virkeligheden koster.

 

 

Sådan opsætter du MobilePay med ePay på Shoporama

Så kom længe ventede MobilePay til webshops (dog med det forbehold, at det kun gælder hvis man har registreret et Mastercard eller andet internationalt kort på sin MobilePay konto og 95% af danskerne har nok registreret deres VisaDankort :-(  ).

Det skal ikke stoppe os, så her får du opskriften til at opsætte MobilePay på Shoporama. I skrivende stund er det kun ePay, der er klar til det, så kravet er at du bruger ePay og er godkendt til MobilePay.

Lad os komme i gang. Det er super nemt. Log ind i Shoporama.

Klik på tandhjulet (indstillinger)

Klik på betalingsgateways

Klik på “Opret nyt betalingsgateway”

Kald det “MobilePay” og vælg ePay i dropdown menuen. Klik så Gem.

Sæt dit merchant ID ind i ID (som ved din anden ePay aftale)

Sæt også secret og password til capture op præcis som på din ePay aftale.

Under “Andre indstillinger” skal du sætte Windowstate til 3 og vælge “Mobilepay online” under “Paymenttype” som her

MobilePay med ePay og Shoporama

Nu klikker du “Gem” og er egentligt klar til at modtage MobilePay.

Men…. har du tidligere kun haft ét betalingsgateway, så kan det være, at dit tema kun viser første betalingsgateway. Derfor kan det være din udvikler skal ind og lave en “vælg betalingsform” i dit check-ud flow.

3 Shoporama features, du sikkert ikke kender

Her får du 3 features, som mange nye e-købmænd ikke kender, men som kan være ganske nyttige at kende.

Ret dine 404 fejl

Der vil på et eller andet tidspunkt komme links ind til din side, som peger ind på en 404 side. Det er ærgerligt både for de besøgende og for dig (der går glip af linkjuice). Fortvivl ikke… vi holder øje med det for dig. Når du er logget ind i Shoporama, så skal du blot klikke på menupunktet “404-fejl”. Her vil du få en liste af de sider, der linkes til og hvor der er linket fra. Ud for hver side er der et link, hvor der står “opret redirect”. Klik på det og få redirectet til noget relevant eller det rigtige.

Gør dine sider bedre

Nogle gange går det lidt hurtigt og du får ikke skrevet title og description. Klik på menupunktet “Forslag til forbedringer”. Her vil du få en oversigt over de kategorier, landingssider og produkter, der mangler title og descriptions. Klik på dem, og du ryger direkte ind på siden hvor du kan få dem tilføjet (og bedre placeringer i søgemaskinerne).

(Du ville kunne få samme oplysninger i Google Webmaster Tools. Men væsentligt senere og der er det jo næsten “for sent”. Det er skønnere at have det rettet inden Google opdager det. Det bør du klart også få sat op).

Søg og erstat-kopiering af varer

Ofte har man produkter i mange farver. Sort, grøn, blå, rød etc.  Når du har oprettet den ene, så kan du kopiere varen (bare rolig – canonical er sat korrekt). Herefter markerer du kopien og vælger “Søg og erstat” og klikker “Gem”.

Søg og erstat i ShoporamaNu får du dette billede, hvor du bare skal vælge, hvad der skal søges og erstattes.

Søg og erstat i ShoporamaKlik “Søg og erstat” og Shoporama erstatter (i tilfældet her) “grøn” med “blå” i title, description, navn, beskrivelse og listebeskrivelse.

Du skal bruge din tid på at være e-købmand

Ikke på kedelige ting som bogføring. Så vi gør, hvad vi kan for at gøre det nemmere for dig. Bruger du Billys Billing ver. 2, så kan vi automatisk bogføre dit Shoporama abonnement for dig, når vi hæver pengene. Ét bilag mindre at rode med.

For at aktivere det, logger du ind i Shoporama og klikker på dit firmanavn og vælg så “Send faktura”.

Automatisk bogføring af Shoporama fakturaDu kan selv vælge, hvilken konto du vil bogføre vores regninger på.

Nem bogføring med Shoporama

Klik gem og voilá – mindre bogføring – mere fritid.

2-trins log ind

Vi har øget sikkerheden i din shop og gjort det muligt at tilføje 2-trins log ind på Shoporama.

For at aktivere det, skal du logge ind som normalt, klikke på “Din konto” (kan også være dit firmanavn der står skrevet) i øverste højre hjørne

2-vejs log ind på ShoporamaDernæst klikker du på “2-steps login”

2-vejs log ind på ShoporamaTil sidst indtaster du dit mobilnummer (kun danske mobilnumre) og sætter flueben i “Aktiver 2-steps login” og klikker Gem.

2-vejs log ind på ShoporamaVupti… næste gang du logger ind, får du en sms kode tilsendt.

Du får en kode på sms

Som du indtaster i din kode i dit yndlings shopsystem og du er indenfor i varmen.

2-vejs log ind på ShoporamaHurraaaaa…. Øget sikkerhed.

Skal du være MobilePay eller Swipp?

Du kan ikke undgå at have set Swipp-reklamer (eller folk der gør grin med dem). Du har sikkert også MobilePay installeret på din smartphone. Hvorfor?

1. Fordi MobilePay gik efter »Done is better than perfect« og »Launch crap but launch« og »Fuck it – ship it« (skylder at sige, at MobilePay på ingen måde er crap, men de lancerede et såkaldt minimum viable product. Altså et produkt der kunne bruges. Måske ikke i alle situationer (du kan ikke købe din nye bil med MobilePay, men hvor tit er det lige, du køber bil?).

2. Swipp gjorde det modsatte. Finpudsede og debatterede den bedste løsning. Sad og kælede for punktummer og lavede kravspecifikationer. Og kom halsende efter MobilePay med et klodset produkt. Resultat: Lige nu bruger de formuer på reklamer og medarbejdere, der giver køb på deres egen integritet ved at nedgøre MobilePay i håb om at vi så skifter.

Hvad har det med dig at gøre, spørger du måske. Måske ingenting, men jeg ser rigtigt mange, der sidder og finpudser deres webshop og webshop drømme, alt imens er der er en måske klodset, måske halv-færdig, måske grim webshop, der løber med salget, starter på at opbygge en stor fanbase på Facebook, en kæmpe email liste, henter de gode placeringer i Google og får en fantastisk quality score på sine AdWords annoncer. Imens sidder du og vælger farvenuancer på din webshop eller gennemgår teksterne for 5. gang (hey – man kan godt ændre farverne efter man har lanceret sin webshop).

Har du læst bogen Delivering Happiness vil du vide, at fyren der startede Zappos ikke engang havde alle produkter i sin webshop. Han gik ned i en skobutik, tog et billede af en sko, lagde den op i sin webshop og blev den solgt, løb han ned i skobutikken, købte skoen og sendte den til kunden. Har du ikke læst bogen, så gør det ;-)

Efter sigende sad der folk ved Kodak og finpudsede en foto-app, der kunne det samme som Instagram. I evigheder… i mellemtiden kom Instagram så ud af en garage, hvor 3-4 studerende havde lavet den. Den var ikke perfekt, men den var der. De løb med alle brugerne og Kodak endte med at kassere deres app.

Min pointe: Launch crap but launch!

Det sjove er, at når du er i gang, så sker der ting og sager. Folk skriver og besøger din shop. Du bliver flov over at de ser dét, der ikke virker og får det fikset i stedet for at se endnu et afsnit på Netflix.

Har du brug for endnu et skud motivation for at få fingeren ud, så tag og lyt med her.