Custom CSS, Javascript, and HTML in Klaviyo

read

Custom CSS, JavaScript, and HTML in Klaviyo

If you are importing a custom HTML template, or building your own custom coded template, there are a few things to consider.

Klaviyo Does Not Support JavaScript Emails

Most email clients (Gmail, Hotmail, Yahoo, etc.) view JavaScript in emails as a security threat. This is because scripts can hide malicious content. As a result, these major email clients block scripts in emails entirely. Given the inherent security threat associated with JavaScipt in emails and the lack of support for such scripts by most major email clients, any added scripts will automatically be removed.

Klaviyo Does Not Support Embedded Forms or Videos

Klaviyo does not support embedded forms, widgets, or videos in templates. This is because our testing shows that these types of features do not reliably render across all major email clients. Similar to JavaScript snippets, most email clients view these elements as a security threat and strip them out of emails altogether.

Learn more

If you're interested in learning workarounds for this, check out this article.

Custom HTML and CSS Elements

Certain HTML and CSS elements used to make emails interactive are not currently supported. For example, if you are looking to make your email interactive in Gmail by using certain CSS attribute selectors, you may see your template trigger an error in Klaviyo.

Klaviyo does not currently support certain operators (like ~) in email templates. This may limit the extent to which certain custom HTML and CSS can be used. If your template contains HTML or CSS that isn't fully supported, you will not be able to generate a preview of your email and will see the following error:

cropped.png
Was this article helpful?
1 out of 3 found this helpful