All posts by Morten Vadskær

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.

Brug af Massachusetts temaet

Her er nogle tips til, hvordan du får mere for pengene med Massachusetts temaet.

Under tema-indstillinger, har du mulighed for at indtaste:

Shoppens navn, adresse, cvr nr., tlf nr., email m.m.

Shoppens sociale links (Facebook, Twitter m.m.)

og så vil de fremgå af footeren.

Der er også plads til at du kan uploade betalingskort logoer.

Der ud over er der tre “menuer” i bunden. Dem kan du navngive som menu1, menu2, menu3 (overskriften over de sociale ikoner) i tema-indstillinger.

Under menuer kan du lave tre menuer, som vil dukke op på din side:

Den første skal hedde “topmenu” og de to øvrige “footermenu” og “footermenu2″ (bemærk, det er vigtigt de ord står under “Tag” ved din menu)

Sådan tilpasser man Massachusetts temaetTopmenuen er ja… i toppen af siden.

På ingen af dem kan du bruge undermenuer.

Sidste lille ting, du skal vide, er at du kan give dine kategorier et tag og et billede, så kommer de med på forsiden.  Hvis du giver en kategori tag’et “forsiden”, så bliver den vist på forsiden med det første billede du tilknytter kategorien.

Brug  Massachusetts temaetDer udover kan du indstille nogle farver i temaindstillingerne.

Sådan laver du en “brand-væg”

Mange shops vil gerne vise, hvilke mærker, de forhandler ved at vise brandet med et link til landingssiden med dette mærke. Da brands bør ligge i en landingsside (hvor leverandør = brand), så kan man ikke bruge metoden med at loope en underkategori. Så vi ska:

1. Lave de leverandører vi ønsker (under produkter)

2. Lave en landingsside til hver leverandør.

3. Tilknytte et foto med logo til hver landingsside

Trick et er så at i landingssiden skriver man f.eks. “brandwall” i tag.

Lav en brandwall på ShoporamaNu er resten piece of cake.

<{assign var="landingpages" value=$webshop->getLandingPagesByTags('brandwall')}>
		   <{if $landingpages}>
		   		<{section name="i" loop=$landingpages}>
		   			   <a href="<{$landingpages[i]->getUrl()|escape}>" title="<{$landingpages[i]->getName()|escape}>">
					   <{assign var="images" value=$landingpages[i]->getImages()}>
					   <{if $images}>
					   		<{section name="j" loop=$images start=0 max=1}>
					   			<img src="<{$images[j]->getSrc(245,85,'box')}>">
					   		<{/section}>
					   <{/if}>
					   </a>
		   		<{/section}>
		   	<{/if}>

Argh... koden er ikke så pænt outputtet... men du forstår helt sikkert indholdet ;-)

Sådan laver du en landingsside med nyheder

En landingsside er jo en “dynamisk kategori”, så en landingsside er en oplagt mulighed for at vise dine nye produkter. Det gør du sådan her:

Klik på landingssider.

Klik på “Opret ny landingsside”

Giv den et navn (f.eks. “nyheder”) og klik “Gem og rediger videre”

Klik på “Tilføj regl”

I dropdown vælger du “Pris” og klikker så “Gem”.

I dropdown vælger du “større end” og skriver 0 i næste felt. Klik “Gem”

Under feltet “Nyhed” er der mulighed for at udfylde, hvor længe produktet skal have været online.  Hvis du vil have det til at være en nyhed de første ti dage, det er på siden, så skriv 240 (= 24 timer i 10 døgn).

Scroll ned i bunden og klik “Gem”.

Voilá… produkterne hopper selv ind og ud af “kategorien” uden at du skal sidde og bruge krudt på det.

 

Sådan ændrer du selv lidt på instrumentbrættet

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.

Fjerne faneblad med cssDet, 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

Fjern abonnementfanen i Shoporama

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

flytte gem-knappenNå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).

Flytte gem-knap på ShoporamaBemæ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.

 

 

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.

Hvornår skal jeg bruge canonical?

Inde på produkter har du mulighed for at angive et “canonical ID”. Det skal du bruge i følgende situation:

Lad os antage du har ét produkt i fire farver:

  • Rød
  • Grøn
  • Blå
  • Gul

Dine produkttekster er stort set identiske. Eneste variation er navnet på farven. Derfor risikerer du, at Google vil opfatte det som duplicate content (ved du ikke, hvad det er og hvorfor det er et problem, så hør lydfilen her).

Det kan løses ved at bruge canonical ID. Ud af de fire farver herover skal du vælge ét produkt, som er dét, du helst vil have frem, når folk googler dit produkt. Det vil typisk være dét, du tænker er mest populært (og derfor har du sikkert også flest på lager af dem). Lad os antage, du har valgt den røde. I det tilfælde skal du IKKE angive noget i feltet canonical ID på det røde produkt. Men på de tre andre produkter, skal du angive det røde produkts ID. Vi har gjort det nemt for dig, så hvis du opretter det røde produkt og derefter kloner det, så er canonical udfyldt (så skal du bare ændre navn, farve, url og evt. billede på det nye produkt).

Vælger du at oprette produktet selv, så kan du nemt søge produktet frem i canonical ID-feltet og så henter vi bare dens ID.

Skulle dit røde produkt blive udsolgt, inden de andre, så vil de jo i princippet pege over på et produkt, der er fjernet. Det er ikke godt. Men det har vi også taget hånd om. Når du logger ind, bliver du gjort opmærksom på denne uhensigtsmæssighed, og ud kan nemt rette den.

Hvornår skal jeg bruge canonical?