Variant Designer (overlay) (EN)
- vTranslator
- Cherlain Gajapersad (Deactivated)
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