Personalization template requirements
To keep all templates flexible and at the same time predictable there are rules how to setup a new template.
Click actions
Type button/link | Required CSS class | Notes |
|---|---|---|
Submit button form | sqzly-form-submit sqzl-click | Use an A-element, with href=”#” |
Close buttons | sqzly-(bar|modal|toaster)-close | This will place a personalization disable cookie (7days) |
Any clickable HTML element | sqzl-click | Will register a PersonalizationClick Every sqzl-click will automatically injected with these data attrbiutes: data-sqzl-personalization-id, data-sqzl-variant-id, data-sqzl-variant-revision, data-sqzl-new-window |
Data attributes
Below a list of data-attributes that you can give any clickable element, which will be passed to PersonalizationClick events
Type | Attribute name | Required |
|---|---|---|
Personalization ID | data-sqzl-personalization-id | Yes |
Variant ID | data-sqzl-variant-id | Yes |
Variant Revision | data-sqzl-variant-revision | Yes |
CTA new window | data-sqzl-new-window | Optional |
Product ID | data-sqzl-product-id | Optional |
Product Name | data-sqzl-product-name | Optional |
Product Price | data-sqzl-product-price | Optional |
Product position (in the list) | data-sqzl-product-position | Optional |