How To Add Klaviyo Form To Your Page

The Klaviyo: Email Marketing & SMS element only supports the Embed form type. Flyout and Popup forms are not supported, so make sure you set the form type in the Klaviyo form editor page to Embed before editing with GemPages.

 

Before we start, make sure you have the Klaviyo: Email Marketing & SMS app installed on your Shopify Store. Visit this article for full instructions.

 

Step 1: Create a signup form in Klaviyo following this guidance. Skip this step if you have already created the Klaviyo form you need.


Note: Please note that by default, all Klaviyo lists are set to double opt-in, meaning that subscribers of the form will have to confirm their registration one more time via either email, SMS, or both. See this article from Klaviyo to learn more.


Step 2: Copy the Klaviyo form code. There are two ways to access your form code from the editor page:

  • Under the Behaviors tab on the left sidebar.

 

  • In the confirmation popup when you Publish your form for the first time.

 


Step 3: Go to GemPages Dashboard and select a page to enter the Editor.


Step 4: In the Editor, drag and drop a Klaviyo: Email Marketing & SMS element onto your page.

Tip: You can drop it inside a Row element to easily control the size.

 

Step 5: Under the Settings tab, locate the Form Code field and paste the form code you’ve copied earlier into the field.

 


You can use the Alignment options on the left sidebar to position the form better.

Don’t forget to further customize your form’s appearance using the Design tab.


Step 6: Hit Save and Publish to bring your form to the live page and check for the result!

 


Klaviyo is just one of our many integrations. Check out the full list of integrations to make the most out of GemPages and if you need further support, please contact our GemPages Support Team via email or live chat.


Was this helpful?