Learn how to create custom HTML templates that are compatible with Klaviyo’s drag-and-drop editor (i.e., hybrid templates). By following these steps, you can design a fully custom HTML email while maintaining access to features only available in the drag-and-drop editor (e.g., product blocks or universal content blocks).

Learn how to display products in your abandoned cart and order confirmation flows vertically (i.e., with an image above product information, rather than beside).

Learn about email annotations, which enable you to display key information in the list view for Gmail inboxes (i.e., before someone opens the email). Email annotations allow you to highlight a deal or offer (e.g., a coupon code), or display product images directly in the inbox.

Learn how to export the HTML for an email designed in Klaviyo's drag-and-drop editor. After downloading a message's HTML, you can use the HTML to perform accessibility testing, edit it to add custom elements and reimport it into Klaviyo, or import the message into another email marketing program.

We only recommend using custom HTML for technically savvy marketers, or for anyone who has access to a developer. While our product does support custom HTML, our support team cannot help you build out your custom templates beyond offering the general guidance covered in this documentation. To maintain the security of your data, Klaviyo's support team is not