Variant Designer (overlay) (EN)

The Variant Designer consists of three parts:

Content

  • Variant name: give the variant a name

  • Content

    • Custom: design your own variant

    • Product: have a product appear in the overlay

    • Product set: have a product set appear in the overlay

    • Product(s) from event: let the product from the event appear in the overlay

Display

In the display settings you can create your own design. Important to know:

  • The dots can be used to change the order of the items

  • The eye can be used to hide an item

  • With the square you can change the spacing

  • By clicking on Add header, you can add an extra HTML block

  • With Preview url you can enter a preview url on which you can view the overlay

Additional options

  • Overlay location: the location of the overlay

  • Timer: the time the overlay will be shown

  • Frequency cap: the interval the overlay will be shown

  • Closing modal: how many days the overlay will not be shown when a profile has clicked away the overlay

  • CSS: box for adding CSS

  • JavaScript: box for adding JavaScript

Web Push Notification request

To be able to send Push Notifications you need to upload a file. You can achieve this by placing the following file on your website:
squeezely-worker.js

importScripts('https://squeezely.tech/tracker/serviceworker.js');

For example: If your site is https://mywebsite.com, it should be available at https://mywebsite.com/squeezely-worker.js

See alsohttps://squeezely.tech/documentation#push_notifications



You can also use an overlay to request consent for Web Push notifications. To trigger this, you need to put a special tag in your CTA url field, namely:

{{ requestPushNotification }}

This tag will replace the CTA Url with a javascript code that will make the browser ask for web push notification consent.







After saving a variant, you get to Personalization Settings