Store-kreativa riktlinjer

Sidavsnitt och paneler

Store-sidor innehåller anpassningsbara delar av paneler. Varje panel kan inkludera innehåll som text, bilder, videor och produkter.

Avsnittsgränser per sida

Varje Store-sida har ett inbyggt huvudavsnitt och måste ha minst en extra innehållspanel.

Varje sida kan totalt ha upp till 20 avsnitt som kan bestå av maximalt:

  • Fyra bakgrundsvideopaneler
  • En panel för produktgalleri
  • En galleripanel
  • En panel med aktuella erbjudanden
  • En panel för rekommenderade produkter

Om du når gränsen för en av dessa paneltyper kan du inte lägga till någon annan om du inte tar bort en befintlig panel av den typen. Alternativt kan du ändra innehållet i alla befintliga paneler av den typen.

Delade avsnitt

Delade avsnitt innehåller flera paneler som kan ordnas i en mängd olika layouter.

Enradiga delade avsnitt är variabla i höjd. Klicka på kugghjulsikonen och använd höjdjusteringsreglaget för att konfigurera höjden.

Panelstorlekar

Det finns två kategorier av paneler i Stores: grundläggande paneler och paneler med variabel höjd.

Grundläggande paneler

Grundläggande paneler är låsta till ett specifikt bildförhållande. Det finns fyra grundläggande panelstorlekar: full bredd, stor, medium och liten.

Storlekar tillgängliga efter paneltyp

PaneltypFull breddStorMediumLiten
TextJaJaJaJa
BildJaJaJaJa
Bild med textJaJaJaJa
Bild med produkter som kan köpasJaJaJaJa
VideoJaJaJaNej
BakgrundsvideoJaJaJaNej
GalleriJaNejNejNej
ProduktJaJaJaJa
Produktgalleri:JaNejNejNej
BästsäljareJaNejNejNej
Rekommenderade produkterJaNejNejNej
Aktiva erbjudandenJaNejNejNej

Paneler med variabel höjd

Med paneler med variabel höjd kan panelens bildförhållande ändras beroende på innehållets höjd. Bild- och textpaneler stöder variabel höjd.

  • Klicka på kugghjulsikonen och använd höjdjusteringsreglaget för att konfigurera höjden inom ett delat avsnitt.
  • För bild i fullbredd och bild med textpaneler beskär du bilden så att den blir lägre i höjd.

Paneltyper

Rubriken visas högst upp i din Store och innehåller en bild på utvald produkt, varumärkeslogotyp och navigeringsfält.

Bild på utvald produkt i rubrik

Bilden på utvald produkt visas överst på varje sida i din Store, ovanför navigeringsfältet, och hjälper till att separera din Stores navigering och innehåll från Amazon.

Vi rekommenderar att du noggrant väljer din bild på utvald produkt för varje sida, eftersom dessa bilder är det första som kunderna kommer att se när de kommer till din Store. Denna visuella hälsning kan hjälpa dig att göra ett bestående intryck.

Säkra zoner för bild på utvald produkt

För att säkerställa att din bild på utvald produkt ser bra ut på alla enheter behöver vi en säker zon, dvs. ett område i mitten av bilden som alltid kommer att vara synligt.

  • I vissa fall kommer upp till 30 % av bilden på utvald produkt att beskäras, vilket inkluderar 15 % från både vänster och höger sida.
  • Alla viktiga delar av din bild på utvald produkt ska hållas inom den säkra zonen för att säkerställa en högkvalitativ display för kunder.

Varumärkeslogotyp och navigeringsfält i rubrik

Navigeringsfältet visas under bilden på utvald produkt och innehåller länkar till alla sidor i din Store, med början på din Stores hemsida.

Varumärkeslogotypen fungerar som en hemknapp och visas på alla sidor i navigeringen.

Specifikationer för rubrik

RubrikelementMin. bildstorlekMax. filstorlek
Bild på utvald produkt3 000 × 600 px5 MB
Varumärkeslogotyp400 × 400 px5 MB

Textpanel

Textpaneler innehåller fri text och kan länkas till en Store-sida eller informationssida.

Text kan placeras åt vänster, höger, mitten eller justerat.

Bildpanel

Bildpaneler kan länkas till en Store-sida eller produktinformationssida.

Säkra zoner för bilder med länktitlar

Att lägga till en länktitel på en bildpanel täcker en del av bilden.

För rektangulära bilder (mellan- och fullbreddspaneler) med länktitlar döljs cirka 19 % av bilden längst ned.

19 % av höjden skymd av länk

För kvadratiska bilder (små och stora paneler) med länktitlar döljs cirka 12 % av bilden längst ned

12 % av höjden skymd av länk

Mobila bilder

Med alla bildpaneler kan du valfritt använda en unik bild och layout för mobila enheter.

  • Vissa textfält stöds inte med alternativet anpassad mobil layout och visas endast för kunder på desktop.
  • Om du väljer det här alternativet ska du se till att förhandsgranska panelen på både mobil och desktop för att säkerställa att du har högkvalitativa resultat för var och en.
  • Anpassade mobila layouter i fullbreda, stora och medelstora bildpaneler begränsas inte till ett särskilt bildförhållande, så de kan variera i höjd och form jämfört med dekstopslayouten.

Inbäddad text i bilder

Uppladdning av bilder med inbäddad text uppmuntras inte. Texten kan inte läsas av sökmotorer eller av personer som förlitar sig på skärmläsare för att navigera i din Store. Om du vill lägga till text till bilder använder du panelalternativet ”Bild med text”.

Specifikationer för bildpaneler

PanelstorlekMax. filstorlekMin. bildstorlek (desktop)Min. bildstorlek (anpassad mobil)
Full bredd5 MB1 500 × 20 px*1 680 × 20 px*
Stor5 MB1 500 × 1 500 px1 680 × 20 px*
Medium5 MB1 500 × 750 px1 680 × 20 px*
Liten5 MB750 × 750 px750 × 750 px

* För en högupplöst skärm på alla enheter rekommenderas en bildbredd på 3 000 px. Om en rubrik läggs till i bildpanelen måste bildens höjd vara minst 32 px.

Bild med textpanel

Bilden med textpanel har två layoutalternativ:

Text över bild

Med den här layouten kan du lägga text direkt på en bild. Det inkluderar möjligheten att:

  • Länka till en Store-sida eller produktinformationssida
  • Lägg till flera textelement som prefix, rubrik, brödtext och länktext
  • Välj textstorlek, justering och innehållsutfyllnad
  • Konfigurera färger och placering av textöverlappningen på bilden

Text bredvid bild

Med den här layouten kan du lägga till text bredvid en bild. Den innehåller en rubrik och beskrivande text.

Specifikationer för bild med textpanel

LayoutPanelstorlekMin. bildstorlek
Text över bildFull bredd3 000 × 1 500 px
Text över bildStor1 500 × 1 500 px
Text över bildMedium1 500 × 750 px
Text över bildLiten750 × 750 px
Text bredvid bildFull bredd1 500 × 1 500 px
Text bredvid bildStor1 500 × 1 500 px
Text bredvid bildMedium750 × 750 px
Text bredvid bildLiten750 × 750 px

Panel med bild med produkter som kan köpas

Bilder med produkter som kan köpas visar upp till sex produkter med interaktiva punkter. Kunder kan interagera med punkterna för att se viktig information och fortsätta att köpa.

  • Information som produktnamn, bild, Prime-märke, pris, stjärnbetyg och inköpshandlingar visas.
  • Varje produkt länkas till sin produktinformationssida.

Specifikationer för bild med produkter som kan köpas

PanelstorlekMax. filstorlekMin. bildstorlek
Full bredd5 MB1 500 × 750 px*
Stor5 MB1 500 × 1 500 px
Medium5 MB1 500 × 750 px
Liten5 MB750 × 750 px

* För en högupplöst skärm på alla enheter rekommenderas en bildbredd på 3 000 px och en höjd på 1 500 px.

Videopanel

Videopaneler visas i en spelare som kunder kan klicka på för att spela. Kunden kan spela upp och pausa videon, kontrollera volymen och visa videon i helskärmsläge.

  • Det krävs både en videofil och en omslagsbild.
  • Omslagsbilder används för videons vilotillstånd (innan användaren trycker på uppspelningen).
  • Spelar upp helskärm på mobila enheter.
  • Spelar upp inline på desktop med ett alternativ för att expandera till helskärm.

Specifikationer för videopaneler

PanelstorlekMin. storlek på omslagsbildMin. videoupplösningMin. till max. bildförhållandeKrav på fil
Full bredd3 000 × 1 500 px1 280 × 640 px6:4 till 8:3MP4-filformat. H.264-videokodek.
Stor1 500 × 1 500 px640 × 640 px3:4 till 4:3MP4-filformat. H.264-videokodek.
Medium1 500 × 750 px450 × 320 px6:4 till 8:3MP4-filformat. H.264-videokodek.

Panel för bakgrundsvideo

Bakgrundsvideor spelas upp och återspelas automatiskt utan ljud medan de är synliga på skärmen. De spelar inline på desktop och mobil.

  • Bakgrundsvideor ger inte videospelarkontroller till kunder. De är avsedda att ange en ton och berika sidans visuella upplevelse.
  • Det krävs endast en videofil. Det behövs ingen omslagsbild.

Specifikationer för panel med bakgrundsvideo

PanelstorlekMin. videoupplösningMax. höjdMin. videolängdMin. till max. bildförhållandeKrav på fil
Full bredd1 280 × 640 px1 500 px2 till 20 sekunder6:4 till 8:3MP4-filformat. H.264-videokodek.
Stor1 280 × 640 px640 px2 till 20 sekunder3:4 till 8:3MP4-filformat. H.264-videokodek.
Medium1 280 × 640 px320 px2 till 20 sekunder6:4 till 8:3MP4-filformat. H.264-videokodek.

Galleriavsnittet visar upp till åtta bilder i en rutnätslayout med full bredd.

Gallerispecifikationer

Min. bildstorlek
1 500 × 750 px

Produktpanel

När de används med delade avsnitt markerar produktpaneler en enskild produkt, visar pris och Prime-status samt länkar till en produktinformationssida.

Medelstora paneler kan innehålla en anpassad produktrubrik och beskrivning.

Produktpaneler i fullbredd har två layoutalternativ:

  • Produktdetaljer: Visar automatiskt information från informationssidan och en uppmaning till handling, som till exempel ”Lägg till i kundvagnen”.
  • Produktbeskrivning: Innehåller en anpassad titel och beskrivning, som finns på medelstora paneler.

Specifikationer för produktpaneler

LayoutPanelstorlekTitelBeskrivning
ProduktdetaljerFull breddHämtar från informationssidanHämtar från informationssidan
ProduktbeskrivningFull breddAnpassatAnpassat
Produkt med textMediumAnpassatAnpassat

Produktgalleri:

Produktgalleriet visar fyra eller fler produkter i en rutnätslayout med full bredd.

  • Information som produktnamn, bild, Prime-märke, pris, stjärnbetyg och inköpshandlingar visas.
  • Varje produkt länkas till sin produktinformationssida.

Förteckningen över produkter kan läggas till:

  • Manuellt genom att söka efter nyckelord eller ASIN:er.
  • Manuellt genom att ange en lista med upp till 500 ASIN:er.
  • Automatiskt med hjälp av nyckelord om din Store är kopplad till ditt varumärke i katalogen.

Det finns två typer av alternativ för produktgallerilayout: standard och hög.

Standardproduktgalleri

Produkterna visas i ett kvadratiskt rutnät. Det här formatet fungerar för produktkategorier som använder kvadratiska eller breda rektangulära bilder.

Med knappen ”Lägg till i kundvagnen” kan kunder lägga till artiklar i sin Amazon-kundvagn direkt från din Store. Knappen visas inte om produkten:

  • Det finns flera variationer (t.ex. storlekar eller färger) att välja mellan innan köpet
  • Gör det möjligt att klippa kuponger
  • Är slut i ditt lager, även om det är tillgängligt via säljare från tredje part
  • Kategoriseras som ”Kläder”

Högt produktgalleri

Produkterna visas i ett högt rutnät. Den här stilen fungerar för produktkategorier som använder långa vertikala bilder, till exempel i modekategorier.

Knappen ”Lägg till i kundvagn” är dold för alla produkter i det höga nätet.

Panel för mest sålda produkter

Panelen för mest sålda produkter visar de bästsäljande produkterna som är kopplade till ditt varumärke. Den visar automatiskt 5 produkter åt gången.

Denna panel kan endast väljas om din Store är kopplad till ditt varumärkes produkter i katalogen. Panelen visas inte om det inte finns några mest sålda produkter. Kontakta supporten om du inte ser den här panelen i Store-byggaren.

Panel för rekommenderade produkter

Paneler för rekommenderade produkter visar produkter som är kopplade till ditt varumärke och som rekommenderas till en kund baserat på tidigare inköpshistorik. Den visar automatiskt 5 produkter åt gången.

Denna panel kan endast väljas om din Store är kopplad till ditt varumärkes produkter i katalogen. Panelen visas inte om det inte finns några rekommenderade produkter. Kontakta supporten om du inte ser den här panelen i Store-byggaren.

Panel med aktuella erbjudanden

Panelen med aktuella erbjudanden visar produkter med aktiva kampanjer. Produkterna visas automatiskt i panelen så länge kampanjerna varar. När en kampanj avslutas visas inte längre produkter som är kopplade till kampanjen i panelen.

Kampanjer som visas i panelen inkluderar Bästa erbjudandet, Dagens deal, Tidsbegränsat erbjudande och kupongbaserade kampanjer.

Du kan välja att panelen ska innehålla:

  • ”Alla produkter”, betyder att alla dina Store-produkter och alla produkter i katalogen som är kopplade till din Store visas i panelen när de är del av aktiva erbjudanden.
  • ”En utvald uppsättning produkter”, vilket innebär att du anger ASIN:et för specifika produkter som du vill visa, och de visas i panelen när de har aktiva erbjudanden och finns i lager. Produkterna visas i den ordning du anger dem i. Underordnade ASIN:er måste användas. Överordnade ASIN:er stöds inte.

Så här ser panelen ut för kunder när du har aktiva kampanjer igång:

Fyra eller fler produkter

Dina produkter kommer att visas i ett rutnät med fyra kolumner i full bredd under titeln ”aktiva erbjudanden”.

2–3 produkter

Dina produkter kommer att visas i ett mittjusterat avsnitt under titeln ”aktiva erbjudanden” (exempel på två produkter nedan).

En produkt

Din enskilda produkt visas i ett avsnitt med full bredd, utan rubriken ”aktiva erbjudanden”.

Inga produkter

En banner visas för att låta kunderna veta att det inte finns några aktiva erbjudanden just nu.