Creative-richtlijnen voor Stores

Paginasecties en tegels

Store-pagina's bevatten aanpasbare secties van tegels. Elke tegel kan inhoud bevatten zoals tekst, afbeeldingen, video's en producten.

Sectielimieten per pagina

Elke Store-pagina heeft een geïntegreerde koptekstsectie en moet ten minste één extra contenttegel hebben.

Elke pagina kan in totaal tot 20 secties hebben, die kunnen bestaan uit een maximum van:

  • 4 achtergrondvideotegels
  • 1 productrastertegel
  • 1 galerijtegel
  • 1 tegel Uitgelichte aanbiedingen
  • 1 tegel Aanbevolen producten

Als je de limiet van een van deze tegeltypen bereikt, kun je pas een andere tegel toevoegen als je een bestaande tegel van dat type verwijdert. Je kunt ook de inhoud in een bestaande tegel van dat type wijzigen.

Secties delen

Gedeelde secties bevatten meerdere tegels die je in verschillende lay-outs kunt rangschikken.

Gedeelde secties met één rij zijn variabel in hoogte. Als je de hoogte wilt configureren, klik je op het tandwielpictogram en gebruik je de hoogteregelaar.

Tegelmaten

Er zijn twee categorieën tegels in Stores: basistegels en tegels met variabele hoogte.

Basistegels

Basistegels zijn vergrendeld met een specifieke beeldverhouding. Er zijn vier basistegelgroottes: volledige breedte, groot, medium en klein.

Maten beschikbaar per tegeltype

TegeltypeVolledige breedteGrootMediumKlein
TekstJaJaJaJa
AfbeeldingJaJaJaJa
Afbeelding met tekstJaJaJaJa
Winkelbare afbeeldingJaJaJaJa
VideoJaJaJaNee
AchtergrondvideoJaJaJaNee
GalerijJaNeeNeeNee
ProductJaJaJaJa
ProductrasterJaNeeNeeNee
BestsellersJaNeeNeeNee
Aanbevolen productenJaNeeNeeNee
Uitgelichte aanbiedingenJaNeeNeeNee

Tegels met variabele hoogte

Met tegels met variabele hoogte kan de beeldverhouding van de tegel worden gewijzigd, afhankelijk van de hoogte van de inhoud. Afbeeldings- en teksttegels ondersteunen variabele hoogte.

  • Als je de hoogte binnen een gedeelde sectie wilt configureren, klik je op het tandwielpictogram en gebruik je de hoogteregelaar.
  • Als je afbeeldingen op volledige breedte en afbeeldingen met teksttegels wilt weergeven, snijd je de afbeelding bij om deze in te korten.

Tegeltypen

De koptekst wordt boven in je Store weergegeven en bevat een hero-afbeelding, het merklogo en de navigatiebalk.

Hero-afbeelding in koptekst

De hero-afbeelding verschijnt boven aan elke pagina in je Store, boven de navigatiebalk, en helpt om de navigatie en content van je Store te scheiden van die van Amazon.

We raden je aan om je hero-afbeelding op elke pagina zorgvuldig te selecteren, omdat deze afbeeldingen het eerste zijn dat shoppers zien wanneer ze je Store bezoeken. Deze visuele groet kan een blijvende indruk maken.

Veilige zones voor hero-afbeeldingen

Om ervoor te zorgen dat je hero-afbeelding er op elk apparaat geweldig uitziet, hebben we een veilige zone nodig. Dit is een gebied in het midden van je afbeelding dat altijd zichtbaar is.

  • In sommige gevallen wordt tot 30% van de hero-afbeelding bijgesneden, inclusief 15% van zowel de linker- als de rechterzijde.
  • Alle vitale onderdelen van je hero-afbeelding moeten binnen de veilige zone worden bewaard voor een hoogwaardige weergave voor shoppers.

Merklogo en navigatiebalk in koptekst

De navigatiebalk verschijnt onder de hero-afbeelding en bevat koppelingen naar elke pagina in je Store, te beginnen met de startpagina.

Het merklogo fungeert als een startknop en wordt weergegeven op alle pagina's in de navigatie.

Specificaties voor koptekst

KoptekstelementMin. afbeeldingsgrootteMax. bestandsgrootte
Hero-afbeelding3000 × 600 px5 MB
Merklogo400 × 400 px5 MB

Teksttegel

Teksttegels bevatten tekst in vrije vorm en kunnen worden gekoppeld aan een Store- of gegevenspagina.

Tekst kan links, rechts, midden of uitgevuld worden geplaatst.

Afbeeldingtegel

Afbeeldingtegels kunnen worden gekoppeld aan een Store- of productgegevenspagina.

Veilige zones voor afbeeldingen met titels met een link

Als je een titel met een link toevoegt aan een afbeeldingtegel, wordt een deel van de afbeelding bedekt.

Voor rechthoekige afbeeldingen (medium tegels en tegels van volledige breedte) met titels met een link wordt onderaan ongeveer 19% van de afbeelding verborgen.

19% hoogte verduisterd door link

Voor vierkante afbeeldingen (kleine en grote tegels) met titels met een link wordt onderaan ongeveer 12% van de afbeelding verborgen

12% hoogte verduisterd door link

Mobiele afbeeldingen

Met alle afbeeldingtegels kun je optioneel een aangepaste afbeelding en lay-out gebruiken voor mobiele apparaten.

  • Bepaalde tekstvelden worden niet ondersteund in de optie aangepaste mobiele lay-out en worden alleen getoond aan shoppers op een desktop.
  • Als je deze optie kiest, moet je ervoor zorgen dat je een preview van de tegel op zowel mobiel als desktop bekijkt om er zeker van te zijn dat je op elke tegel resultaten van hoge kwaliteit krijgt.
  • Aangepaste mobiele lay-outs in grote en medium afbeeldingtegels en met volledige breedte zijn niet beperkt tot een specifieke beeldverhouding, zodat ze kunnen variëren in hoogte en vorm ten opzichte van je desktoplay-out.

Ingesloten tekst in afbeeldingen

We raden af om afbeeldingen te uploaden met ingesloten tekst. De tekst kan niet worden gelezen door zoekmachines en door mensen die afhankelijk zijn van schermlezers om door je Store te navigeren. Als je tekst aan afbeeldingen wilt toevoegen, gebruik je de optie 'Afbeelding met tekst'.

Specificaties afbeeldingtegel

TegelgrootteMax. bestandsgrootteMin. afbeeldingsgrootte (desktop)Min. afbeeldingsgrootte (aangepast mobiel)
Volledige breedte5 MB1500 × 20 px*1680 × 20 px*
Groot5 MB1500 × 1500 px1680 × 20 px*
Medium5 MB1500 × 750 px1680 × 20 px*
Klein5 MB750 × 750 px750 × 750 px

* Voor een weergave met hoge resolutie op alle apparaten wordt een afbeeldingsbreedte van 3000 px aanbevolen. Als een titel aan de afbeeldingtegel wordt toegevoegd, moet de afbeeldingshoogte minimaal 32 px zijn.

Afbeelding met teksttegel

De afbeelding met teksttegel heeft twee lay-outopties:

Tekst over afbeelding

Met deze lay-out kun je op een afbeelding rechtstreeks een tekstoverlay toevoegen. Hiermee kun je:

  • Koppelen naar een Store-pagina of productgegevenspagina
  • Meerdere tekstelementen toevoegen zoals prefix-, kop-, hoofdtekst en tekst bij link
  • Tekstgrootte, uitlijning en inhoudopvulling kiezen
  • Configureer de kleuren en plaatsing van de tekstoverlay op de afbeelding

Tekst naast afbeelding

Met deze lay-out kun je tekst naast een afbeelding toevoegen. Deze bevat koptekst en een beschrijving.

Specificaties afbeelding met teksttegel

Lay-outTegelgrootteMin. afbeeldingsgrootte
Tekst over afbeeldingVolledige breedte3000 × 1500 px
Tekst over afbeeldingGroot1500 × 1500 px
Tekst over afbeeldingMedium1500 × 750 px
Tekst over afbeeldingKlein750 × 750 px
Tekst naast afbeeldingVolledige breedte1500 × 1500 px
Tekst naast afbeeldingGroot1500 × 1500 px
Tekst naast afbeeldingMedium750 × 750 px
Tekst naast afbeeldingKlein750 × 750 px

Winkelbare afbeeldingtegel

Winkelbare afbeeldingen tonen tot zes producten met interactieve punten. Shoppers kunnen de punten gebruiken om belangrijke informatie te zien en verder te winkelen.

  • Informatie zoals de productnaam, afbeelding, Prime-badge, prijs, sterbeoordeling en winkelacties worden weergegeven.
  • Elk product verwijst naar de productgegevenspagina.

Specificaties winkelbare afbeelding

TegelgrootteMax. bestandsgrootteMin. afbeeldingsgrootte
Volledige breedte5 MB1500 × 750 px*
Groot5 MB1500 × 1500 px
Medium5 MB1500 × 750 px
Klein5 MB750 × 750 px

* Voor een weergave met hoge resolutie op alle apparaten wordt een afbeeldingsbreedte van 3000 px en -hoogte van 1500 px aanbevolen.

Videotegel

Videotegels worden weergegeven in een speler waar shoppers op kunnen klikken om deze af te spelen. De shopper kan de video afspelen en pauzeren, het volume regelen en de video op volledig scherm bekijken.

  • Zowel een videobestand als een omslagafbeelding zijn vereist.
  • Omslagafbeeldingen worden gebruikt voor de rusttoestand van de video (voordat de gebruiker op afspelen drukt).
  • Speelt af in volledig scherm op mobiele apparaten.
  • Ze worden inline afgespeeld op desktop, met een optie om uit te breiden naar volledig scherm.

Specificaties videotegel

TegelgrootteMin. grootte omslagafbeeldingMin. videoresolutieMin. tot max. beeldverhoudingVereisten voor bestanden
Volledige breedte3000 × 1500 px1280 × 640 px6:4 tot 8:3MP4-bestandsindeling. H.264-video-codec.
Groot1500 × 1500 px640 × 640 px3:4 tot 4:3MP4-bestandsindeling. H.264-video-codec.
Medium1500 × 750 px450 × 320 px6:4 tot 8:3MP4-bestandsindeling. H.264-video-codec.

Achtergrondvideotegel

Achtergrondvideo's worden automatisch afgespeeld en automatisch opnieuw afgespeeld op de achtergrond zolang ze zichtbaar zijn op het scherm. Ze worden inline afgespeeld op desktop en mobiel.

  • Achtergrondvideo's bieden shoppers geen besturingselementen voor videospelers. Ze zijn bedoeld om een toon te zetten en de visuele ervaring van de pagina te verrijken.
  • Alleen een videobestand is vereist. Geen omslagafbeelding nodig.

Specificaties achtergrondvideotegel

TegelgrootteMin. videoresolutieMax. hoogteMin. lengte videoMin. tot max. beeldverhoudingVereisten voor bestanden
Volledige breedte1280 × 640 px1500 px2 tot 20 seconden6:4 tot 8:3MP4-bestandsindeling. H.264-video-codec.
Groot1280 × 640 px640 px2 tot 20 seconden3:4 tot 8:3MP4-bestandsindeling. H.264-video-codec.
Medium1280 × 640 px320 px2 tot 20 seconden6:4 tot 8:3MP4-bestandsindeling. H.264-video-codec.

In de galerijsectie worden tot acht afbeeldingen weergegeven in een rasterlay-out op volledige breedte.

Specificaties galerij

Min. afbeeldingsgrootte
1500 × 750 px

Producttegel

Bij gebruik met gedeelde secties markeren producttegels één product, tonen de prijs en Prime-status en koppelen ze naar een productgegevenspagina.

Medium tegels kunnen een aangepaste producttitel en beschrijving bevatten.

Producttegels op volledige breedte hebben twee lay-outopties:

  • Productdetail: Geeft automatisch informatie van de gegevenspagina weer en een oproep tot actie zoals 'Toevoegen aan winkelwagen'.
  • Product-editorial: Bevat een aangepaste titel en beschrijving, zoals beschikbaar op medium tegels.

Specificaties producttegel

Lay-outTegelgrootteTitelBeschrijving
ProductdetailVolledige breedteVan gegevenspaginaVan gegevenspagina
Product-editorialVolledige breedteAangepastAangepast
Product met tekstMediumAangepastAangepast

Productraster

Het productraster toont vier of meer producten in een rasterlay-out op volledige breedte.

  • Informatie zoals de productnaam, afbeelding, Prime-badge, prijs, sterbeoordeling en winkelacties worden weergegeven.
  • Elk product verwijst naar de productgegevenspagina.

De lijst met producten kan worden toegevoegd:

  • Handmatig door te zoeken naar trefwoorden of ASIN's.
  • Handmatig door een lijst met tot 500 ASIN's in te voeren.
  • Gebruik automatisch trefwoorden als je Store is gekoppeld aan je merk in de catalogus.

Er zijn twee opties voor de lay-out van het productraster: standaard en hoog.

Standaardproductraster

Producten worden getoond in een vierkant raster. Deze stijl werkt goed voor productcategorieën met vierkante of brede rechthoekige afbeeldingen.

Met de knop 'Toevoegen aan winkelwagen' kunnen shoppers rechtstreeks vanuit je Store items aan hun Amazon-winkelwagen toevoegen. De knop wordt niet weergegeven als het product:

  • Heeft meerdere variaties (zoals maten en kleuren) om uit te kiezen voordat je koopt
  • Je kunt coupons uitknippen
  • Is niet op voorraad, zelfs als deze beschikbaar is via externe verkopers
  • Word gecategoriseerd als 'Kleding'

Hoog productraster

Producten worden getoond in een hoog raster. Deze stijl werkt goed voor productcategorieën die hoge verticale afbeeldingen gebruiken, zoals in modecategorieën.

De knop 'Toevoegen aan winkelwagen' is verborgen voor alle producten in het hoge raster.

Bestsellertegel

De bestseller-tegel toont de best verkochte producten die aan je merk zijn gekoppeld. Deze toont automatisch vijf producten tegelijk.

Deze tegel kan alleen worden geselecteerd als je Store is gekoppeld aan de producten van je merk in de catalogus. De tegel wordt niet weergegeven als er geen bestseller-producten zijn. Als je deze tegel niet ziet in de Store Builder neem je contact op met ondersteuning.

Tegel Aanbevolen producten

De tegel met aanbevolen producten toont producten die zijn gekoppeld aan je merk die worden aanbevolen aan een shopper op basis van de winkelgeschiedenis. Deze toont automatisch vijf producten tegelijk.

Deze tegel kan alleen worden geselecteerd als je Store is gekoppeld aan de producten van je merk in de catalogus. De tegel wordt niet weergegeven als er geen aanbevolen producten zijn. Als je deze tegel niet ziet in de Store Builder neem je contact op met ondersteuning.

Tegel Uitgelichte aanbiedingen

De tegel met uitgelichte aanbiedingen toont producten met actieve promoties. De producten verschijnen automatisch in de tegel zolang de promoties lopen. Wanneer een promotie eindigt worden producten die aan de promotie zijn gekoppeld niet meer in de tegel weergegeven.

Promoties die worden weergegeven in de tegel zijn onder andere 'Beste aanbieding', 'Aanbieding van de dag', 'Tijdelijke aanbieding' en aanbiedingen met coupons.

Je kunt ervoor kiezen dat de tegel het volgende weergeeft:

  • 'Alle producten' betekent dat al je Store-producten en alle producten in de catalogus die aan je Store zijn gekoppeld in de tegel verschijnen wanneer ze actieve aanbiedingen hebben.
  • 'Een samengestelde reeks producten', wat betekent dat je de ASIN's van specifieke producten invoert die je wilt aanbieden. Deze worden weergegeven in de tegel wanneer ze actieve aanbiedingen hebben en op voorraad zijn. De producten verschijnen in de volgorde waarin je ze invoert. Je moet onderliggende ASIN's gebruiken. Bovenliggende ASIN's worden niet ondersteund.

Zo ziet de tegel er voor shoppers uit als je actieve promoties hebt op:

Vier of meer producten

Je producten worden weergegeven in een rastersectie met vier kolommen op volledige breedte onder de titel 'Uitgelichte aanbiedingen'.

2–3 producten

Je producten worden weergegeven in een gecentreerd gedeelte onder de titel 'uitgelichte aanbiedingen' (voorbeeld van twee producten hieronder).

1 product

Eén product wordt weergegeven in een sectie op volledige breedte, zonder de titel 'Uitgelichte aanbiedingen'.

Geen producten

Er verschijnt een banner om shoppers te laten weten dat er momenteel geen uitgelichte aanbiedingen zijn.