WordPress badge
Integrations —

Connect Klaviyo to Elementor

This integration allows you to:-
  • Either add a Klaviyo newsletter subscription checkbox to your Elementor forms...
  • ... or automatically add new Elementor form submissions to Klaviyo.
Get Started
Noptin logo klaviyo Logo

Below are some of the automation rules you can set-up:-

klaviyo badge Add a profile to a list in Klaviyo when a specific elementor form is submitted
klaviyo badge Remove a profile from a list in Klaviyo when a specific elementor form is submitted
klaviyo badge Add a profile to a list in Klaviyo when a specific elementor form is submitted with a given field value
klaviyo badge Remove a profile from a list in Klaviyo when a specific elementor form is submitted with a given field value

To get started:-

You can start using this integration in 2 simple steps:-

noptin badge

1. Install Noptin

To install Noptin:-

  1. Log into your WordPress website's admin dashboard then navigate to Plugins > Add New.
  2. Search for "Noptin" in the search box then click on the install button next to the first result.
  3. After WordPress installs Noptin, click on the Activate button to activate the plugin.
klaviyo badge

2. Connect Klaviyo

  1. First, download the Klaviyo addon from your account.
  2. Next, open your WordPress admin dashboard then navigate to Plugins > Add New then click on the Upload Plugin button.
  3. Upload the Klaviyo addon you downloaded in the first step then click on the Install Now button.
  4. Wait for WordPress to install the plugin then click on Activate Plugin.
  5. WordPress will install the Klaviyo addon then redirect you to a settings page where you can connect Noptin to Klaviyo
  6. Finally, map the Noptin custom fields to Klaviyo custom fields.
elementor badge

3. Connect Elementor

First, open any page or popup in Elementor…

Open a page or popup in Elementor

… then add the Form Widget anywhere on the page.

Next, open the “Actions After Submit” panel and select Noptin to reveal the Noptin settings panel…

elementor actions after submit

… then open the panel to reveal the Noptin settings.

open noptin action after submit settings panel

Finally, Map the fields on your form to Noptin fields then save your changes.

map elementor form fields to noptin fields

That’s all.

Learn more

You can also connect Klaviyo to your favourite WordPress plugins and forms at no extra cost to you.

Click on any integration to learn more.

Have a question about Noptin?

Contact our customer support team anytime

Contact Support