How to set up a Custom overlay?

The custom overlay is a pop-up box where communication to profiles can be displayed. In Spotler Activate, this option allows you to create your own overlay based on HTML. In the overlay, you can define the following settings:

Content

The content settings consist of:

Settings_Content.png

Variant name

The name of a variant.

Content

The content options:

  • Custom: text or images
  • Product: a specific product
  • Productset: the required product set
  • Product(s) from event: product ids that serve as input to compile a product set and are passed in an event.

Display

In the display settings, you can enter the HTML for personalization and upload a image url:

Display.png

  • The dots can be used to change the order of the items
  • The eye can be used to hide an item

Additional options

In the additional options you can do the following:

Additional options.png

  • After closing overlay: determine the interval (if any) that an overlay is not displayed after an overlay is clicked away.
  • CSS: in the CSS box you can add your own CSS.
  • JavaScript: in the JavaScript box you can add your own JavaScript.
  • Export: by clicking this button, you can export your template as an XML file.

Snippets

Snippets are handy pieces of CSS and JavaScript that can be reused across various personalization's. To use snippets in a Personalization variant first create a snippet with the button Snippets and then just head to the 'Snippets' category in the left sidebar. You can select the created snippets.

Snippets.png