Finpusse produktsidene dine

Eksemplene i denne veiledningen hviler på ni demoapper, fordelt på to familier. Finn den som ligner mest på prosjektet ditt: rådene tilpasser seg deretter enhver bransje.

Yogii for en butikk, Léonie for en klesbutikk, Urban Shango for moteartikler, Metek for en interiørbutikk.

Funksjonene som gir denne familien struktur:

• Product Import: håndter katalogen din i bulk, uten grense for antall.
• Produktvarianter: flere valg for det samme produktet.
• Abandoned Orders Recovery: e-poster og push-varsler som oppmuntrer til å fullføre.
• Sprettoppboks med handlekurvpåminnelse: når kunden kommer tilbake, og det ligger igjen varer fra et tidligere besøk, fører en sprettoppboks rett til utsjekk.
• Knappen «Buy again»: legger alle produktene fra en eksisterende bestilling i handlekurven med ett klikk.
• Raskt kjøp: kjøpsknapper på startskjermen og i produktlister, for å legge i handlekurven uten å forlate siden.
• Blogg: ekstra innhold i appen, og ekstra synlighet i søkemotorer.
• Betaling med ett klikk: tilgang til digitale lommebøker.

Augustin for en cateringvirksomhet, Oribu for en lokal produsent, Camelia for en blomsterhandler, Hunky Dory for en dagligvarebutikk, Bistrot Georges for en restaurant.

Funksjonene som gir denne familien struktur:

• Offlinebetaling: kunden betaler utenfor appen, når de mottar bestillingen sin.
• Lokal levering etter postnummer: leveringsområdene dine settes opp etter postnummer.
• Delivery slots: du definerer vinduene du leverer eller overleverer bestillinger i, og kunden din velger sitt når de bestiller.
• Utsalgssteder: en rask oversikt over de ulike utsalgene dine.
• Click & Collect: bestillingen hentes direkte i butikken.
• Fast checkout: de unødvendige trinnene forsvinner, og det spørres bare om opplysningene som hører til leveringsmåten.
• Bestillingsinstruksjoner: kunden legger igjen en kommentar.
• Automatisk innlogging: kunden identifiserer seg én gang, og gjenkjennes deretter ved hver oppstart.

Hvis du bare husker én regel, er det denne. Og den starter med en advarsel som går mot magefølelsen: ikke sats alt på SEO.

Optimalisering for søkemotorer er fortsatt nødvendig, den styrer synligheten din. Men en produktside som bare er skrevet for motorene blir ikke lest oppmerksomt av interessentene dine. Og det er de som kjøper.

Å sette seg i kundens sete utspiller seg på to nivåer.

Formen. Velg ordene til målgruppen din, ikke dine egne. Altfor tekniske uttrykk taler ofte bare til selgeren. Uttrykkene kundene dine faktisk bruker gjør siden mer lesbar, og de kjenner seg igjen i den.

Innholdet. Dette er salgsargumentene dine. Pass på: fordelene du ser i produktet ditt er ikke nødvendigvis de kunden din leter etter. Ta utgangspunkt i behovene deres, og løft så fram egenskapene ved produktet som svarer på dem.

Ta Oribu, den lokale produsenten vår, på produktsiden til en syltetøysort. Salgstittelen kunngjør smaken: kunden vet umiddelbart hva det er. Undertittelen presiserer at produktet er økologisk dyrket, og det er ingen tilfeldighet. Oribu snakker til engasjerte forbrukere, opptatt av opprinnelse og etikk. Beskrivelsen bruker derfor ordene deres: «økologisk landbruk», «lokal og bærekraftig produksjon», «råvarer høstet i sesong». Leveringsbetingelsene, nederst i beskrivelsen, løfter fram de samme verdiene.

Når argumentene dine først er valgt, sørg for at de tilhører deg.

Hos Oribu er produktene unike av natur siden de lages på stedet. Men andre selger også håndlaget syltetøy, og beskrivelsen må ikke kunne byttes ut med deres.

Risikoen er enda større når du videreselger produktene til en leverandør, i interiør for eksempel. Du er sannsynligvis ikke den eneste som har øst av katalogen deres. Den verste feilen er da å kopiere og lime inn siden til leverandøren, eller enda verre, til en konkurrent.

Forbrukere sammenligner fra butikk til butikk. En unik side skiller deg ut og beviser at du er seriøs.

I Metek-appen presenteres serviset teknisk, men også med råd om styling og interiør, som er kjernekompetansen til butikken. Deretter kommer tips om bruk og stell. De oppmerksomhetene bygger tillit og plasserer Metek som en referanse.

Et siste, mer mekanisk argument: Google liker ikke kopier og lim. Å ikke gjøre produktsidene dine personlige holder rangeringen din direkte tilbake.

Utover det å være unik kan en produktside bære en fortelling. Historiefortelling tar kunden din inn i historien til merkevaren din, fanger interessen deres og forbereder dem på lojalitet.

Du har nødvendigvis en grunn til å ha satt opp denne butikken, og koder du deler med målgruppen din. Produktsiden er det rette stedet å få dem fram. Betingelsen er ærlighet: det handler ikke om å finne på en historie, men om å skape en følelse, for det er det kunden din kommer til å huske.

Målet er ikke å fortelle en fullstendig historie på siden, men å legge et snev av sanselighet til beskrivelsen.

Augustin-appen, en cateringvirksomhet, gir et godt eksempel. Utover ingrediensene setter beskrivelsen leseren rett inn i stemningen til retten. Her er teksten som er lagt til på burrata-siden deres:

Kunden kjøper ikke lenger et meieriprodukt, de kjøper en flukt. Det lar seg gjøre på et produkt av den enkleste sort, og det gjør metoden overførbar hvor som helst.

I en fysisk butikk tar kunden på, veier, lukter. På nett har de bare synet igjen. Bildene dine er derfor den eneste sanselige kontakten med produktet ditt, og den menneskelige forbindelsen som finnes naturlig i en butikk må tas igjen på en annen måte, gjennom det visuelle og gjennom fortellingen.

Den mest talende sammenligningen: ville du stolt på en selger som selger deg varene sine i revet emballasje? På nett gir et pikselert eller mørkt bilde nøyaktig den virkningen. Bildene dine må være gode nok til at kunden kan se for seg å holde produktet.

Er det visuelle viktigere enn teksten? Ingen av delene: de utfyller hverandre, og å forsømme det ene ødelegger det andre. Et vakkert bilde på en forhastet beskrivelse lar kunden stå uten svar på spørsmålene sine; en omhyggelig beskrivelse på et middelmådig bilde får dem aldri til å ville lese den.

Tenk også på å variere formater. Video forenkler budskapet ditt, siden kunden ikke lenger må krysse tekst og bilder for å danne seg et bilde. Den plasserer produktet i rommet, viser det i bruk, demonstrerer hvor lett det er å bruke. Det er formatet som ligger nærmest det å håndtere det i en butikk ville vært, og det er derfor det veier så tungt i det øyeblikket avgjørelsen tas. Den kan også tjene til å bære kundeomtaler på en mer levende måte.

GoodBarber lar deg vise én eller flere videoer i produktsidene dine, på beskrivelsesnivå.

https://youtu.be/scpB6PnaShM

GIF-er, et alternativ til video. Å lage en video krever ofte en profesjonell, og dermed et budsjett. En GIF er langt enklere å lage, den setter liv i siden din og skiller deg fra konkurrentene, til den samme bruken: å sette scenen, å demonstrere. GoodBarber lar deg sette GIF-er inn i produktsiden, også blant hovedbildene.

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

Foretrekk naturlig lys. I dagslys får du de beste resultatene. Hvis det er umulig, virker kunstig lys, på én betingelse: jo mindre lyskilden er, desto hardere blir skyggene. En kilde som er mindre enn produktet gir harde skygger. Favoriser derfor diffuse, dominerende kilder som sprer seg rundt produktet. Bruker du blits, hindrer en diffusor at skygger forurenser bildet, og en enkel bit tape eller en plastfilm klistret over blitsen gjør jobben.

Satse på hvit bakgrunn. Den samler oppmerksomheten om produktet, gir siden en ren stil, og framfor alt gjør den produktlisten din ensartet.

Ta bilder fra flere vinkler. Det er den beste måten å presentere et produkt i detalj og la kunden se det for seg. Legg til nærbilder, som lar folk sette pris på finishen, og bilder i kontekst, som gir et inntrykk av virkelig størrelse.

Kameraet. Du trenger ikke å investere tungt. De siste generasjonene med smarttelefoner holder mer enn nok til svært gode bilder. Utstyret betyr noe, men det må aldri bli unnskyldningen som hindrer deg i å starte. For mer erfarne butikkdrivere, eller for svært presise bilder, blir et speilreflekskamera nødvendig: det gir tilgang til hvitbalanse og fokus.

Bakgrunn og lys. Du trenger en jevn hvit bakgrunn og lys som er satt av til formålet. Kjøp papir på rull i en hobbybutikk, så hvitt som mulig. Legg til en hvit skumplate eller et stykke kartong for å kaste lys tilbake på produktet og få jevn belysning. Det finnes rimelige lyssett, og det er en liten investering som lønner seg.

Rommet. For små gjenstander holder et bord mot en hvit vegg. Sjekk omgivelsene rundt og unngå rom i sterke farger: et blankt produkt speiler alt rundt seg. Kan du ikke bytte rom, dekk til rommet med hvitt papir eller stoff.

Grepet som endrer alt: tape det hvite papiret til veggen og trekk det ned på bordet, slik at det dannes en myk kurve. Det mykner skyggene og sprer lyset bedre. Plasser deretter lyset og flytt på den hvite platen slik at hele produktet ligger i den opplyste sonen.

Retusjering er det siste trinnet før publisering. Den forbedrer virkelig et bilde gjennom korrigeringer av farge, lysstyrke og kontrast. Men den redder ikke et dårlig bilde: et dårlig bilde blir værende dårlig, uansett hvor dyktig du er.

Adobe Photoshop og Lightroom er svært kraftige, med to ulemper: du må lære deg dem, og de koster penger. Når det gjelder læringen, finnes det veiledninger i mengder på nett. Når det gjelder prisen, er det ingen vei utenom. Leter du etter noe gratis, gjør GIMP og Pixlr jobben.

Gjenstander. Se deg rundt: du finner helt sikkert gjenstander som kan vise produktene dine fram. For en klesbutikk, velg rekvisitter som er i tråd med historiefortellingen du har etablert og med bildet du vil gi. Prinsippet holder for enhver produkttype.

Mennesker. I tillegg til bilder der produktet er alene, ta med mennesker. Bruken er opplagt for klær, der det viser snittet og fallet. Men den holder ellers også: i interiør setter en menneskelig tilstedeværelse gjenstanden tilbake i kontekst og gir den målestokk. I mat hjelper det kunden å se det for seg.

De tekniske egenskapene. GoodBarber tar imot opptil 25 bilder per produkt.

• Maksimal størrelse: 4 MB
• Anbefalt format: JPEG

Det finnes ingen begrensning på dimensjoner, men ha dette i bakhodet: når du legger til flere bilder, setter dimensjonene til det første høyden på bildespilleren kunden din ser. Valget av det første bildet er derfor ikke nøytralt.

Rekkefølgen. Når alle bildene dine er lagt til, definerer du rekkefølgen de dukker opp i. Sett det mest overbevisende først, alt etter produkttypen.

Tenk over hva hvert bilde er til for. Det nyttige minimumet:

• et bilde av produktet på hvit bakgrunn
• et nærbilde av de viktige detaljene
• et bilde i kontekst, som viser produktet fram

Miniatyrbildet. Du velger manuelt det som skal dukke opp i produktlisten din og på widgetene på startskjermen din. Det eneste prinsippet å huske er harmonisering: miniatyrbilder ses nesten alltid flere om gangen, side om side. Tenk derfor på helhetsvirkningen, ikke på hvert miniatyrbilde for seg. En hvit bakgrunn er den tryggeste løsningen.

Hvis en hvit bakgrunn ikke passer deg, hold i det minste på en enhetlig behandling. I Hunky Dory-appen er alle produktene uten hvit bakgrunn fotografert i nærbilde, som et mønster.

En produktside samler alle egenskapene til et produkt, én side per produkt. Det er den beste sjansen din til å overbevise.

Det første formålet er å informere: pris, vekt, mål, materiale, ingredienser, alt etter hva du selger. Den bør være så detaljert som mulig, av to grunner:

• kundene dine trenger så mye informasjon som mulig for å velge riktig
• en detaljert side etablerer deg som ekspert på feltet ditt

Innhold og organisering varierer med produktet. Noen trenger mange bilder, andre presise tekniske egenskaper. Utover beskrivelsen og bildene kan siden romme dynamiske elementer som tjener salgsstrategiene dine.

Back office lar deg legge til tekst, ekstra bilder og videoer i tillegg til hovedbildene.

Gi beskrivelsen struktur. Kunden må umiddelbart forstå hvor de finner det de er ute etter. Det finnes ingen ideell struktur, den avhenger av produktet, men her er et utgangspunkt å tilpasse.

• Hovedegenskapene. De viktigste opplysningene: materialer for et plagg, mål for et møbel, ingredienser eller sammensetning for en rett. Denne delen trenger ikke å være lang, men den må være klar og direkte, slik at kunden med en gang vet hva de er i ferd med å kjøpe.
• Brukstilfellene. Sett produktet i en situasjon. Bilder av plagget som bæres, iscenesatte bilder for interiør. Kan du det, legg til en video her: å vise produktet i bruk er fortsatt den beste utløseren.
• Instruksjonene. Den tekniske delen, presentert kortfattet. Ingen venter en komplett håndbok, men de nyttige opplysningene: en stellveiledning for tekstiler, tips om tilberedning eller allergener for mat.

To vaner til slutt. Ta deg tid til å liste opp, fra kundens sete, alle opplysningene som trengs for å selge produktet tydelig. Og hold en enhetlig struktur fra side til side: ligger sammensetningen i siste avsnitt, la den ligge der overalt. Kundene dine vil umiddelbart vite hvor de skal se, i stedet for å orientere seg på nytt på hver side.

Noen ganger holder ikke siden. Du kan da knytte en PDF-fil til den.

Det er nyttig for et sammensatt produkt som krever en svært presis beskrivelse, i forbrukerelektronikk eller hvitevarer for eksempel. Å presse hele håndboken til en kaffemaskin inn på en produktside ville ikke gitt mening: du ville druknet salgsargumentene dine i teknisk dokumentasjon. PDF-en gjør de opplysningene tilgjengelige uten å forurense hovedinnholdet.

Fordel nummer to: den kan lastes ned. Kunden din beholder den, slår opp i den senere, skriver den ut hvis det er en håndbok. Det er en forbindelse som overlever selv når kjøpet ikke avsluttes med en gang.

Før du knytter den til, bør du vite at søkemotorer behandler PDF-er som nettsider og indekserer innholdet i dem. Filen din kan altså gi deg trafikk, noe som umiddelbart utelukker tanken om å gjenta produktsiden din i den.

Noen regler for optimalisering:

• Lag dokumentet i standard utskriftsstørrelse (A4), for dem som kommer til å skrive det ut.
• Fyll ut metadataene: tittel, forfatter, emne, nøkkelord. De redigeres vanligvis i «Egenskaper»-delen i redigeringsprogrammet ditt.
• Unngå filer som er for tunge, og som vises langsomt.
• Vær nøye med filnavnet. Ikke håndbok.pdf, men håndbok_produktnavnet_ditt_modellnavn_år.pdf.
• Legg en lenke til appen din i dokumentet. Det hjelper navigasjonen, og det tjener lenkebyggingen din.

Åpne produktet fra Products › All products. I panelet Edit Product, fanen Info, tilbyr blokken PDF attachment knappen Browse..., som deretter legger til .pdf-filen din.

Velg filen din, og klikk så på Add. Den er umiddelbart tilgjengelig på siden.

Produktsider er hovedinnholdet i Shopping App-en din. Måten du plasserer nøkkelordene dine i dem på avgjør kvaliteten på trafikken du trekker til deg.

Den opplagte strategien er å sikte mot de mest søkte nøkkelordene. Den bærer med seg en skjevhet: hensikten. Å søke på «oversized skjorte» betyr ikke å ville kjøpe en. Personen kan være på jakt etter antrekksidéer, fordi de allerede eier en.

Tre måter å rette opp den skjevheten:

• Analyser de ti øverste treffene for nøkkelordet du sikter mot. Hvis de sidene ligner på din, har motoren forstått sammenhengen mellom det nøkkelordet og formålet med siden din.
• Se på søkevolumet. Jo lavere det er, desto mer er søket et nisjesøk. En bruker som søker på et nisjeuttrykk kjenner allerede feltet ditt og konverterer lettere.
• Se etter markørene for hensikt. Handlingsverb og geografiske detaljer røper en kjøpshensikt: «kjøp», «bestill», «billig» signaliserer noen som leter etter en selger. Et produktnavn fulgt av en by eller en region betyr ofte noen som leter etter et fysisk utsalg.

Når nøkkelordene dine først er valgt, plasser dem på de strategiske stedene:

• tittelen på produktsiden
• den korte beskrivelsen
• den samlede beskrivelsen, minst to ganger per nøkkelord
• adressen til siden

To utfyllende vaner: arbeid med uttrykk snarere enn enkeltord, og sett i fet skrift de uttrykkene du vil flagge for motorene.

Åpne produktet fra Products › All products: panelet til høyre, Edit Product, bærer to faner, Info og SEO. I fanen SEO finner du tre felter:

• Title-taggen
• Meta description-taggen
• adressen

Det er nøyaktig de tre strategiske stedene som er nevnt ovenfor. Back office gir deg også en forhåndsvisning av søkeresultatet slik det vil se ut.

I eksempelet en restaurant som tilbyr en Click & Collect-tjeneste: nøkkelordene svarer på de tre spørsmålene kjøperen stiller, hva som selges, hvor, og hvordan.

Varianter lar deg selge et produkt med flere valg, uten å duplisere det.

Ta et skjørt som finnes fra XS til XL. SKJØRT-produktet bærer et STØRRELSE-valg med 5 varianter. Hvis skjørtet også finnes i en farge til i de samme størrelsene, bærer produktet to valg, STØRRELSE og FARGE, og teller 10 varianter.

Hver variant kan ha sitt eget bilde og sin egen pris, noe som lar deg styre utvalget ditt som du vil. Mekanismen holder for enhver bransje: en dagligvarebutikk selger den samme matvaren i flere størrelser, en restaurant tilbyr flere tilbehør til en rett.

Åpne produktet ditt fra Products › All products, og klikk deretter på Add an option i blokken Pricing and variants.

Gi valget ditt et navn. Tilbake til skjørtet: det første heter «FARGE».

Opprett så valget «STØRRELSE».

Til slutt oppretter du så mange varianter som trengs for å dekke hver kombinasjon. Hvis bildene er ulike fra valg til valg, knytt sitt eget bilde til hver variant.

Du kan gjøre det samme på prisene. Hvis det grønne skjørtet er på salg:

Kundene dine velger så valgene sine direkte fra produktsiden.

Varianter er noen ganger uunnværlige, men bruk dem med måte: for mange valg tynger siden og kompliserer avgjørelsen.

Tilbake til skjørtet. To valg, farge og størrelse, holder seg lesbare: kunden forstår umiddelbart.

Hvis den modellen derimot også fantes i flere materialer, måtte du legge til et «MATERIALE»-valg med variantene «SKINN», «TYLL» og «SILKE». Antallet kombinasjoner eksploderer.

Produktet kommer faktisk til å stoppe deg til slutt: en side tar imot høyst 100 varianter, og back office flagger det først når taket er nådd. Det er mulig, men det er verken det mest intuitive for kunden eller det mest fordelaktige for produktene dine. Da er det bedre å dele opp i tre atskilte produkter: et skjørt i tyll, et i skinn, et i silke.

Gevinsten er dobbel. De tre valgene blir synlige direkte i produktlisten. Og nøkkelordene «silke», «tyll», «skinn» blir mulige å bruke, siden hver versjon da har sin egen side, sin egen tittel og sine egne tagger.

Med andre ord: varianter tjener sekundære forskjeller, atskilte produkter tjener de forskjellene kunden din regner som viktige. Den grensen er det som avgjør, og den avhenger av hva du selger.

Kryssalg foreslår tilleggskjøp til en kunde som allerede er på en av sidene dine. Det hever gjennomsnittlig ordreverdi uten at det koster deg noe, og virker på tre nivåer.

Gjennomsnittlig ordreverdi først. Utover antall salg optimaliserer du håndteringskostnadene dine: å selge tre produkter i én bestilling slår tre atskilte bestillinger. Mindre behandlingstid, fraktkostnader betalt én gang. Besparelsen ser latterlig liten ut per enhet, den slutter å være det i stor skala.

Lojalitet dernest. Sett fra kundens side er et relevant forslag det samme som å forutse behovet deres. Du blir en tilrettelegger, og det veier på tilknytningen deres til merkevaren din.

Synligheten til visse produkter til slutt. Kryssalg løfter en lite kjent vare eller en nyhet fram i lyset, og viser hvor nyttig den er når den først er paret med andre.

Liknende produkter. Den vanligste: du tilbyr produkter som møter det samme behovet. En kunde ser på siden til en pute, og du viser dem andre puter i et sammenlignbart prisleie.

Produkter som selges separat. Særlig effektivt, fordi det berører bruken. Du viser det som trengs for å bruke produktet som vises. På siden til et putetrekk tilbyr du puten som hører til. Prinsippet er at det utfyllende kjøpet er en forutsetning for bruken av hovedproduktet. Kunden eier det kanskje allerede, men hvis ikke, sparer ett klikk dem for et søk. Ett forbehold likevel: vær helt tydelig på hva som er og ikke er inkludert i kjøpet, ellers skaper du skuffelse ved levering.

Produkter du «også vil like». Du viser varer som deler egenskaper med hovedproduktet: farge, materiale, stil, kolleksjon. Det er her ekspertblikket ditt teller mest. Det riktige spørsmålet å stille er enkelt: hva ville du rådet til hvis kunden hadde stått foran deg?

På siden til et servise i terrakotta er hovedfortrinnet materialet, som er svært ettertraktet. Du satser derfor på det for å tilby andre varer i terrakotta i samme prisleie.

Produkter for å «kjøpe hele settet». Du tilbyr hele pakken. Hvis siden din presenterer produktet i et iscenesatt bilde, tilby de andre elementene i scenen. Strategien virker særlig godt i klær, i interiør og i delikatesser rundt oppskrifter.

Se for deg trøfler i skiver servert på ristet brød over en brønnkarsesalat: fra den siden kan du tilby landbrødet, brønnkarsen, havsaltet og olivenoljen. Du er eksperten, kunden din er ikke nødvendigvis det, og de har kanskje verken tiden eller selvtilliten til å sette produktene sammen selv. Jo mer støttet de føler seg, desto mer kjøper de og kommer tilbake.

Åpne siden fra Products › All products: blokken Similar products ligger i panelet Edit Product, fanen Info.

Som standard legges varer til automatisk, basert på taggene som er brukt på produktene dine og på kolleksjonene de tilhører.

Den automatiske oppførselen holder allerede for enkelte strategier. For «også vil like»-strategien ovenfor ville det holdt å legge taggen «terrakotta» på produktene det gjelder for at de skulle dukke opp i forslagene til serviset.

For mer presise strategier, ta kontrollen tilbake: slett produktene som er lagt til automatisk, og søk deretter opp dem du vil vise.

Å framheve et produkt gir det en større plass enn de andre i en liste, og styrer oppmerksomheten til kundene dine dit du bestemmer.

Tre hovedbruksmåter:

• å vise bestselgerne dine, for å vise fram suksessene til butikken
• å presentere de emblematiske produktene dine, for å etablere ryktet ditt
• å skyve fram kampanjevarene dine, for å øke salget ditt

En fjerde, mindre opplagt bruksmåte: å presentere midtpunktet i en kolleksjon. På en liste viet en trend vises keramikksettet stort, og de andre produktene i kolleksjonen ordner seg rundt det.

På redigeringssiden til produktet, i panelet til høyre, seksjonen Display in list: velg Highlight i stedet for Classic. Produktet ditt dukker da opp med et større miniatyrbilde enn de andre.

Du kan framheve flere produkter i den samme listen, alt etter behovene dine.