Thanks to visit codestin.com
Credit goes to docs.fluentforms.com

Skip to content

Integrate iContact

Fluent Forms integrates iContact an email marketing platform that helps you to collect customer information and automatically adds it to your iContact list through Fluent Forms Submissions.

This article will guide you through integrating iContact with Fluent Forms on your WordPress Site.

NOTE

iContact requires Fluent Forms Pro. See Upgrade to Fluent Forms Pro Add-on.

Enable iContact Integration

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

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

Enabled Icontact Fluent Forms

Once you enable iContact, you will be asked for the necessary information (iContact Application key, Account Email Address, API Password, Account ID, and Client Folder ID) of your iContact Account.

NOTE

If you do not have an iContact account, create one here.

Icontact API Settings

Get the iContact API URL and API Key

First, log in to your iContact Account, go to Profile from the top right corner, and click the Settings and Billing button.

Settings Billing Option Integrate iContact

Click the iContact Integrations from the Settings and Billing list.

Icontact Integrations Option

Click the Create button of Custom API Integrations.

Custom API Integration Create Button

Now, you will get your required information for the integration. Simply, copy all of the required information as shown below through arrows.

Also, give your API a Name and Description under the API Information section and click the Save Changes button to save all information.

Copy All Necessary Information

Connect iContact with Fluent Forms

Then, return to the iContact API Settings page under the Configure Integrations tab of the Global Settings section from the Fluent Forms Navbar.

Paste all the required information you copied from iContact into the respective fields (Application ID into Application Key, Username/Email Address into Account Email Address, Password into API Password, Account ID, and Client Folder ID fields).

Finally, click the Save Settings button to make your iContact Integration module functional.

Paste All Copied Information

Here, you can see that your iContact is connected to your Fluent Forms successfully.

You can verify/disconnect it anytime by clicking the Verify Connection Again/Disconnect iContact buttons if needed.

Verify Or Disconnect Button

Integrate iContact into Fluent Forms

First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your iContact 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.

Open Settings Integrate iContact

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

Add Integration Button Integrate iContact

Here, you will find a required field to set a Name for your integration feed according to your preference. Also, you must select the iContact List from the dropdown where you want to send the submitted form data.

Icontct List

Once you select the list, a pop-up page will appear with various settings options for configuring the iContact.

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

  2. iContact List: From here, you can change the iContact List anytime if needed.

  3. Map Fields: Use all the fields under this option to properly link your iContact Fields with the Form Fields. You can easily select the value for the Form Fields based on the iContact fields using the Shortcode Arrow.

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

  5. 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 iContact will be integrated into this specific form!

Save Feed Button Integrate iContact

After successful Integration, now you will see that your iContact 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.

Added Icontact Integration Feed

Preview of Integrated iContact

Here, you can see the preview of the added contacts of iContact through the Form entries that I set up during the integration.

From the Entries section of this particular form, you can see four form submissions.

Entries Fluent Forms

Now, go to the Contacts section from the left sidebar, open the Lists tab, and click the View Subscriber button of the selected list you integrated into Fluent Forms using the Three-Dot Icon.

View Subscriber Icontact

And, you can see that the users who submitted forms in Fluent Forms are automatically added to the selected iContact Contact List.

Preview Newly Added Contacts Integrate iContact

This way you can easily integrate iContact with Fluent Forms!