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 |
|---|---|---|
| Product position (in the list) | data-sqzl-product-position | Optional |
| 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 |