De embedded products is een productset die tussen de website content wordt getoond. In Squeezely Spotler Activate zijn twee templates voor embedded products beschikbaar genaamd Venice en Sydney. In de templates kun je de volgende instellingen bepalen:
...
De content instellingen bestaan uit de variant name, inhoud van de personalisatie en waar de personalisatie wordt getoond:
...
:
...
Variant name
De naam van de variant.
Content
De content opties:
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 invoeg- of vervangmethode die wordt toegepast ten opzichte van het element in de query selector.
URL to personalize
...
De voorbeeld url
...
die wordt gebruikt voor het selecteren van het element met de query selector
...
.
Query selector
...
In de query selector kun je
...
invoeren of selecteren
...
op welke element de personalisatie wordt toegepast. Voor het handmatig invoeren: Query Selector handmatig selecteren
| Info |
|---|
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 en instellen welke productvelden je wilt tonen:
...
de informatie uit Spotler Activate verwerken:
...
In de beschrijving verwerk je de gewenste informatie. Door op de Help knop te klikken kun je de beschikbare opties bekijken.
| Info |
|---|
Door op het oogje te klikken kun je bepaalde content onzichtbaar maken. |
...
In de additional options kun je het volgende instellen:
...
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.
...