Slipa dina produktsidor

Exemplen i den här guiden vilar på nio demoappar, fördelade på två familjer. Hitta den som mest liknar ditt projekt: råden anpassar sig sedan till vilken verksamhet som helst.

Yogii för en butik, Léonie för en konfektionsbutik, Urban Shango för modeartiklar, Metek för en inredningsbutik.

Funktionerna som strukturerar den här familjen:

• Product Import: sköt din katalog i klump, utan gräns för antalet.
• Produktvarianter: flera alternativ för samma produkt.
• Abandoned Orders Recovery: mejl och push-meddelanden som uppmuntrar till att slutföra.
• Popup med varukorgspåminnelse: när kunden kommer tillbaka, om det ligger kvar varor från ett tidigare besök, leder en popup direkt till utcheckningen.
• Knappen ”Buy again”: lägger alla produkter från en befintlig order i varukorgen med ett klick.
• Snabbköp: köpknappar på startskärmen och i produktlistor, för att lägga i varukorgen utan att lämna sidan.
• Blogg: extra innehåll i appen, och extra synlighet i sökmotorerna.
• Betalning med ett klick: åtkomst till digitala plånböcker.

Augustin för en cateringfirma, Oribu för en lokal producent, Camelia för en blomsterhandel, Hunky Dory för en livsmedelsbutik, Bistrot Georges för en restaurang.

Funktionerna som strukturerar den här familjen:

• Offlinebetalning: kunden betalar utanför appen, när hen får sin order.
• Lokal leverans efter postnummer: dina leveransområden ställs in med postnummer.
• Delivery slots: du definierar fönstren då du levererar eller lämnar över order, och din kund väljer sitt vid beställningen.
• Försäljningsställen: en snabb överblick över dina olika lokaler.
• Click & Collect: ordern hämtas direkt i butiken.
• Fast checkout: de onödiga stegen försvinner, bara informationen som hör till leveranssättet efterfrågas.
• Orderinstruktioner: kunden lämnar en kommentar.
• Automatisk inloggning: kunden identifierar sig en gång, och känns sedan igen vid varje start.

Om du bara kommer ihåg en regel är det den här. Och den börjar med en varning som går emot intuitionen: satsa inte allt på SEO.

Sökmotoroptimering är fortfarande nödvändig, den styr din synlighet. Men en produktsida skriven enbart för motorerna kommer inte att läsas uppmärksamt av dina prospekt. Och det är de som köper.

Att sätta sig i kundens stol utspelar sig på två plan.

Formen. Välj din målgrupps ord, inte dina. Alltför tekniska termer talar ofta bara till säljaren. De uttryck dina kunder faktiskt använder gör sidan mer läsbar, och de känner igen sig i den.

Innehållet. Det är dina säljargument. Var försiktig: fördelarna du ser i din produkt är inte nödvändigtvis de din kund letar efter. Utgå från hens behov, och lyft sedan fram produktens egenskaper som svarar mot dem.

Ta Oribu, vår lokala producent, på en sylts produktsida. Den kommersiella titeln meddelar smaken: kunden vet omedelbart vad det är. Underrubriken preciserar att produkten är ekologiskt odlad, och det är ingen tillfällighet. Oribu talar till engagerade konsumenter, uppmärksamma på ursprung och etik. Beskrivningen använder alltså deras ord: ”ekologiskt jordbruk”, ”lokal och hållbar produktion”, ”frukt som skördas i säsong”. Leveransvillkoren, längst ner i beskrivningen, lyfter fram samma värden.

När dina argument väl är valda ska du se till att de tillhör dig.

Hos Oribu är produkterna unika till sin natur eftersom de tillverkas på plats. Men andra säljer också hantverksmässig sylt, och beskrivningen får inte vara utbytbar mot deras.

Risken är ännu större när du säljer vidare en leverantörs produkter, inom inredning till exempel. Du är antagligen inte den enda som öst ur deras katalog. Det värsta misstaget är då att kopiera och klistra in leverantörens sida, eller ännu värre, en konkurrents.

Konsumenterna jämför från butik till butik. En unik sida skiljer dig från mängden och bevisar att du är seriös.

I appen Metek presenteras porslinsserien tekniskt, men också med råd om styling och inredning, vilket är butikens kärnkompetens. Sedan kommer tips om användning och skötsel. De omtankarna bygger förtroende och placerar Metek som en referens.

Ett sista, mer mekaniskt argument: Google tycker inte om kopiera och klistra. Att inte personanpassa dina produktsidor håller direkt tillbaka din placering.

Utöver att vara unik kan en produktsida bära en berättelse. Storytelling tar in din kund i ditt varumärkes historia, fångar hens intresse och förbereder hen för lojalitet.

Du har med nödvändighet ett skäl till att du satt upp den här butiken, och koder du delar med din målgrupp. Produktsidan är rätt plats att lyfta fram dem. Villkoret är ärlighet: det handlar inte om att hitta på en historia, det handlar om att framkalla en känsla, för det är den din kund kommer att minnas.

Målet är inte att berätta en fullständig historia på sidan, utan att lägga en gnutta sinnlighet till beskrivningen.

Appen Augustin, en cateringfirma, ger ett bra exempel. Utöver ingredienserna doppar beskrivningen läsaren i rättens stämning. Här är texten som lagts till på deras burratasida:

Kunden köper inte längre en mejeriprodukt, hen köper en flykt. Det går att göra på en produkt av total enkelhet, vilket gör metoden användbar var som helst.

I en fysisk butik rör kunden vid, väger, luktar. På nätet har hen bara synen kvar. Dina bilder är alltså den enda sinnliga kontakten med din produkt, och den mänskliga kontakt som finns naturligt i en butik måste vägas upp på annat sätt, genom det visuella och genom berättelsen.

Den mest talande jämförelsen: skulle du lita på en handlare som säljer dig sina varor i sönderrivet emballage? På nätet ger ett pixligt eller mörkt foto exakt den effekten. Dina bilder måste vara tillräckligt bra för att kunden ska se sig själv hålla i produkten.

Är bilden viktigare än texten? Ingendera: de kompletterar varandra, och att försumma den ena förstör den andra. Ett vackert foto på en slarvig beskrivning lämnar kunden utan svar på sina frågor; en omsorgsfull beskrivning på ett medelmåttigt foto får hen aldrig att vilja läsa den.

Tänk också på att variera format. Video förenklar ditt budskap, eftersom kunden inte längre behöver korsläsa text och bilder för att bilda sig en uppfattning. Den placerar produkten i rummet, visar den i användning, demonstrerar hur lätt den är att använda. Det är det format som ligger närmast vad det hade varit att hantera den i en butik, och det är därför det väger så tungt i beslutsögonblicket. Det kan också tjäna till att bära kundomdömen på ett livligare sätt.

GoodBarber låter dig visa en eller flera videor på dina produktsidor, på beskrivningsnivå.

https://youtu.be/scpB6PnaShM

GIF-bilder, ett alternativ till video. Att producera en video kräver ofta en professionell, och därmed en budget. En GIF är långt enklare att skapa, den animerar din sida och skiljer dig från dina konkurrenter, för samma användningar: att sätta scenen, att demonstrera. GoodBarber låter dig lägga in GIF-bilder på produktsidan, även bland huvudbilderna.

https://youtu.be/yLgQ-47DnJ4

Föredra naturligt ljus. I dagsljus får du bäst resultat. Om det är omöjligt fungerar artificiell belysning, på ett villkor: ju mindre ljuskällan är, desto hårdare blir skuggorna. En källa som är mindre än produkten ger hårda skuggor. Gynna alltså diffusa, dominerande källor som sprider sig runt produkten. Om du använder blixt hindrar en diffusor skuggorna från att förorena fotot, och en enkel bit tejp eller en plastfilm klistrad över blixten gör jobbet.

Satsa på vit bakgrund. Den koncentrerar uppmärksamheten på produkten, ger sidan en ren stil, och framför allt gör den din produktlista enhetlig.

Fotografera från flera vinklar. Det är det bästa sättet att presentera en produkt i detalj och låta kunden föreställa sig den. Lägg till närbilder, som låter folk uppskatta finishen, och foton i sitt sammanhang, som ger en uppfattning om verklig storlek.

Kameran. Du behöver inte investera tungt. De senaste generationernas smarttelefoner räcker mer än väl för mycket bra foton. Utrustningen spelar roll, men den får aldrig bli ursäkten som hindrar dig från att börja. För mer erfarna handlare, eller för mycket exakta bilder, blir en systemkamera nödvändig: den ger tillgång till vitbalans och skärpa.

Bakgrund och ljus. Du behöver en slät vit bakgrund och särskild belysning. Köp pappersrulle i en hobbyaffär, så vit som möjligt. Lägg till en vit frigolitskiva eller en bit kartong för att studsa tillbaka ljus på produkten och få jämn belysning. Det finns prisvärda belysningskit, det är en liten investering som lönar sig.

Utrymmet. För små föremål räcker ett bord mot en vit vägg. Kontrollera dekoren runt omkring och undvik starkt färgade rum: en blank produkt speglar allt runt sig. Om du inte kan byta rum ska du täcka utrymmet med vitt papper eller tyg.

Draget som ändrar allt: tejpa fast det vita pappret på väggen och för ner det på bordet, så att du skapar en mjuk kurva. Det mjukar upp skuggorna och sprider ljuset bättre. Placera sedan belysningen och flytta den vita skivan så att hela produkten ligger i den upplysta zonen.

Retuscheringen är det sista steget innan publicering. Den förbättrar verkligen ett foto genom korrigeringar av färg, ljusstyrka och kontrast. Men den räddar inte ett dåligt foto: ett dåligt foto förblir dåligt, oavsett dina färdigheter.

Adobe Photoshop och Lightroom är mycket kraftfulla, med två nackdelar: du måste lära dig dem, och de kostar pengar. För inlärningen finns det gott om guider på nätet. För priset går det inte att komma runt. Om du letar efter gratis gör GIMP och Pixlr jobbet.

Föremål. Titta dig omkring: du hittar med säkerhet föremål som kan visa upp dina produkter. För en klädbutik ska du välja rekvisita som stämmer med den storytelling du etablerat och med bilden du vill ge. Principen gäller för varje typ av produkt.

Människor. Utöver foton där produkten är ensam ska du ta med människor. Nyttan är uppenbar för kläder, där det visar snittet och fallet. Men den gäller på annat håll också: inom inredning sätter en mänsklig närvaro tillbaka föremålet i sitt sammanhang och ger dess skala. Inom mat hjälper det kunden att föreställa sig det.

De tekniska egenskaperna. GoodBarber tar emot upp till 25 bilder per produkt.

• Största storlek: 4 MB
• Rekommenderat format: JPEG

Det finns ingen begränsning för måtten, men håll det här i minnet: när du lägger till flera bilder sätter måtten på den första höjden på bildspelet din kund ser. Valet av den första bilden är alltså inte neutralt.

Ordningen. När alla dina bilder är tillagda bestämmer du ordningen de visas i. Sätt den mest övertygande först, efter typen av produkt.

Tänk på vad varje bild är till för. Det nyttiga minimumet:

• en bild av produkten mot vit bakgrund
• en närbild på de viktiga detaljerna
• en bild i sitt sammanhang, som visar upp produkten

Miniatyrbilden. Du väljer manuellt den som kommer att synas i din produktlista och i widgetarna på din startskärm. Den enda principen att komma ihåg är harmonisering: miniatyrbilder ses nästan alltid flera i taget, sida vid sida. Tänk alltså på helhetsintrycket, inte på varje miniatyrbild för sig. Vit bakgrund är den säkraste lösningen.

Om vit bakgrund inte passar dig ska du åtminstone hålla en enhetlig behandling. I appen Hunky Dory är alla produkter utan vit bakgrund fotograferade i närbild, som ett mönster.

En produktsida samlar alla en produkts egenskaper, en sida per produkt. Det är din bästa chans att övertyga.

Dess första syfte är att informera: pris, vikt, mått, material, ingredienser, beroende på vad du säljer. Den ska vara så detaljerad som möjligt, av två skäl:

• dina kunder behöver så mycket information som möjligt för att välja rätt
• en detaljerad sida etablerar dig som expert i din bransch

Innehåll och organisation varierar med produkten. Vissa behöver många bilder, andra exakta tekniska egenskaper. Utöver beskrivningen och bilderna kan sidan rymma dynamiska inslag som tjänar dina säljstrategier.

Ditt back office låter dig lägga till, utöver huvudbilderna, text, extra bilder och videor.

Strukturera beskrivningen. Kunden måste omedelbart förstå var hen hittar det hen är ute efter. Det finns ingen idealstruktur, den beror på produkten, men här är en grund att anpassa.

• Huvudegenskaperna. Den viktigaste informationen: material för ett plagg, mått för en möbel, ingredienser eller sammansättning för en rätt. Den här delen behöver inte vara lång, men den måste vara tydlig och direkt, så att kunden genast vet vad hen står i begrepp att köpa.
• Användningsfallen. Sätt produkten i en situation. Foton av plagget på en person, arrangerade bilder för inredning. Om du kan ska du lägga till en video här: att visa produkten i användning är fortfarande den bästa utlösaren.
• Anvisningarna. Den tekniska delen, presenterad kortfattat. Ingen väntar sig en fullständig manual, men den nyttiga informationen: en skötselanvisning för textilier, tillagningstips eller allergener för mat.

Två vanor till sist. Ta dig tid att lista, från din kunds stol, all information som behövs för att sälja produkten på ett tydligt sätt. Och håll en enhetlig struktur från sida till sida: om sammansättningen står i sista stycket ska den stå där överallt. Dina kunder vet då omedelbart var de ska titta, i stället för att orientera om sig på varje sida.

Ibland räcker inte sidan. Då kan du koppla en PDF-fil till den.

Det är nyttigt för en komplex produkt som kräver en mycket exakt beskrivning, inom hemelektronik eller vitvaror till exempel. Att pressa in en kaffemaskins fullständiga manual på en produktsida skulle vara meningslöst: du skulle dränka dina säljargument i teknisk dokumentation. PDF:en gör den informationen tillgänglig utan att förorena huvudinnehållet.

Andra fördelen: den går att ladda ner. Din kund behåller den, konsulterar den senare, skriver ut den om det är en manual. Det är en länk som överlever även när köpet inte avslutas på en gång.

Innan du kopplar den ska du veta att sökmotorer behandlar PDF-filer som webbsidor och indexerar deras innehåll. Din fil kan alltså ge dig trafik, vilket omedelbart utesluter tanken på att duplicera din produktsida i den.

Några optimeringsregler:

• Skapa dokumentet i standardformat för utskrift (A4), för dem som kommer att skriva ut det.
• Fyll i metadata: titel, författare, ämne, nyckelord. De redigeras i allmänhet i avsnittet ”Egenskaper” i ditt redigeringsprogram.
• Undvik filer som är för tunga, som visas långsamt.
• Var noga med filnamnet. Inte manual.pdf, utan manual_ditt_produktnamn_modellnamn_år.pdf.
• Lägg en länk till din app i dokumentet. Det hjälper navigeringen, och det tjänar din länkbyggnad.

Öppna produkten från Products › All products. I panelen Edit Product, fliken Info, erbjuder blocket PDF attachment knappen Browse..., som sedan lägger till din .pdf-fil.

Välj din fil, och klicka sedan på Add. Den är omedelbart tillgänglig på sidan.

Produktsidorna är huvudinnehållet i din Shopping App. Hur du placerar dina nyckelord i dem avgör kvaliteten på trafiken du drar till dig.

Den självklara strategin är att sikta på de mest sökta nyckelorden. Den bär en snedvridning: avsikten. Att söka på ”oversize-skjorta” betyder inte att man vill köpa en. Personen kan vara ute efter outfit-idéer, för att hen redan äger en.

Tre sätt att rätta till den snedvridningen:

• Analysera de tio översta träffarna för nyckelordet du siktar på. Om de sidorna liknar din har motorn förstått kopplingen mellan det nyckelordet och din sidas syfte.
• Titta på sökvolymen. Ju lägre den är, desto mer är sökningen en nischsökning. En användare som söker på en nischterm känner redan till din bransch och konverterar lättare.
• Upptäck avsiktsmarkörerna. Handlingsverb och geografiska uppgifter röjer en köpavsikt: ”köpa”, ”beställa”, ”billig” signalerar någon som letar efter en säljare. Ett produktnamn följt av en ort eller en region betyder ofta någon som letar efter ett fysiskt försäljningsställe.

När dina nyckelord väl är valda ska du placera dem på de strategiska ställena:

• produktsidans titel
• den korta beskrivningen
• den övergripande beskrivningen, minst två gånger per nyckelord
• sidans adress

Två kompletterande vanor: arbeta med fraser snarare än enskilda ord, och sätt i fetstil de termer du vill flagga för motorerna.

Öppna produkten från Products › All products: högerpanelen, Edit Product, bär två flikar, Info och SEO. I fliken SEO hittar du tre fält:

• taggen Title
• taggen Meta description
• adressen

Det är exakt de tre strategiska ställen som nämns ovan. Back office ger dig dessutom en förhandsvisning av sökresultatet så som det kommer att se ut.

I exemplet en restaurang som erbjuder en Click & Collect-tjänst: nyckelorden svarar på de tre frågor köparen ställer, vad som säljs, var, och hur.

Med varianter säljer du en produkt med flera alternativ, utan att duplicera den.

Ta en kjol som finns från XS till XL. Produkten KJOL bär ett alternativ STORLEK med 5 varianter. Finns kjolen också i en andra färg i samma storlekar bär produkten två alternativ, STORLEK och FÄRG, och räknar 10 varianter.

Varje variant kan ha en egen bild och ett eget pris, vilket lämnar dig fri att sköta ditt sortiment som du vill. Mekanismen gäller för varje verksamhet: en livsmedelsbutik säljer samma matvara i flera storlekar, en restaurang erbjuder flera tillbehör till en rätt.

Öppna din produkt från Products › All products, och klicka sedan, i blocket Pricing and variants, på Add an option.

Ge ditt alternativ ett namn. Tillbaka till kjolen: det första heter ”FÄRG”.

Skapa sedan alternativet ”STORLEK”.

Skapa slutligen så många varianter som behövs för att täcka alla kombinationer. Om bilderna skiljer sig per alternativ ska du koppla en egen bild till varje variant.

Du kan göra samma sak med priserna. Om den gröna kjolen är nedsatt:

Dina kunder väljer sedan sina alternativ direkt på produktsidan.

Varianter är ibland oumbärliga, men använd dem sparsamt: för många alternativ tynger sidan och komplicerar beslutet.

Tillbaka till kjolen. Två alternativ, färg och storlek, förblir läsbara: kunden förstår omedelbart.

Om den modellen däremot också fanns i flera material skulle du behöva lägga till ett alternativ ”MATERIAL” med varianterna ”LÄDER”, ”TYLL” och ”SILKE”. Antalet kombinationer exploderar.

Produkten kommer för övrigt till slut att stoppa dig: en sida tar emot högst 100 varianter, och back office flaggar för det först när taket är nått. Det går, men det är varken det mest intuitiva för kunden eller det mest smickrande för dina produkter. Bättre då att dela upp i tre separata produkter: en tyllkjol, en i läder, en i silke.

Vinsten är dubbel. De tre alternativen blir synliga direkt i produktlistan. Och nyckelorden ”silke”, ”tyll”, ”läder” blir användbara, eftersom varje version då har en egen sida, en egen titel och egna taggar.

Med andra ord: varianterna tjänar sekundära skillnader, separata produkter tjänar de skillnader din kund betraktar som avgörande. Den gränsen är det som avgör, och den beror på vad du säljer.

Korsförsäljning föreslår ytterligare köp för en kund som redan är på en av dina sidor. Den höjer det genomsnittliga ordervärdet utan att kosta dig något, och verkar på tre nivåer.

Det genomsnittliga ordervärdet, först. Utöver antalet försäljningar optimerar du dina hanteringskostnader: att sälja tre produkter i en order slår tre separata order. Mindre handläggningstid, fraktkostnader betalda en gång. Besparingen ser löjligt liten ut per enhet, den slutar vara det i skala.

Lojaliteten, sedan. Ur kundens synvinkel innebär ett relevant förslag att du föregriper hens behov. Du blir en möjliggörare, och det väger på hens anknytning till ditt varumärke.

Synligheten för vissa produkter, slutligen. Korsförsäljningen för fram en föga känd vara eller en nyhet i ljuset, och visar hur nyttig den är när den väl paras ihop med andra.

Liknande produkter. Den vanligaste: du erbjuder produkter som möter samma behov. En kund tittar på en kuddes sida, du visar hen andra kuddar i jämförbar prisklass.

Produkter som säljs separat. Särskilt effektivt, för det rör vid användningen. Du visar det som behövs för att använda produkten som visas. På ett kuddöverdrags sida erbjuder du den matchande innerkudden. Principen är att det kompletterande köpet villkorar användningen av huvudprodukten. Kunden kan redan äga den, men om inte besparar ett klick hen en sökning. En försiktighetsåtgärd dock: var mycket tydlig med vad som ingår och inte ingår i köpet, annars skapar du besvikelse vid leveransen.

Produkter i stil med ”du kommer också att gilla”. Du visar varor som delar egenskaper med huvudprodukten: färg, material, stil, kollektion. Det är här ditt expertöga räknas mest. Rätt fråga att ställa är enkel: vad hade du rått till om kunden stått framför dig?

På sidan för en terrakottaservis är den främsta tillgången materialet, som är mycket eftertraktat. Du satsar alltså på det för att erbjuda andra terrakottavaror i samma prisklass.

Produkter i stil med ”köp hela uppsättningen”. Du erbjuder hela paketet. Om din sida presenterar produkten i en arrangerad bild ska du erbjuda scenens övriga inslag. Strategin fungerar särskilt väl inom kläder, inom inredning och inom delikatesser kring recept.

Föreställ dig skivad tryffel serverad på rostat bröd över en krassesallad: från den sidan ska du erbjuda lantbrödet, krassen, havssaltet och olivoljan. Du är experten, din kund är det inte nödvändigtvis, och hen har kanske varken tid eller självförtroende att kombinera produkterna själv. Ju mer stöttad hen känner sig, desto mer köper hen och kommer tillbaka.

Öppna sidan från Products › All products: blocket Similar products finns i panelen Edit Product, fliken Info.

Som standard läggs varor till automatiskt, utifrån taggarna som satts på dina produkter och kollektionerna de tillhör.

Det automatiska beteendet räcker redan för vissa strategier. För strategin ”du kommer också att gilla” ovan hade det räckt att sätta taggen ”terrakotta” på de berörda produkterna för att de skulle dyka upp bland servisens förslag.

För mer exakta strategier ska du ta tillbaka kontrollen: radera de automatiskt tillagda produkterna, och sök sedan efter dem du vill visa.

Att framhäva en produkt ger den en större plats än de andra i en lista, och riktar dina kunders uppmärksamhet dit du bestämmer.

Tre huvudanvändningar:

• att visa dina bästsäljare, för att visa butikens framgångar
• att presentera dina signaturprodukter, för att etablera ditt rykte
• att skjuta fram dina kampanjvaror, för att öka din försäljning

En fjärde, mindre uppenbar användning: att presentera mittpunkten i en kollektion. På en lista tillägnad en trend visas keramikservisen stort, och kollektionens övriga produkter ordnar sig runt den.

På produktens redigeringssida, högerpanelen, avsnittet Display in list: välj Highlight i stället för Classic. Din produkt visas då med en större miniatyrbild än de andra.

Du kan framhäva flera produkter i samma lista, efter dina behov.