Variant Builder

Owned by Pim Reijnen
Last updated: Jan 29, 2024
2 min read

In de Variant Builder kun je verschillende soorten personalisaties aanmaken.

Soorten

In de Variant Builder kun je voor de volgende soorten personalisaties kiezen:

https://squeezely.atlassian.net/wiki/spaces/SG/pages/2608234541

https://squeezely.atlassian.net/wiki/spaces/SG/pages/2608300059

https://squeezely.atlassian.net/wiki/spaces/SG/pages/2608365586

 

Na het selecteren van de personalisatie zie je in de Variant Builder:

  • Aan de linkerkant de instellingen van de personalisatie. Voor meer informatie over de instellingen klik hierboven op de gewenste personalisatie.

  • Aan de rechterkant de uitwerking van de personalisatie. Met de optie Preview kun je op de website de preview van de personalisatie bekijken.

De overige opties in de Variant Builder zijn:

  • Upload a template: importeert een personalisatie via een XML-bestand

  • Add a control group: voeg een controlegroep variant toe om personalisaties te testen ten opzichte van de personalisatie variant(en)

 

Open een variant in Spotler Activate en selecteer de gewenste optie:

 

cssPrefix

In veel gevallen komt het voor dat de CSS in Spotler Activate personalisaties overgeschreven wordt door CSS op de website. De CSS op de website heeft dan een hogere prioriteit dan de Spotler Activate personalisatie templates.

Om dit te voorkomen kan je cssPrefix toepassen, zodat de CSS van de personalisatie ID dynamisch wordt ingeladen.

In dit voorbeeld wordt de personalisatie in de preview van de variant builder met de correcte CSS getoond:

Maar in de preview van de website wordt de CSS vervangen, waardoor het input veld niet meer overeenkomt:

Om dit op te lossen kan je cssPrefix toepassen bij additionele CSS:

Voor info over het specificeren van CSS prioriteiten is dit document zeer aan te raden om te bekijken: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Â