Embedded products

De embedded products is een productset die tussen de website content wordt getoond. In Spotler Activate 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:

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: https://squeezely.atlassian.net/wiki/spaces/SG/pages/2730950768

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 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.

Door op het oogje te klikken kun je bepaalde content onzichtbaar maken.

Additional options

In de additional options kun je het volgende:

  • 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.