De embedded products is een productset die tussen de website content wordt getoond. In Squeezely zijn twee templates voor embedded products beschikbaar genaamd Venice en Sydney. In de templates kun je de volgende instellingen bepalen:
Content
De content instellingen bestaan uit de variant name, inhoud van de overlay en te vervangen content:
Productset: de gewenste productset
Min. product amount: het minimale aantal producten dat in de productset dient te zitten om de personalisatie te tonen.
Max. product amount: het maximale aantal producten dat getoond wordt in de personalisatie.
Product(s) from event: product id’s die als input dienen voor het samenstellen van een productset en worden doorgestuurd in een event.
Insert method: de methode die wordt toegepast ten opzichte van het element in de query selector
URL to personalize: een voorbeeld url waarop je het element met de query selector kunt selecteren (let op: het invoeren van de naam of het id van het element heeft de voorkeur!)
Query selector: in de query selector kun je aangeven of selecteren (door op het pijltje te klikken) ten opzichte van welk element de personalisatie wordt toegepast.
In de query selector wordt aangeraden om de unieke naam of het unieke id van het element in te voeren (in plaats van het selecteren via de url), zo dat ten alle tijden het juiste element wordt geselecteerd op de website
Display
In de display settings kun je de styling van de personalisatie aanpassen:
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.