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.

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

3. Klik på “Egne genvejstaster”

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.

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

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

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

Nogle klager over duplicate content problemer med PartnerAds feedet i Shoporama. Det fikser man ved at lave det selv. Eller… jeg har lavet det for dig, så du skal bare

1. Uploade det til dit tema

2. Lave en landingsside med dine produkter, du vil vise i PartnerAds feedet

3. Skrive “partner-ads-feed.xml” i feltet “Eget XML”

4. Klik Gem og indsende nyt feed til PartnerAds (bemærk det så har fået ny URL)

Dette feed tager produktets listebeskrivelse og viser i stedet.

Du kan downloade feedet her.

En ordre kan have en intern note og en kommentar.  Kommentaren er typisk udfyldt af din kunde, men kan også være noget du har genereret automatisk (f.eks. gaveindpakning).

Intern note indeholder tit oplysninger om betalingen.

Både intern note og kommentar bliver vist i ordreoversigten.

Hvis du ikke vil se dem, så gør følgende:

1. Log ind i Shoporama

2. Klik på dit firmanavn

3. Klik på “Eget stylesheet” i menuen

4. Indtast det her under og klik “Gem”

.order-note, .order-comments { display : none; }

Vil du kun se noterne, så skriver du

.order-comments { display : none; }

Vil du kun se kommentarerne, så skriver du

.order-note { display : none; }

På den måde kan du få din kage og spise den samtidigt

Mand… Shoporama er fleksibelt.

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}>

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).

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

Så 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).

Nogle kan lide datteren, andre moderen. Så hvis du ikke lige kan lide placeringen af / farverne på knapperne i backend, så kan du selv style dem med CSS. Her kan du læse, hvor du rent praktisk skal indtaste din CSS. Dette indlæg viser dig, hvordan du finder ud af, hvordan du gør.

Log ind i Shoporama med f.eks. Firefox eller Chrome.

Hvis du f.eks. står under et rediger produkt og gerne vil fjerne f.eks. fanebladet “Abonnement” fordi du aldrig bruger det, så højreklik på det og vælg “Kontrollér element” eller “Inspicér element”. Så vil du få vist noget html om det element.

Det, man kan se her, er at det er et <li> element og at den ligger inden i en <div>, der har id’et “tabs”. Vi kan også se, det er det tredje <li> element, så en måde at fjerne det på er at indsætte

#tabs ul li:nth-child(3) { display : none; }

i vores “eget stylesheet” og vupti er fanebladet væk

Lad os tage et eksempel mere. Gem-knappen i bunden. Her er det endnu nemmere.

Når du højreklikker og vælger “Inspicér element”, så ser du dette

Når du ser et id=”xxxx” så er dit arbejde rigtigt nemt. Nu skal du bare i eget stylesheet skrive

#savebutton { dine css regler }

Hvis vi f.eks. gerne vil give den en anden baggrundsfarve, så er det

#savebutton { background-color : #448C11 !important; }

Hvis du så også gerne vil have den til fast at sidde øverst på siden, så kan du ændre positionen til

position : fixed;

top : 10px;

left : 100px;

Så du ender ud med disse regler

#savebutton { 
background-color : #448C11 !important; 
position : fixed;
top : 10px;
left : 100px;
}

Og de giver dette resultat (uanset om du scroller).

Bemærk: Vi opdaterer jo Shoporama i ny og næ. Så Abonnement-tab’en, der er nr. 3 kan pludselig blive nr. 4. Hvis det sker, så bliver din abonnements-tab synlig og den anden skjult. Så hvis du pludselig mangler noget, så prøv at slette alle dine CSS-regler.

Ellers er det bare at få lært noget CSS, så du kan få det til at se ud, som du vil.

Har du mange produkter, kan det være en fordel at importere dem i Shoporama. Det er heldigvis nemt og her bliver du guidet igennem, hvordan man gør.

Lad os tage et super simpelt eksempel først. Lad os antage at du kun har få oplysninger om din vare nemlig navn, pris og beskrivelse.

Du laver så en fil, der ser sådan ud:

Navn;Pris;Beskrivelse
"T-shirt";"80";"Her er en t-shirt"
"Bukser";"200";"Her er et par bukser"
"Otto er et næsehorn";"120";"En bog af Ole Lund Kirkegaard"

Denne fil gemmer du som f.eks. produkter.csv

Log derefter ind i Shoporama. Klik på Produkter → Importer.

Her kan du vælge, hvad du bruger som separator og om dine linjer evt. er omkranset af noget og hvordan din fil er encodet. Som udgangspunkt kan du ignorere det, hvis din fil er som den herover.

Klik på “Gennemse” og vælg din fil. Klik herefter Upload.

Nu får du noget, der ligner dette:

Her skal du matche felterne med dropdown-menuen. Så du skal vælge produktnavn, pris og beskrivelse. Det ser nu sådan ud:

Herefter skal du vælge den vareprofil, som du vil have varerne tilknyttet.

Derefter indtaster du, hvor mange linjer, du vil importere (det kan være en fordel at starte med få for at teste, at det virker som det skal).

Er dine priser ex. moms, skal du lige fjerne fluebenet i “De uploadede priser er inkl. 25 % dansk moms”. Derefter er det bare at klikke på “Importer” og dine varer er importeret.

Shoporama vil selv give dine varer en logisk URL.

Du kan tilknytte mange andre “parametre”. Hvis du tilknytter kategorier, der ikke er oprettet, kan Shoporama selv oprette dem.

Hvis du vil have billeder tilknyttet, skal du henvise til en absolut URL, f.eks. http://www.minshop.dk/images/tshirt.png

Vil du have flere billeder, så skal de adskilles af en pipe |, så det er http://www.minshop.dk/images/tshirt.png|http://www.minshop.dk/images/tshirt-bag.png|http://www.minshop.dk/images/tshirt-detalje.png

Det samme gælder, hvis du har flere kategorier (altså de skal adskilles med pipe)

Tip til dig med rigtigt mange varer

Har du mange varer, så er det svært at få skrevet title og description til dem alle. Her kan du gøre følgende i title og description (eksempel med bare navn,pris, leverandør, title, description)

Navn;Pris;Leverandør;Title;Description
"T-shirt";"130";"Nike";"Køb [NAME] her. Kun [PRICE],-";"Vi sælger naturligvis [NAME] fra [SUPPLIER]. Lige nu [STOCK] på lager. Køb dem her"

Du får nu en godt nok autogenereret title og description på dine mange varer, men til gengæld er den sigende og klik-venlig.

Tip så du ikke skal matche kolonnerne hver gang

Hvis du bruger disse felter her som den første linje i din CSV fil, så har vi allerede matchet felterne for dig:

• name
• rewrite_url
• own_id
• gtin
• variant
• profile
• shipping_weight
• search
• description
• meta_title
• meta_description
• list_description
• price
• sale_price
• purchase_price
• category
• main_category
• supplier
• image
• stock
• online
• offline
• delivery_time
• delivery_time_not_in_stock
• allow_negative_stock

Sådan overskriver du produkterne i en import

Skal du bare rette nogle felter i dine produkter og ikke ønsker at tilføje nye produkter, men overskrive, så skal du bare bruge en fællesnævner for de gamle produkter og den nye CSV fil. Vi anbefaler at bruge SKU, da det er sjældent, man ændrer dette.

Så markerer du blot “unikt” til venstre for SKU. Så overskriver vi produkterne med de nye data, hvis der allerede eksisterer et produkt med det SKU.

Overvejer du at flytte din eksisterende webshop eller at åbne en ny webshop og vil se, hvad det er, der gør Shoporama så fantastisk, så afholder vi en “Se Shoporama og dens fede funktioner”-aften mandag d. 15/9-2014 kl. 19. Præsentationen vil tage ca. 1 times tid og bagefter kan du spørge løs.

Adressen er Slotsgade 35A i Aalborg. Tilmelding er påkrævet og du tilmelder dig på vadskaer@shoporama.dk

Works like a charm

Skriver her et super kort indlæg, men manner er Ecommerce360 en lækker detalje at have, når man laver email marketing?

Med Ecommerce360 kan du nu i MailChimp se

• Hvem på din emailliste, der har købt noget
• Hvad de har købt
• Hvor meget de har købt for

og du kan segmentere dine nyhedsbreve, så du f.eks.

• kan sende til alle, der har købt noget
• eller alle, der har klikket i din seneste mail, men ikke købt
• eller hvem der har købt indenfor de seneste X måneder
• eller hvem der ikke har
• eller alle, der har købt et bestemt produkt

Her kan du se et par muligheder:

og så nemt er det at arbejde med

Kort sagt.. mulighederne er uendelige – men er du svimmel et godt værktøj. Hvad skal du så gøre? Sætte et flueben, det er alt. Når du opretter din kampagne, så skal du bare i trin 2 (setup) sætte flueben i Ecommerce360

Resten sørger Shoporama for.

Ind imellem har du brug for at smide ren html og JavaScript ind på din side. F.eks. hvis du vil bruge Google Analytics til at lave split-test med. Det har hidtil være lidt omstændigt, så derfor har vi tilføjet “html felter” på kategorier, produkter og landingssider.

Klikker du på “Tilføj nyt HTML-felt” får du mulighed for at navngive det. Hvis du kalder det “Split-test” får du et nyt felt, der hedder “Split-test”. Her kan du paste ren html ind og derefter hente det ud i på din kategori, produkt eller landingsside.

Du kan tilføje alle de felter du vil (hvis du f.eks. skal bruge en i headeren og en i body.

Her kan du se, hvordan du hiver det ud med Smarty.