Do you want to send the data you obtain through a Thrive Themes Contact Form element to your Zapier account?
This is possible when you integrate Thrive Themes with Zapier.
This article will show how to connect a Contact Form to your Zapier account.
Note: Before connecting a Contact Form element with Zapier, you need to have two things:
- An API connection between your Thrive Themes account and your Zapier account;
- A Zap is set up to work specifically with the Lead Generation/Contact Form elements you create on your website with Thrive Architect.
This document will help you build an API connection and create a Zap in your Zapier account.
Once you have set up the connection and the Zap, Zapier will be available for the Contact Form elements (used in Thrive Architect) on your website.
In this article, we’ll see how it works with the Contact Form element in Thrive Architect.
- Selecting a Zapier Connection in Contact Form Settings
- Setting Zapier Connection Details
- Setting up Form Fields
- Setting up an After-Submission Action
Selecting a Zapier Connection in Lead Generation Settings
To begin, open your WordPress admin area, navigate to Pages > All Pages, hover on the page with the Contact Form element, and click Edit with Thrive Architect.
When you open the page in the editor, click the Contact Form element on the page to see the settings open in the left column.
In the left column, open the Main Options of the Contact Form and click the Add Connection button.
When you click Add Connection, you’ll see a dropdown asking you to choose the connection you want to proceed with.
Under the Connection dropdown, select Zapier.
Setting Zapier Connection Details
Once you select Zapier, you’ll see a box where you can enter the connection details. The details you can manage here are listed below.
- Send IP address: This lets you decide whether to store the user’s IP address when they submit the form.
- Tags: You can add the tags you want to apply to all the submissions from this form.
After you fill in the details, click Apply.
Setting up Form Fields
Once you select the connection and add the details, you can set up the form fields.
To ensure you get all the required data, you must set what fields to appear in the opt-in form and which ones should be required/mandatory for the subscription. The “Email” and “Name” fields appear by default here, and the “Email” field is mandatory since without an email address, you won’t be able to contact the user.
If you want to add additional fields, you can do so by clicking Add New.
Each field can be customized. You can change their name as required. For example, instead of “Email,” you could write “Please write down your email address.”
Moreover, clicking the little trash icon can delete any field except the email field on the form.
Setting up an After-Submission Action
Now that we’ve seen how a contact form can be connected to Zapier and how you can add more fields to it, we’ll see how you can manage the post-opt-in action for the element.
To manage the post-opt-in or after-submission action, scroll down to After successful submission in the Main Options.
Under After successful submission, you can choose one of the two options.
- Redirect to Custom URL: If you choose this action, you will be prompted to enter a custom URL or a link to a page you want to open after a user submits the contact form.
- Show success notification: This will allow you to enter a customized message displayed after someone submits the contact form.
After you have chosen the post-opt-in action, click the Apply button.
Once you have completed all the settings for the Contact Form element, click the Save Work button at the bottom left of the screen.
We’ve just seen how to connect a Thrive Architect Contact Form element with Zapier and the additional settings you need to make.
Next, if you want to make it faster and easier for users to submit forms on your website, you can enable the Smart Complete feature on form fields.