Before we start, make sure you have the Klaviyo: Email Marketing & SMS app installed on your Shopify Store. Visit our article about How To Install The Klaviyo App On Your Store for full instructions.
Klaviyo Element
In the Editor, drag and drop a Klaviyo: Email Marketing & SMS element onto your page.
Connect with Klaviyo
Step 1: Get Code Snippet
Step 2: Copy and paste the code snippet syntax into the box below and then press Connect.
After successful connection, the system will notify and display the necessary settings as below.
Popup and Flyout form type
- Step 1: Create a signup form in Klaviyo and set your form type to Popup or Flyout. Skip this step if you have already created the Klaviyo form you need.
- Step 2: Select the Targeting & Behaviour tab on the left sidebar. Under the Display and Timing section:
– If you select the options “Show immediately on page load” or “Loading delay“, the sign-up forms will be shown on your pages after being published without any problem.
– If you select “Only show on custom trigger“, you will need to add the code snippet to your page using our Custom Code. Please follow the instructions from Klaviyo here or contact our support team for further assistance.
Embed form type
Step 1: Create a signup form in Klaviyo following this guidance and set your form type to Embed. Skip this step if you have already created the Klaviyo form you need.
Step 2: Get embed code- Under the Targeting & Behaviour tab on the left sidebar.
– In the confirmation popup when you Publish your form for the first time.
Step 3: Enable the option “Embed within this page“. Then copy & paste the code snippet syntax into the box below.
Need more help? Feel free to reach out to our dedicated GemPages Support Team via email and live chat!