All posts by Morten Vadskær

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.

Sådan indsætter du Facebook pixel (og alt muligt andet hejs) på din Shoporama shop

Ind imellem har du brug for at indsætte noget tracking eller et andet script på hele din side… typisk f.eks. en Facebook pixel. Det er nemt i Shoporama… du gør sådan her:

1) Klik på tandhjulet

Indsætte script på Shoporama

 

 

 

 

2) Klik på html-felter

Facebook pixel Shoporama

3) Klik på “Tilføj nyt HTML-felt”

Indsætte script på Shoporama shop

 

 

 

 

 

4) Der kommer nu en pop-up der beder dig navngive dit felt. Du kan jo kalde den “Facebook pixel”. Klik herefter OK

5) Vælg om dit script skal indsættes i head eller body elementet

Indsætte kode i head Shoporama

6) Kopier din Facebook pixel (eller Hotjar eller hvad det nu er) ind og klik Gem

Indsætte kode på Shoporama shop

 

 

 

 

 

 

 

 

 

Benytter du caching, så skal du lige nulstille din cache, inden den er online.

Sådan skruer en københavner på sin Shoporama shop

Dette er et begynderkursus i hvordan du selv skruer på din Shoporama shop. Du lærer IKKE html og css, men du lærer, hvordan du logger ind med SFTP og retter småting, hvordan du tager backup af dit tema og så’n.

Vi mødes på Hotel Guldsmeden, Helgolandsgade 11, København V (i kælderen) d.3/6-2016, hvor vi går i gang kl .9. Herfra er det non-stop nørderi, hvor du lærer at logge ind med SFTP, kort introduktion til at finde elementer i browseren.

Er vi færdige før kl. 17, så klør vi på med SEO og Analytics. Vi slutter af med en drink i baren, så du skal ikke melde dig til at hente børn :-)

Prisen er 650,- ex moms og inkluderer lækker økologisk forplejning hele dagen. Opkræves over dit Shoporama abonnement 1/6-2016.

Det er en workshop så medbring en computer.

Der er 12 pladser. Tilmelding til vadskaer@shoporama.dk

Underviser på dagen er Morten Vadskær.

Sådan skruer du på din Shoporama shop

Dette er et begynderkursus i hvordan du selv skruer på din Shoporama shop. Du lærer IKKE html og css, men du lærer, hvordan du logger ind med SFTP og retter småting, hvordan du tager backup af dit tema og så’n.

Vi mødes i Shoporama HQ, Slotsgade 35A, 9000 Aalborg d. 25/4-2016 kl. 16, hvor vi går i gang. Kl. 18 går vi over og indtager noget aftensmad og en time senere returnerer vi til vores SFTP editor og går i gang med at lege.

Prisen er 350,- ex moms og inkluderer buffet ved Restaurant Flammen og kaffe og en danskvand (med citrus). Opkræves over dit Shoporama abonnement 1/5-2016.

Det er en workshop så medbring en computer.

Der er 6 pladser. Tilmelding til vadskaer@shoporama.dk

Underviser på dagen er Morten Vadskær.

AdWords Workshop i Aalborg

Vi har lokket Brian Brandt fra Clickstarter til at komme til Aalborg til en AdWords og Google Shopping workshop for Shoporama ejere.

Datoen er tirsdag d. 3. maj i tidsrummet 10-16 i Shoporamas lokaler på Slotsgade 35A, 9000 Aalborg.

Prisen er 1250,- ex moms og inkluderer undervisning, frokost på Utzoncenteret, vand, te og kaffe. Og lynhurtigt internet.

Det er en workshop – medbring en computer. Du skal også selv knokle.

Morten Vadskær vil være der til at assistere med tekniske problemer og skænke kaffe.

Tilmelding på vadskaer@shoporama.dk

Betaling opkræves over dit Shoporama abonnement.

Shoporama gør-shoppen-klar-til-julesalget workshop 2016

Ho ho ho… så skal du sætte kryds i kalenderen d. 29.-30. september 2016. Vi har booket et arbejdsværelse og 20 værelser på Hindsgavl Slot.

Her skal du og 19 andre webshop ejere knokle løs med at få din shop klar til julesalget. Det er ting som:

  • Skrive og opsætte de mails, der skal skydes ud i november og december
  • Bestille jule-grafik til din webshop og gøre klart, så det kan blive sat ind i shoppen
  • Tilpasse title og descriptions så de er jule-klar (måske vi har et trick i ærmet her)
  • Tilpasse Adwords kampagner
  • Sætte Facebook kampagner op

Og mon ikke også der bliver tid til en gang humle :-)

Vi har booket Sasa Kovacevic  fra Obsidian Digital til at komme og give et oplæg om AdWords  markedsføring med tricks til, hvad du kan gøre for dit julesalg på den markedsføringskanal.

Prisen er 2450,- ex moms og trækkes over dit Shoporama abonnement d. 1/9-2016.

Tilmelding på vadskaer@shoporama.dk hvor du angiver navnet på din webshop. Bemærk – arrangementet kun for Shoporama brugere.

Prisen inkluderer

  • Adgang til arbejdsværelse hele dagen og aftenen
  • Kaffe, te og frugt i arbejdsværelset (og altid én Morten, der kan bistå med indsættelse af koder)
  • Frokost og 3-retters aftensmad (drikkevarer for egen regning)
  • Netværk og røverhistorier ad libitum
  • Rigtigt gode chancer for at se et spøgelse (det er jo et slot)

Kom frisk… det bli’r hyggeligt

Sådan laver du dine egne genvejstaster i Shoporama

Nogle har brug for én ting. Andre noget andet. Derfor forsøger vi at gøre Shoporama så fleksibelt som muligt.

Vi har derfor ikke lavet ret mange genvejstaster i Shoporama. Resten må du selv lave (så får du det, som du vil have det).

Lad os antage, du gerne vil lave ALT+S til din genvejstast for “Sendt”. Således du markerer nogle ordrer, klikker ALT+S og så er de skiftet til sendt. Vi skal have fikset to ting:

1) Fundet ud af, hvad den “knap” vi ønsker at aktivere hedder

2) Finde det tal, som “betyder” ALT+S

De to ting skal så “parres” og sættes ind i Shoporamas backend. Lad os se på, hvordan man gør.

1) Gå ind i ordrer og scroll ned til knappen “Sendt”. Afhængig af din browser kan du højreklikke eller holde CMD nede og klikke på den og så vælge “inspect element” eller noget i den retning. Så kan du se knappens html. Som du kan se her, har den et ID, der hedder “btn-sent”. Et ID er unikt for en knap, et link eller en formular. Her er det så en knap. Så nu ved vi, at Sendt-knappen har ID btn-sent.

Genvejstaster Shoporama

 

2. Klik nu på dit firmanavn øverst inde i Shoporama

3. Klik på “Egne genvejstaster”

Egne genvejstaster Shoporama

 

 

 

4. Nu skal vi finde “koden” for ALT+S. Det gør du ved bare at holde ALT nede og klikke på S. Nederst på siden holder vi øje med, hvad du klikker på. Lige når du går ind, er den tom.

Find genvejstast Shoporama

 

 

 

 

Og når du så har klikket på ALT+S vil du se det her

Lav genvejstast Shoporama

 

 

 

5. Sidst skridt er at skrive 83: #btn-sent i feltet “Egne genvejstaster” og derefter klikke Gem.
Lav din egen genvejstast

 

 

 

 

Voila… ny genvejstast, så du kan arbejde hurtigere i Shoporama.

Herunder et par praktiske eksempler

Hæv pengene

Vil du hæve pengene ved at trykke på ALT+g (for gysser), så kan du taste dette ind i egne genvejstaster

71: #btn-capture

Opdater tracking information

Ved at trykke på ALT+t opdaterer du tracking, hvis du sætter dette ind

84: #btn-update-tracking

 

Trapperabat på Shoporama

Du kan godt lave trapperabat på Shoporama. Altså forstået således:

1 x produkt koster 30,- pr. styk

5 x produkt koster 25,- pr. styk

10 x produktet koster 20,- pr. styk

30 x produktet koster 18,- pr. styk

Dvs. 7 produkter koster 7×25 og 3 produkter koster 3×30,- etc.

Det sættes op således:

1) Find det produkt du vil lave trapperabat på og klik redigér.

2) Vælg fanebladet “Mængderabat”

3) Skriv de antal, der udløser rabatten med komma i feltet “Giv rabat ved følgende antal”. Skal vi tage udgangspunkt i eksemplet herover skal der stå 5,10,30. Klik herefter “Gem og rediger videre”

4) Nu får du felter frem til at skrive styk-pris i. Udfyld alle tre priser og klik “Gem”.

Du har nu trapperabat på dit produkt. (Bemærk du muligvis skal have din udvikler ind over for at kunne vise trapperabatten i din shop).

Facebook markedsføring på Shoporama

Vi har booket Facebook ekspert David Lorentzen til at undervise i Facebook markedsføring og remarketing. Ikke blot kommer han til Shoporama Symposium, men vi har også dedikeret to hele dage til Facebook markedsføring med David. Det ene i Aalborg det andet i København.

David i gang på workshoppen i Aalborg

Du skal ikke høre sådan noget varmluftssnak som “vær autentisk”,  “gå i dialog med dine brugere” og “del din viden og hjælp brugerne”. Der er benhårdt fokus på at forøge dit salg bl.a. vha. remarketing på Facebook. Der er max. 6 deltagere pr. dag, der løber fra 9 til 16. I forløbet vil der være én fra Shoporama, der kan være behjælpelig med indsættelse af evt. koder på din side, så du straks er i gang med at øge salget.

Prisen er 1700,- ex moms for hele dagen inkl. forplejning.

Det er kun for brugere med en kørende Shoporama webshop.

Begge workshops er afviklet

Ønsker du en af pladserne, så send en mail til vadskaer@shoporama.dk

Addwish integration med Shoporama

Addwish er en dansk ønskeseddel, mersalg, opsalg, søgemaskine ting, som man forholdsvis hurtigt kan tilknytte sin shop. Der skal dog en udvikler ind over. Her er opskriften, din udvikler skal bruge og så tager det max en time.

1. Opret dig og indsæt script

Allerførst skal du oprette dig på Addwish. Når du gør dette, får du et script, som du skal sende til din udvikler. Dette skal han indsætte nederst i din global.html fil (lige inden </body> )

2. Berig dine produkter med info

Dernæst skal der lidt kode ind på dine produkter. Det er bare at copy paste den her ind på product.html siden.

<{assign var="newcachename" value="product_addwishcache"|cat:$product->getProductId()}>
                            <{assign var="randomttl" value=43200|mt_rand:86400}>
                            <{get_cache name=$newcachename ttl=$randomttl assign="my_new_cached_data"}>
                            <{if $my_new_cached_data}>
                                <{$my_new_cached_data}>
                            <{else}>
                                <{cache name=$newcachename}>
                                    <span style="display:none" class="addwish-product" data-title="<{$product->getName()|escape}>" <{if $images}>
                                    <{section name="j" loop=$images start=0 max=1}>
                                    data-imgurl="<{$webshop->getUrl()}><{$images[j]->getSrc(770, 770, 'fit')}>" 
                                    <{/section}>
                                <{/if}> data-price="<{$product->getRealPrice()|number_format:2:".":""}>" data-productnumber="<{$product->getProductId()}>" data-url="<{$webshop->getUrl()}>/<{$product->getUrl()}>" data-currency="<{$webshop->getCurrency()}>" <{if $supplier}>data-brand="<{$supplier->getName()}>"<{/if}> <{if $product->getIsInStock()}>data-instock="true"<{else}> data-instock="false"<{/if}> <{if $product->getSalePrice()}> data-previousprice="<{$product->getPrice()|number_format:2:".":""}>"<{/if}> <{if $product->getMetaValue('addwish_score')}>data-score="<{$product->getMetaValue('addwish_score')}>"<{/if}> <{if $product->getMetaValue('addwish_gender')}>data-gender="<{$product->getMetaValue('addwish_gender')}>"<{/if}> <{if $product->getMetaValue('addwish_recurrent')}>data-recurrent="<{$product->getMetaValue('addwish_recurrent')}>"<{/if}>></span>

                                <{/cache}>
                            <{/if}>

Bemærk du kan bruge disse i ekstrafelter på produktet

addwish_score

addwish_gender

addwish_recurrent

Hvis de er på produktet, bliver de vist. Hvis ikke, sker der intet ved det.

3. Konverteringsscript

Ja … så skal vi ha’ lidt kode ind på thanks.html. Lidt afhængig af, hvordan du bruger Google Analytics skal du lige være opmærksom på, at den bliver afviklet. Det tester du naturligvis. Men … her er koden, du skal bruge på kvitteringssiden.

<span style="display:none;" class="addwish-conversion" 
        data-tax="<{$order->getVat()|number_format:2:".":""}>"
        data-ordernumber="<{$order->getWebshopOrderId()}>"
        data-total="<{$order->getPrice()|number_format:2:".":""}>">
         <{assign var="products" value=$order->getProducts()}>
         <{section name="i" loop=$products}>
            <span
                data-unit-price="<{$products[i]->getUnitPrice()|number_format:2:".":""}>"
                data-url="<{$webshop->getUrl()}>/<{$products[i]->getUrl()}>"
                data-productnumber="<{$products[i]->getProductId()}>"
                data-quantity="<{$products[i]->getAmount()|number_format:2:".":""}>"
            ></span>
        <{/section}>

    </span>

4. Et feed til Addwish

Addwish skal bruge et feed med alle dine produkter. Det gøres nemmest således:

Opret en fil med SFTP som du f.eks. kalder addwishfeed.xml. Smid dette deri

<?xml version="1.0" encoding="UTF-8"?>

<{assign var="products" value=$landing_page->getProducts()}>

<products>

<{section name="i" loop=$products}>
    <product>

    <url><{$webshop->getUrl()}>/<{$products[i]->getUrl()}></url>

    <title><{$products[i]->getName()|escape}></title>
    <{assign var="images" value=$products[i]->getImages()}>
    <{if $images}>
        <{section name="j" loop=$images start=0 max=1}>
            <imgurl><{$webshop->getUrl()}><{$images[j]->getSrc(300, 300, 'fit')}></imgurl>
        <{/section}>
    <{/if}>
    <price><{$products[i]->getRealPrice(null, null, true)|number_format:2:".":""}></price>

    <keywords></keywords>

    <description><{$products[i]->getDescription()|escape}></description>

    <{if $products[i]->getSalePrice()}>
    <previousprice><{$products[i]->getPrice(null, null, true)|number_format:2:".":""}></previousprice>
    <{/if}>

    <productnumber><{$products[i]->getOwnId()}></productnumber>

    <currency><{$webshop->getCurrency()}></currency>
    <{assign var="supplier" value=$products[i]->getSupplier()}>
    <{if $supplier}>
        <brand><{$supplier->getName()|escape}></brand>
    <{/if}>
    <instock><{if $products[i]->getIsInStock()}>true<{else}>false<{/if}></instock>

    </product>
<{/section}>
</products>

Opret så en landingsside. Kald den evt. addwish-produkter. Sæt reglerne for de produkter, du vil have med (f.eks. bare realpris > 0 ).

I “eget XML” indtaster du addwishfeed.xml og lige nedenunder har du så URL’en på dit feed, som du skal oplyse Addwish om.

Sæt flueben i “noindex, follow” (vi behøver ikke få denne side indexeret).

5. Opret blank side til Addwish søgeresultater

Her anbefaler jeg at lave en statisk side, der f.eks. hedder searchresults. Sæt et ekstrafelt til “addwishsearch=true” og bed så din udvikler checke på dette på page.html.

Send den URL du beslutter dig for til Addwish.

6. Oplys Addwish om, hvad der er i /basket

Denne simple kode skal du (eller rettere din udvikler) lige smide i din basket.html

<{if $basket}>
    <span style="display:none" class="addwish-basket" data-total="<{$total_price|number_format:2:",":"."}>" data-tax="<{$vat|number_format:2:",":"."}>" data-noshipping="0">

    <{section name="i" loop=$basket}>
    <{assign var="product" value=$basket[i].product}>
         <span 
         data-unit-price="<{$total_price|number_format:2:".":""}>" 
         data-url="<($webshop->getUrl()}><{$product->getUrl()}>" 
         data-productnumber="<{$product->getOwnId()}>" 
         data-quantity="<{$basket[i].amount}>"
         >

         </span>
    <{/section}>

    </span>
<{/if}>

Bemærk hvor der står data-noshipping=”0″ skal du indtaste din grænse for fri fragt. Så har du fri fragt over 399, så skal der stå data-noshipping=”399″.

 

Det var alt – du burde nu være good to go og skal så bare vente på om Addwish kan skaffe flere grunker i kassen til dig.