Klaviyo's native Signup Form Builder streamlines the process of adding a signup form to your website. Using the drag-and-drop interface, it's no longer necessary to hardcode forms into specific pages on your website. If you're using Shopify, Bigcommerce, Magento 1, or WooCommerce, a short snippet of code is added to your site when you integrate with Klaviyo. This is what enables us to publish signup forms directly to your site.
If you're using a custom integration or one that's not listed above, simply paste this snippet of code into the header of your site once and, going forward, whenever you publish a new form in Klaviyo, it will appear automatically.
Please note that the process has not changed to edit the opt-in related pages for a particular list; to edit your account's default email forms, navigate to the Preferences Pages tab.
Key Differences Between the New and Legacy Signup Forms
How they're set up:
- Through your integration, or after a one-time installation of code on in the header of your website, signup forms will appear automatically on your site when published. One exception to this is embedded forms, which require you to paste a small snippet of code where you would like the embedded form to display on your site.
- Legacy signup forms must be hardcoded into the specific page(s) on which you would like the form to appear.
How the forms are built within Klaviyo:
- You will now see a Signup Forms tab in the lefthand sidebar in your account. This is where you can build and edit the forms that appear on your site using our new drag-and-drop interface.
- Legacy signup forms must be manually built and configured outside of Klaviyo.
Types of forms that are currently supported:
- Any legacy forms that you've previously set up will continue to function properly regardless of whether or not you choose to use the new signup forms.
- Because legacy forms use custom HTML and CSS, our support team is unable to assist with troubleshooting legacy forms.