Overview

Advanced Form Integration plugin allows you to integrate Elementor Form to Klaviyo. When a user fills a form on your website, the plugin will send the data to your Klaviyo account and create a contact in the preferred contact list. You can also add custom fields.

Supported Features

  • Create a new contact with all basic (First Name, Last Name, Email & Phone, Address, etc.) and custom fields. It also allows adding the contact to a preferred contact list.

Requirement

  • The feature requires a Pro license. BUY NOW!
  • Make sure that the Pro version of the Advanced Form Integration plugin is installed and activated. You should have got the links in the email after purchase. You can also download it anytime by logging into the user dashboard.
  • Read plugin documentation for Elementor Form and Klaviyo. It is not required but helpful for a better understanding.

Obtaining Klaviyo API Key

Before start, you are required to save the API Key in plugin settings.

  1. Go to the WordPress admin area, click AFI > Settings.
  2. Select the Klaviyo tab.
  3. Click on the link and you’ll be taken to the API Kyes page. Click on Create API Key if not exists, then copy it.
  4. Paste the Key in the API Key input box and click Save Changes.

Create New Integration

Elementor forms are directly created as a block in posts or pages. To integrate a form check the Post ID in the URL. See the attachment below.

Elementor Form – Note the Post ID and Form Name

Title

A default title will be auto-generated with an auto incremental number. You can rename it to something related to the task. It will help you to quickly recognize the correct one when there is multiple integrations setup.

Trigger

Select Elementor Pro Form in From Provider dropdown. Elementor plugin must be installed and activated otherwise you won’t see it listed. After selecting Elementor Pro Form, all forms built under Elementor Pro Form will be fetched and auto-populated in the Form/Task Name dropdown. Select the form that you want to integrate.

Elementor Form – Trigger setup

Action

Select Klaviyo [PRO] in Platform dropdown.

Klaviyo – Action Setup

Map Fields

Available contact lists will be auto-populated. Select the desired one. Map Email, First Name, Last Name, etc., and other fields that you want. Skip the fields that not needed. Finally, click the Save Integration button.

Klaviyo – Map Fields

Frequently asked questions

Troubleshooting

Still need help?

Reach our support team at [email protected]

Share This Article

Related Post

How to integrate Elementor Form to Elastic Em

https://www.youtube.com/watch?v=1r5ujVgPW8w Overvie...

integrate elementor form to aweber

How to integrate Elementor Form to AWeber Qui

https://www.youtube.com/watch?v=vEC4QejV3u0 Overvie...

How to integrate Elementor Pro Forms with Asa

Overview By utilizing the Advanced Form Integration ...