De toaster is een pop-up box waarin communicatie informatie over het bekeken product wordt getoond en informatie gevraagd aan profielen. In Squeezely zijn twee templates voor standaard overlays beschikbaar genaamd Venice en Sydney. In de Variant Designer zie je aan de rechterkant de uitwerking van de personalisatie en kun je met een preview url van de website bekijken hoe de personalisatie er op de website uit ziet. Aan de linkerkant templates kun je de volgende instellingen van de personalisatie bepalen:
Content
De content bestaat uit:
Variant name
De naam van de variant.
Form fields
Thank you message
instellingen bestaan uit de variant name en inhoud van de overlay. De toaster kan identiek worden toegepast als de standaard overlay, in dit artikel wordt de custom optie uitgewerkt. Voor meer informatie over de andere content opties, zie: Standaard overlay
...
Display
In de display settings kun je het uiterlijk de styling van de personalisatie aanpassen en de informatie over het bekeken product verwerken:
...
In de beschrijving verwerk je de gewenste productinformatie. Door op de Help knop te klikken kun je onder ‘Product extensions’ de beschikbare opties bekijken.
| Info |
|---|
Door op het oogje te klikken kun je bepaalde content onzichtbaar maken. |
Additional options
In de additional options kun je het volgende instellen:
...
Overlay location: de locatie van de overlay op de pagina.
Timer: de tijdsduur dat de personalisatie wordt getoond. Wanneer de personalisatie niet automatisch dient te verdwijnen, dient gekozen te worden voor 0.
After closing overlay: de (eventuele) interval dat een overlay niet wordt getoond na het wegklikken van een overlay.
Lazy load images: door deze optie aan te vinken worden afbeeldingen ingeladen zodra deze getoond dienen te worden, waardoor de initiële pageload verbeterd.
CSS: in de CSS box kun je jouw eigen CSS toevoegen.
JavaScript: in de JavaScript box kun je jouw eigen JavaScript toevoegen.
Edit template: door op deze knop te klikken, kun je het template aanpassen.
Reset template: door op deze knop te klikken, kun je het template resetten.
Export template: door op deze knop te klikken, kun je het template exporteren als XML bestand.