Category Archives: Guides

Tweak din søgefunktion til at vise kategorier

Søgningen i Shoporama søger kun på produkter.

Men ind imellem søger folk på en kategori eller et brand og så kan det være praktisk at de ryger direkte over på en side med alle disse produkter. Her kommer et trick til at løse den opgave (kræver du kan trylle med din SFTP editor).

Lad os antage en bruger søger på Faktorfobi på “Hummel”. Hvis der er Hummel produkter på shoppen, som ikke lige har ordet “Hummel” i hverken navn eller beskrivelse, så vil de ikke blive vist i en søgning. Derfor giver det mere mening at sende de besøgende direkte ind på siden med Hummel badetøj.

Nuvel… hvordan gøres det så? Først ændrer vi lige søgestrengen til lowercase for at gøre det lidt nemmere. Så sender vi dem videre med JavaScript. Koden ser således ud:

<{if $get.search|lower == "hummel"}>
<script type="text/javascript">
    window.location = "https://www.faktorfobi.dk/hummel-badetoej";
</script>
<{/if}>

Det er alt :-)
Nu er det bare at oprette alle de specielle søgninger, du vil have her med en elseif-sætning.

 

Google Adwords remarketing koder

For at benytte Google Adwords remarketing, skal der lidt ekstra koder ind. Det er

  • et script på produktsiden, der fortæller Google, hvilke produkter de har set
  • et script i din indkøbskurv, der fortælle Google, hvem der har været i kurven og hvad de har haft i kurven
  • et script på ordrekvitteringssiden, hvor de tracker, hvem der har købt og hvad de har købt.

Bemærk at denne her kode ikke tager højde for varianter.

Det skal alt sammen sættes ind med SFTP editor og koden er som følger:

Produktsiden (product.html):

<script type="text/javascript">
        var google_tag_params = {
        ecomm_prodid: ['<{$product->getProductId()}>'],
        ecomm_pagetype: 'product',
        ecomm_totalvalue: '<{$product->getRealPrice()|number_format:2:".":""}>'
        };
        </script>

Indkøbskurven (basket.html):

<{if $basket}>
    <{assign var="k" value=0}>
    <{section name="i" loop=$basket}>
        <{assign var="product" value=$basket[i].product}>
        <{if $k==0}>
            <{assign var="ecommtracking" value="'"|cat:$product->getOwnId()|cat:"'"}>
            <{assign var="k" value=1}>
        <{else}>
            <{assign var="ecommtracking" value=$ecommtracking|cat:",'"|cat:$product->getOwnId()|cat:"'"}>
        <{/if}>    
    <{/section}>

    <script type="text/javascript">
        var google_tag_params = {
            ecomm_prodid: [<{$ecommtracking}>],
            ecomm_pagetype: 'cart',
            ecomm_totalvalue: '<{$total_price|number_format:2:".":","}>'
            };

    </script>
<{/if}>

Ordrebekræftelsen (thanks.html eller ecommercetracking.html hvis du bruger den)

<{assign var="products" value=$order->getProducts()}>
    <{assign var="k" value=0}>
    <{section name="i" loop=$products}>
        <{if $k==0}>
            <{assign var="ecommtracking" value="'"|cat:$products[i]->getOwnId()|cat:"'"}>
            <{assign var="k" value=1}>
        <{else}>
            <{assign var="ecommtracking" value=$ecommtracking|cat:",'"|cat:$products[i]->getOwnId()|cat:"'"}>
        <{/if}>        
    <{/section}>    
    <script type="text/javascript">
        var google_tag_params = {
            ecomm_prodid: [<{$ecommtracking}>],
            ecomm_pagetype: 'purchase',
            ecomm_totalvalue: '<{$order->getPrice()|number_format:2:".":","}>'
            };

    </script>

Der udover kan det være en fordel at smide lidt ekstra oplysninger ind på kategorier, landingssider, søgesiden og statiske sider. Det er denne kode, du kan smide ind i global.html

<{if $category}>
        <script type="text/javascript">
        var google_tag_params = {
        ecomm_pagetype: 'category',
        ecomm_category: '<{$category->getName()|escape}>'
        };
        </script>
    <{/if}>

    <{if $landing_page}>
        <script type="text/javascript">
        var google_tag_params = {
        ecomm_pagetype: 'category',
        ecomm_category: '<{$landing_page->getName()|escape}>'
        };
        </script>
    <{/if}>

    <{if $search}>
        <script type="text/javascript">
        var google_tag_params = {
        ecomm_pagetype: 'search'
        };
        </script>
    <{/if}>

    <{if $page}>
        <script type="text/javascript">
        var google_tag_params = {
        ecomm_pagetype: 'other'
        };
        </script>
    <{/if}>

Ændre prisen på mange produkter på én gang

Du kan hæve og sænke prisen (procentuelt) på dine produkter på en gang. Måden du gør det på er følgende:

1) Gå ind i produkter

2) Markér de produkter, du vil hæve prisen på

3) Scroll ned i bunden af siden og find feltet “Prisændring”

Ændre priser Shoporama

4) Vil du ændre din normale pris, skal du bruge “Sæt salgsprisen til”. Her skal du bruge din 8.klasses matematik. For hvis du vil hæve prisen med 10%, så skal du skrive 1.1. Vil du sænke prisen med 50% skal du skrive 0.5.
Vil du ændre din tilbudspris skal du være opmærksom på, at den ændrer sig i forhold til salgsprisen. Dvs. har du en vare, der koster 100,- og sat ned til 80,-. Vil du ændre udsalgsprisen til f.eks. 70,- i stedet for 80,- så skal du skrive 0.7, da du vil tage 70% af de 100,-. og ikke 70% af de 80,-, som er udsalgsprisen. Der skal man holde tungen lige i munden.

5) Scroll lidt længere ned og klik “Udfør masseredigering”.

Voilá – prisændringer.

Hvad så, hvis jeg vil ændre rigtigt mange priser?

Ja – så har du jo lidt et problem, for Shoporama viser kun 100 produkter. Her er en måde at løse det på:

1) Opret en kategori, der hedder “Ikke nedsat endnu” eller sådan noget.

2) Læg alle produkterne i den kategori

3) Nu går du i produktoversigten og viser kun produkter, der er i kategorien “Ikke nedsat endnu” og ændrer den til at vise 100 produkter

4) Markér alle 100. Scroll ned til masseredigering.

5) Under “Fjern fra kategori” vælger du “Ikke nedsat endnu” og så vælger du at ændre prisen som beskrevet ovenfor.

6) Klik “Udfør masseredigering”.

7) Nu vil du se de næste 100 produkter i kategorien “Ikke nedsat endnu”. Gentag trin 4-6 så længe, der er produkter i kategorien

8) Når der ikke længere er nogle produkter i kategorien, går du i kategorier og sletter denne kategori.

Og sådan ændrer du mange produkter på én gang.

Lav lynhurtigt mails til kunder

Dagens yderst brugbare tip er leveret af Lars Holmgaard (vi siger mange tak):

Det ville være enormt uprofessionelt at komme til at linke til en anden kundes ordre i en mail, så jeg checker og dobbeltchecker altid at det er den rigtige url jeg paster ind.

Det kunne være en mail jeg sender til en kunde, hvis jeg kan se de ikke har gennemført betalingen eller det kunne være, der var noget jeg havde brug for at spørge kunden om.

Nu har jeg lavet det så der ikke kan ske manuelle fejl, så slut med copy-paste af ordre-link og email.

● På selve /ordre-siden hvor kunden kan se sin ordre, har jeg lavet et link allernederst. Når jeg klikker på det, så er email-feltet udfyldt med kundens email, der står “Hej <kundens navn>” inde i mailen og nedenunder står linket til kundens ordre-side.

Så slipper jeg for at huske, hvad kunden nu hed, om det er den rigtige mail og url og kan i stedet for koncentrere mig om at formulere indholdet af mailen.

Det er ikke svært – du kan selv fixe det i din order.html template.

Brug denne kodelinie til linket:

<{if $cookie.user_token}>
<a href="mailto:<{$order->getEmail()|escape}>?subject=Din%20bestilling%20hos%20os&amp;body=Hej%20<{$order->getOrderName()|escape}>,%0D%0A%0D%0A<{$order->getPublicUrl()|escape:'url'}>%0D%0A">Kontakt kunde</a>
<{/if}>

blog2 Link til kunde på order-siden

Få flere anmeldelser på Trustpilot og Facebook

Shoporama kan sende dine kunder en mail X timer efter ordren er lagt. Den mail er jo oplagt til at indhente TrustPilot og Facebook anmeldelser.

Hvis du gerne vil sende opfordring til TrustPilot til hveranden kunde og Facebook til de andre, så kan du benyttte dig af dette lille trick.

Hvis ordren lander på et lige minuttal, så sender du opfordring til at anmelde på TrustPilot. På et ulige minuttal, er det en opfordring til at anmelde på Facebook.  Her er eksempelkoden fra Svanebutikken.

<{assign var="tempdato" value=$smarty.now}>
    <{assign var="minuttal" value=$tempdato|date_format:"%M"}>

    <{if $minuttal%2 == 0}>
        <p><p><a href="https://www.facebook.com/svanebutikken/reviews/" title="Anmeld på Facebook">på Facebook</a></p></p>
    <{else}>
        <p><a href="https://dk.trustpilot.com/review/www.svanebutikken.dk" title="Anmeld på Trustpilot">på Trustpilot</a></p>
    <{/if}>

Du kan også lave andre ting i dine mail. Se her, hvordan du skriver “God weekend” i dine mails i om fredagen.

Brug Schema Event på dine arrangementer

Og invitér Google.

Google elsker data. Især når de er strukturerede.

Hvis du har en form for arrangement beskrevet på din webshop, så brug endelig strukturede data på landingssiden til at fortælle Google, præcist hvornår, hvorhenne og hvad det handler om.

Det gør dig mere synlig i søgeresultaterne og giver dig dermed en fordel over dine konkurrenter.

I Shoporama er det nemt. Og jeg viser dig, hvordan du gør.

Gå ind på denne side, hvor du først skal indtaste dataene for dit arrangement.

Event data på dine arrangementer

Derefter klikker du på “Copy to clipboard” og går ind i backenden på Shoporama og redigerer din landingsside.

Nederst på siden, under “HTML-felter” klikker du på “Tilføj nyt HTML-felt”:
html felter på Shoporama

 

 

 

 

 

 

Shoporama spørger derefter, hvad du vil kalde feltet og du kan fx. kalde det schema-event. (Navnet betyder intet – vi indsætter det nemlig på en speciel måde).

Nu har du fået dit helt eget html-felt, hvor du indsætter den kode du kopierede fra Schema generatoren længere oppe. Koden burde stadig ligge i din buffer så du kan bare klikke i feltet og trykke cmd+v på Mac eller ctrl+v, hvis du bruger Windows.

Nu ligger koden i dit felt og det sidste du skal gøre er at vælge er at vælge <head> foroven:
schema events på Shoporama

 

 

Så ser det sådan her ud:
Indsætte html på landingsside

Nu bliver json-koden sat ind på din side (og kun den ene). Det er vildt nemt i Shoporama og du skal ikke have fat i en programmør.

Test din data

Nu kan du gå ind på https://search.google.com/structured-data/testing-tool/u/0/ og teste om din kode validerer. Der må ikke være fejl, men det gør ikke nær så meget at der er advarsler. De indikerer blot at du bør angive flere data, hvis du har dem. Personligt sigter jeg dog altid efter hverken at have fejl eller advarsler.

Husk: Du kan altid tilføje flere informationer i koden eller rette dem – du går bare ind i Shoporama og redigerer koden.

Så, står du og skal holde åbent hus, lagersalg, deltage på messe, afholde en fælles Pokémon Go jagt eller lignende – så sørg for at lave en landingsside og markér begivenheden med strukturerede data.

Google vil elske det. Og det vil dine kunder også.

Gæsteindlæg

Indlægget her er skrevet af Lars Holmgaard. Shoporama siger tak og sender et marcipanbrød for en veludført opgave :-)

Pænere logo i MobilePay med ePay

Hvis du uploader dit logo til ePay, så anbefaler de, at logoet er 175 x 71 pixels. Men … ak… det ligner noget, der er løgn, når det bliver brugt på MobilePay.

Mobilepay Logo

Du skal ganske vist beholde dit logo i de dimensioner, men hvis du presser dit logo ind fra pixel 48 til 125, så ser det meget pænere ud på MobilePay.

MobilePay logo epay

 

 

 

Som du kan se herunder.

Logo i MobilePay

Shoporama integration med Accuranker

Benytter du Accuranker til at tracke dine placeringer med, så kan du nu få dine dashboard notifikationer ind i Shoporamas dashboard. Sådan sætter du det op.

1) Log ind i Accuranker

2) Klik på det lille bruger-ikon oppe i højre hjørne og vælg “Rediger profil”.

Find API nøgle i Accuranker

3) Herinde finder du din API nøgle. Den kopierer du.

4) Log nu ind i Shoporama og klik på tandhjulet.

5) Klik på fanebladet “Værktøjer”

6) Sæt din Accuranker API nøgle ind i feltet “Token til Accuranker”.

Accuranker integration

7) Klik på “Opdater domæneliste”. Du får nu de domæner, der er aktiveret under din Accuranker profil. Vælg det domæne, der passer med din shop.

8) Klik “Gem”.

Du får nu dine Accuranker notifikationer inde på dit dashboard i Shoporama.

Accuranker notifikationer i Shoporama

Feed til prisjakt.nu

Vil du i gang med at sælge til svenskerne, så kan prisjakt.nu være et fint sted at have sine varer. De kræver, at du laver et feed – og det er selvfølgelig også nemt på Shoporama :-)

Du gør sådan:

1) Få din udvikler til at lave en fil, der hedder prisjakt.xml og smid dette ind

Produktnamn;Art.nr.;Kategori;Pris inkl.moms;Produkt-URL;Tillverkare;Tillverkar-SKU;Frakt;Bild-URL;Lagerstatus
<{assign var="products" value=$landing_page->getProducts()}>
<{section name="i" loop=$products}>
<{$products[i]->getName()|escape}>;<{$products[i]->getOwnId()}>;<{if $products[i]->getMainCategory()}><{assign var="tempcat" value=$products[i]->getMainCategory()}><{$tempcat->getName()}><{/if}>;<{$products[i]->getRealPrice()|number_format:2:".":""}>;<{$webshop->getUrl()}>/<{$products[i]->getUrl()}>;<{assign var="tempsupplier" value=$products[i]->getSupplier()}><{if $tempsupplier}><{$tempsupplier->getName()}><{/if}>;;[FRAKT];<{assign var="images" value=$products[i]->getImages()}><{if $images}><{section name="j" loop=$images start=0 max=1}><{$webshop->getUrl()}><{$images[j]->getSrc(300, 300, 'fit')}><{/section}><{/if}>;Ja
<{/section}>

Han skal lige være opmærksom på at han skal hardcode fragten ind, der hvor der står [FRAKT] – og evt. tilføjet et leverandør-SKU, hvis du har det.

2) Lav en landingsside med alle dine produkter (som du vil have derovre).

3) Sæt noindex på

4) I “eget feed” skriver du prisjakt.xml så det ser sådan ud

Prisjakt csv fil til Shoporama

 

 

 

Så er det bare at klikke gem og sende filnavnet der (det med prisjakt-feed.xml) til prisjakt (og ja… så gøre klar til de svenske kunder).

Billeder på statiske sider

Ét af Shoporamas svage punkter er, at du ikke bare kan klippe klistre dine sider til med billeder alle mulige steder.

Men der er en løsning. Den er ikke køn brugervenlighedsmæssigt, men den er fleksibel, så du kan få det stort set, som du vil ha’ det (bare du har en udvikler inde over). Lad os se på det.

Du skal sådan set bare oprette en side og tilknytte et par billeder som du gør på kategorier, produkter etc. I din tekst indsætter du så bare [PIC1] og [PIC2], hvor du vil have dine billeder. Se eksemplet herunder.

Indsætte billeder på statiske sider i Shoporama

 

 

 

 

 

Derefter klikker du Gem.

Du skal nu bare have lavet en “søg og erstat” i din skabelon. Det skal du have din designpartner eller udvikler til.

Koden består af to dele. Først skal vi lige have tildelt vores billeders URL til nogle variabler. Det ser sådan ud:

<{assign var="images" value=$page->getImages()}>
    <{if $images}>
        <{section name="i" loop=$images start=0 max=1}>
            <{assign var="tempbill1" value=$images[i]->getSrc(800, 800, 'fit')}>
            <{assign var="bill1" value="<img src='$tempbill1'>"}>
        <{/section}>

        <{section name="i" loop=$images start=1 max=1}>
            <{assign var="tempbill2" value=$images[i]->getSrc(800, 800, 'fit')}>
            <{assign var="bill2" value="<img src='$tempbill2'>"}>
        <{/section}>

        <{section name="i" loop=$images start=2 max=1}>
            <{assign var="tempbill3" value=$images[i]->getSrc(800, 800, 'fit')}>
            <{assign var="bill3" value="<img src='$tempbill3'>"}>
        <{/section}>
    <{/if}>

Dernæst skal vi have lavet søg og erstat på variablerne og skrive al vores tekst (med billederne ud). Det ser sådan ud:

<{assign var="temptekst" value=$page->getText()}>
    <{$temptekst|replace:'[PIC1]':$bill1|replace:'[PIC2]':$bill2|replace:'[PIC3]':$bill3}>

Den her kan kun lige spise 3 billeder. Har du brug for mere, er jeg sikker på, at din udvikler kan gennemskue princippet.

Flere skabeloner – mere gejl

Vil du tage den et skridt videre, så kan du vælge at få din udvikler til at lave skabeloner, så der f.eks. står “skabelon=venstrestillet” eller “skabelon=tekstombrydning” i dine ekstrafelter på siden. Så kan der opsættes regler for om billederne skal være i venstre side, om teksten skal ombrydes eller hvad.