Lookbook met hotspots

Naslag Alle abonnementen 2 min. leestijd

Eén foto, zoals een gestylede outfit of een ingerichte kamer, met punten (hotspots) op de producten erin. Elk punt opent een productkaart met afbeelding, naam en prijs, zodat klanten de complete look kopen. In de app heet het blok Lookbook hotspots (lookbook met hotspots).

Het blok toevoegen

1. De indeling kiezen

   Klik in het megamenupaneel van het voorbeeld op Blok toevoegen. Klik op Product toevoegen, ga met de muis over Lookbook hotspots en klik op Selecteren.

   

   (1) Klik op Product toevoegen, (2) kies Lookbook hotspots.

2. De foto toevoegen

   Vul in Item bewerken, onder Algemeen, de Kop in en klik op Afbeelding selecteren onder Afbeelding. De sectie Hotspots verschijnt zodra het blok een afbeelding heeft.

   

   Het blok Lookbook hotspots in het voorbeeld, met de instellingen in Item bewerken.

3. De hotspots plaatsen

   Klik in Hotspots op de afbeelding waar een product staat om een genummerd punt toe te voegen. Klik onder elke Hotspot op Producten selecteren en kies het product op die plek.

4. Opslaan en publiceren

   Klik op Opslaan en daarna op Publiceren.

Instellingen

Algemeen

KopStandaard: Shop the look

Tekst boven de foto.

AfbeeldingStandaard: Geen

De lookbookfoto.

BreedteStandaard: 66.66%

Hoeveel van de megamenurij het blok inneemt: Automatisch of 8,33% tot 100%.

Hotspots

X / YStandaard: Waar je hebt geklikt

De positie van het punt op de afbeelding, in % vanaf links en vanaf boven. Wijzig de waarde om het punt precies te plaatsen.

Producten selecterenStandaard: Geen

Het product dat het punt opent. Een hotspot zonder product verschijnt niet op de afbeelding.

Verwijderen

Verwijdert de hotspot.

Maximaal 6 hotspots per afbeelding. Verwijder je de afbeelding, dan is de sectie Hotspots verborgen tot je weer een afbeelding toevoegt. Zichtbaarheid werkt zoals bij elk blok; zie Instellingen die elk blok heeft.

Tips

• Gebruik een foto met ruimte rond de producten, zodat de punten en productkaarten elkaar niet bedekken.
• Zet elk punt op het product zelf, niet aan de rand van de foto.
• Productkaarten volgen de productinstellingen van je menu: Instellingen > Geavanceerd > Knop In winkelwagen weergeven voegt ook hier een knop In winkelwagen toe.

Gerelateerde pagina's

• ProductlijstToon producten in het menu als één kaart, raster, lijst of carrousel.
• AfbeeldingToon een banner of promotieafbeelding met een titel, beschrijving en link.
• Overzicht van blokkenVoeg blokken zoals links, afbeeldingen, producten en aftelklokken toe aan een megamenu of tabblad.

Was dit nuttig?

Probleem melden