Connecting Klaviyo to Webflow is a straightforward process that allows you to seamlessly integrate your email marketing efforts with your website. By connecting these two platforms, you can easily collect customer data, create Targeted email campaigns, and track the effectiveness of your marketing strategies. In this tutorial, we will guide you through the step-by-step process of connecting Klaviyo to Webflow.
Step 1: Sign up for a Klaviyo account
If you don’t have a Klaviyo account yet, head over to their website and sign up for a new account. Klaviyo offers various pricing plans, including a free plan for businesses with up to 250 contacts.
Step 2: Create an API key in Klaviyo
Once you have signed up and logged into your Klaviyo account, navigate to the Account settings by clicking on your account name in the top-right corner. From the dropdown menu, select “Account”. In the Account settings page, click on “Settings” in the left sidebar and then select “API Keys” from the submenu.
To create a new API key, click on the “Create API Key” button. Give your API key a descriptive name (e.g., “Webflow Integration”) and make sure it has “Public API access” enabled. Click on “Create” to generate your API key.
Note: It’s essential to keep your API key secure as it provides access to your Klaviyo account.
Step 3: Copy your Klaviyo API key
After creating the API key, you will see it listed under the “API Keys” section. Click on the copy icon next to your newly created API key to copy it to your clipboard.
Step 4: Log in to your Webflow account
If you haven’t already, sign in to your Webflow account. In the Webflow dashboard, select the project you want to connect with Klaviyo or create a new project if needed.
Step 5: Open the Project Settings
In the selected project dashboard, click on the “Project Settings” button located on the left sidebar.
Step 5.1: Navigate to Integrations
In the Project Settings page, navigate to the “Integrations” tab by clicking on it.2: Add a new integration
Scroll down to find the “Add Integration” section and click on it. A list of available integrations will appear.
Step 6: Find and select Klaviyo
In the list of available integrations, search for “Klaviyo” and click on it when you find it. This will open up a dialog box where you can enter your Klaviyo API key.
Step 7: Enter your Klaviyo API key
In the Klaviyo integration dialog box, paste your previously copied API key into the provided field. Make sure there are no extra spaces or characters in the API key field.
- Note: If you want to enable double opt-in for subscribers, check the “Enable Double Opt-in” checkbox.
- Note: Optionally, you can also specify a list ID if you want subscribers to be added to a particular list within Klaviyo. If left empty, subscribers will be added to your default list.
Step 8: Save and test the integration
Once you have entered your API key and made any desired additional configurations, click on the “Save Changes” button to save the Klaviyo integration settings.
To test if the integration is working correctly, navigate to one of your Webflow forms that collect email addresses. Submit a test entry, and then check your Klaviyo account to confirm that the subscriber has been successfully added.
You have now successfully connected Klaviyo to Webflow! You can now start utilizing the power of Klaviyo’s email marketing features to engage with your website visitors and customers.
Conclusion
Integrating Klaviyo with Webflow allows you to streamline your email marketing efforts by automating data collection and campaign management. By following the steps outlined in this tutorial, you can easily connect these two platforms and leverage their combined capabilities to maximize your marketing effectiveness.
Remember, connecting Klaviyo to Webflow is just the beginning. Explore Klaviyo’s extensive features such as advanced segmentation, automated flows, and personalized email campaigns to take your marketing strategies to new heights!