All posts by Morten Vadskær

Sådan kobler du Shoporama sammen med Dinero

Benytter du Dinero som økonomisystem, så skal du følge denne guide for at få dine salg fra din Shoporama shop over i Dineros kassekladde. Bemærk, det kræver at du har et Dinero Pro abonnement.

  1. Log ind i Shoporama og klik på Indstillinger
  2. Klik på fanebladet “Økonomi- og lagersystem”
  3. Vælg “Dinero” under “Økonomisystem” og klik “Gem og rediger videre”
  4. Klik på “Økonomisystem” i den lysegrå menu i toppen.
  5. Først skal du indtaste din API nøgle. Den finder du i Dinero, når du er logget ind. Klik på tandhjulet og så API.
  6. I Dinero klikker du så på “Ny API nøgle”. Der kommer så en pop-up, hvor du skal give den et navn f.eks. webshop. Klik så på “Opret API-nøgle”
  7. Du får nu en lang nøgle. Den kopierer du og vender tilbage til Shoporama. Den indsætter du i feltet API-nøgle.
  8. Herefter skal du indsætte dit organisations ID i Shoporama. Det finder du nederst i venstre hjørne i Dinero (når du er logget ind – de kalder det Firma ID).
  9. Nu klikker du “Gem” i Shoporama og så skal du vente op til 24 timer (skyldes vi kun kan kontakte Dinero API’et én gang i døgnet).
  10. Når du logger ind igen om 24 timer har Shoporama hentet din kontoplan og du skal vælge kontoplan og modkonto for alle dine salg, dine rabatter og dine fragtmuligheder. Bemærk du også skal udfylde momskoder. Det er typisk u25 for udgående moms eller i25 for indgående moms. Felterne må ikke være tomme. Skriv i stedet null i feltet (så tager Dinero default momsen). Klik herefter “Gem”

Din integration med Dinero spiller nu. Du finder salget under Regnskab → Kassekladde.

Hvordan får jeg open graph på min shop?

Open graph data er de her oplysninger, som Facebook bruger til at trække billede, titel m.m. til din shop. Det kan være praktisk selv at styre det.

Her er den kode, du lige skal hakke ind i global.html i head-sektionen. Så kører det.

<!-- Open graph -->
<meta property="og:title" content="<{if $meta_title}><{$meta_title|escape}><{elseif $smarty.capture.title}><{$smarty.capture.title|escape}><{else}><{$webshop->getName()|escape}><{/if}>"/><meta property="og:description" content="<{if $meta_description}><{$meta_description|escape}><{/if}>" /><meta property="og:image" content="<{if $product}><{assign var='productimages' value=$product->getImages()}><{section name='o' loop=$productimages start=0 max=1}>http://dybsort.dk<{$productimages[o]->getSrc(770, 15000, 'fit')}><{/section}><{else}><{$theme_url}>/img/ogimg.jpg<{/if}>"/><meta property="og:site_name" content="<a href="http://dybsort.dk/" target="_blank">Dybsort.dk</a>" /><meta property="og:url" content="<{$current_url}>" /><{if $product}><meta property="og:type" content="product" /><meta property="og:price:amount" content="<{$product->getRealPrice()|number_format:2:".":"."}>" /><meta property="og:price:currency" content="DKK" /><meta property="og:availability" content="instock" /><{/if}>

Sådan verificerer du din Shoporama shop i Google Search Console (tidligere Webmaster Tools)

For at verificere din Shoporama shop i Search Console, skal du bruge de alternative metoder (du kan ikke uploade en fil til verificering).

1. Vælg fanebladet “Alternative metoder”

Vælg alternative metoder

 

 

 

 

 

 

 

2. Vælg “html-tag”. Så kommer der en linje frem med et meta tag, som skal indsættes i din header – typisk i din global.html fil

Vælg html tag

 

 

 

 

 

3. Indsæt denne fil med SFTP. Hvis du har caching slået til, så nulstil din cache.

4. Herefter klikker du på den røde “Bekræft” knap.

Shoporama og Webmaster Tools

 

 

 

 

Voilá… din Shoporama shop er connected med Search Console.

Sådan laver du dit eget feed på Shoporama

Vil du selv skrue et feed sammen til Pricerunner eller en anden service, så kan du sagtens det. Du gør således:

1. Opret dit feed via SFTP editoren – kald den f.eks. mitfeed.xml

2. Byg den sådan her

<{assign var="products" value=$landing_page->getProducts()}>
<xml>
    <title><{$landing_page->getName()|escape}></title>

    <products>
        <{section name="i" loop=$products}>
            <product>
                <name><{$products[i]->getName()|escape}></name>
            </product>
        <{/section}>
    </products>

</xml>

Du kan tilføje alle de data du vil om produktet.

Nu opretter du en landingsside med de produkter du vil have (vil du have alle produkter, så vælger du bare pris skal være større end nul).

I feltet “Eget XML” skriver du mitfeed.xml under XML-filnavn (lige nedenunder står URL’en til dit nye feed) og klikker “Gem” i bunden af siden.

Mange vil gerne lave et Pricerunner feed, hvor de ikke har deres beskrivelse med. Det kan man gøre på denne måde.

 

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.

Redirects med Google Webmaster Tools beskeder

En vigtig grund til at lave redirects er, at man ikke vil spilde linkjuice fra potentieller gode links. Derfor har vi oprettet en feature, der registrerer, om du får besøgende fra et link, som går til en 404 side.

Nogle af dem vi “fanger” er dog lidt underlige, så du kan gøre det på en anden måde. Du går i Google Webmaster Tools og finder dem derinde og så redirecter du dem i Shoporama. Her er opskriften:

Log ind i Google Webmaster Tools

Klik På Gennemgang i venstre side og så på Gennemgangsfejl

Du får nu en liste over de URL’er som webmaster tools ikke har kunnet finde. Klik på én af dem og der kommer en pop-up, der ser nogenlunde sådan ud:

Rette 404 fejl i ShoporamaKlik på fanebladet “Linket fra”. Her får du en liste over de URL’er der linker til din side. Hvis disse URL’er er rigtige hjemmesider med noget link-værdi, skal du oprette et redirect på det i Shoporama.

Så gå i Shoporama og opret redirectet manuelt.

Klik herefter på knappen “Markér som løst” i Webmaster Tools. Klik herefter på “OK” på knappen, der kommer og spørger om du virkeligt vil rette den.

Det er et langt sejt træk, men det lønner sig.

 

Lynhurtigt til dine nye ordrer

Vi er alle interesseret i hurtigt at komme videre med dagens ordrer. Har man både ordrer fra PostDanmark og GLS, vil man muligvis først markere alle ordrerne fra PostDanmark og vælge “send til PacSoft”. Men det kan jo nemt være 10-20 stykker, så det er kedeligt slavearbejde. Her er en genvej.

  1. Gå i ordrer
  2. Vælg f.eks. PostDanmark under “metode”
  3. Vælg “betalt” under “Betalt”

Nu har din side refreshet og du har en URL, der ser nogenlunde sådan ud:

https://www.shoporama.dk/admin/da/order/list?order_list_limit=25&status=new&shipping_id=822&del_country_id=&paid=1&new_status=&format=

Den kan du nu vælge at bookmarke i “bogmærkelinjen”, hvis du bruger Firefox (hedder nok noget andet i Chrome).

Vælg alle Post Danmark ordrer Shoporama

Så har du dine nye betalte ordrer fra PostDanmark lige ved hånden (burde vel hedde noget med PostDanmark)

Nemt finde ordrer i ShoporamaSå er det bare ét klik på “Nye danske ordrer”, sæt flueben i ID og send dem til PacSoft.

Så er det bare at gentage øvelsen for GLS og evt. med andre lande, hvis det er nødvendigt.

(med lidt trylleri kan man måske endda få noget JavaScript til at vinge af i ID-feltet).

 

 

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.