Integrate Constant Contact

In Fluent Forms, integrating Constant Contact, an integrated email marketing, marketing automation, and small business CRM, allows you to grow your Constant Contact list through the users of Fluent Forms. This article will guide you through integrating Constant Contact with Fluent Forms on your WordPress Site.

NOTE

Constant Contact requires Fluent Forms Pro. See Upgrade to Fluent Forms Pro Add-on.

Enable Constant Contact Integration

First, go to Integrations from the Fluent Forms Navbar, search for Constant Contact V3 through the search bar, and get the Constant Contact V3 integration module.

Now, turn on the Toggle to enable Constant Contact V3. Then, you will see the Constant Contact’s Settings Icon on the right side, click on it.

Once you enable Constant Contact V3, you will be asked for the Constant Contact Client ID and the Constant Contact Client Secret of your Constant Contact Account.

TIP

Follow the Instructions Guide at the top of Constant Contact V3 API settings to get your credentials.

Get the Constant Contact Client ID and Client Secret

First, click this Link, log into your Constant Contact Account, go to My Applications from the top navbar, and click the New Application button.

NOTE

If you do not have a Constant Contact account, create one here.

Now, give your New Application a Name, choose “Authentication Code Flow and Implicit Flow” and Rotating Refresh Token options from the Application OAuth2 Settings, and press the Create button.

Once you created the new app, click the Edit button in the right corner.

Now go to the Details tab and copy the Client ID from the API Key (Client ID) field by clicking the Copy Icon.

Then, click the Generate Client Secret button next to the Client ID to generate the Client Secret.

Now, copy the Client Secret by clicking the Copy Icon on the right side, and press the Close button.

WARNING

Client Secret is shown only once. Copy and store it securely before leaving the page.

Now it is time to enter the Redirect URL provided in Fluent Forms by clicking the Pencil Icon and opening the editor page of the Redirect URL field.

Collecting the Redirect URL from Fluent Forms

First, go to the Constant Contact V3 API Settings page under the Configure Integrations tab of the Global Settings section from the Fluent Forms Navbar.

Then copy the Redirect URL provided under the Constant Contact V3 API instruction guide at the top.

Finally, paste the copied Redirect URL from the Constant Contact V3 API Settings page in Fluent Forms, and click the Confirm button.

After copying the Client ID & Client Secret, setting up the Redirect URL, click the Save button to make the integration functional.

Connect Constant Contact with Fluent Forms

Now, return to the Constant Contact V3 API Settings page under the Configure Integrations tab of the Global Settings section from the Fluent Forms Navbar.

Then, paste the Client ID and Client Secret you copied from Constant Contact into the Constant Contact Client ID and the Constant Contact Client Secret fields respectively.

Finally, press the Verify Constant Contact button to save all your changes.

Once you click the Verify Constant Contact, it will redirect you to the Constant Contact page again asking for permission to connect it with Fluent Forms. Now, click the Allow Access button to make the integration functional.

Now, you can see, your Constant Contact is connected to your Fluent Forms successfully.

You can verify/disconnect it anytime by clicking the Verify Connection Again/Disconnect Constant Contact button.

Integrate Constant Contact in Forms

First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your Constant Contact, and click the Settings button.

NOTE

If you do not have an existing form, see Create a Form from Scratch or Create a Form using Templates.

Once you are on the Settings & Integrations, go to the Configuration Integrations tab, click the Add New Integration button, and select Constant Contact V3 Integration feed from the dropdown list.

Now, a page will appear with various settings options for configuring the Constant Contact.

1. Name: From here, you can change the name anytime if needed.

2. Constant Contact List: From here, you need to select your desired Contact List of Constant Contact to which you want to send the form submission data from Fluent Forms. Once you select the list the Map Fields option will appear. You can also change the contact list anytime if needed.

3. Constant Contact Tag: From here, you need to select your desired single or multiple Tag of Constant Contact to which you want to send the form submission data from Fluent Forms. You can also change the tag/s anytime if needed.

4. Map Fields: Use all the fields under this option to properly link your Constant Contact Fields with the Form Fields. Also, you can easily select the Value for the Form Fields according to the Constant Contact Fields by using the Shortcode button.

5. Custom Fields: Using this option, you can also link the Fluent Forms fields with their respective Constant Contact Custom fields. Click the Plus/Minus icon in the right corner to add or delete custom fields as needed.

NOTE

Custom date fields accept only the MM/DD/YYYY format.

6. Conditional Logics: This option allows Constant Contact integration to function conditionally based on your submission values according to your set conditional logic/s. To learn more, read the Conditional Logic guide.

7. Enable This Feed: Check this option, to ensure this integration feed remains enabled, and all the actions of this feed function properly.

Once the setup is done, finally, click the Save Feed button. And, your Constant Contact will be integrated into this specific form!

After successful Integration, now you will see that your Constant Contact V3 Integration Feed has been added here.

You can modify your feed anytime by clicking the Settings Icon and delete it by clicking the Trash Icon. Also, you can disable or enable this feed anytime by turning off the Toggle if needed.

Preview of Integrated Constant Contact

Here, you can see the preview of added Contacts of Constant Contact through the Form Entries based on the Integration.

For example, you can see four new Form Submissions under the Entries tab on this particular form.

Now, go to your Constant Contact account, open the Contacts dropdown from the left sidebar, click the Lists tab, and press the desired List you integrated into Fluent Forms.

You can see that the users who submitted forms in Fluent Forms are also automatically added to the selected Contact List.

Similarly, go to the desired Tag/s you integrated into Fluent Forms.

You can see that the users who submitted forms in Fluent Forms are also automatically added to the selected Tag/s.

This way you can easily integrate Constant Contact with Fluent Forms!