Gold Penguin Logo with Text

Send Breakdance Builder Forms to ActiveCampaign

Want to send your website forms directly to ActiveCampaign? Read our step-by-step guide and discover how you can easily automate this process using Breakdance Builder.
Updated October 1, 2023

Sending WordPress forms directly to ActiveCampaign can make your marketing efforts more efficient.

You can auto-add new subscribers to your newsletter list. You can effortlessly automate important follow-up emails. You can capture leads without the manual effort.

And there are so many other things you can do! 

This tutorial will guide you on how to send Breakdance Builder forms to ActiveCampaign. 

activecampaign list

Let’s get started.

Create A Form in Breakdance

On your WordPress dashboard, create a new page. Open it on Breakdance Builder.

Create a new section. Then, search and add the ‘Form Builder’ element. Adjust the size, background color, and spacing. Click ‘Save.’

breakdance form

Once you’re done, save your page. Come back to it later after setting up your ActiveCampaign API.

Setup Active Campaign List and API

1) Create A List On ActiveCampaign

Make sure you have already registered an account in ActiveCampaign.

Let’s make a new list to store user info whenever they submit a form. On your ActiveCampaign dashboard, go to Contacts > Lists. Click ‘Add a list.’

Enter the name of your list and save. In this example, we’ll save our user info to ‘Master Contact List.’

create activecampaign list

2) Copy ActiveCampaign URL and API

Find Settings > Developer in your ActiveCampaign dashboard. Copy the URL and API key.

copy activecampaign api key

Setup Breakdance ActiveCampaign Integration

1) Save ActiveCampaign URL and API on WordPress

In WordPress, navigate to Breakdance > Settings > API keys. Paste the URL and API key into the ActiveCampaign fields. Tap ‘Save Changes.’

paste activecampaign api

2) Add Active Campaign on Forms Actions 

Back to your Breakdance editor, find and click the Form Builder element. Then, select the ‘Actions’ dropdown menu and locate ‘‘Actions After Submission.’ Choose ‘ActiveCampaign’ from the dropdown menu.

Once you’ve done this, an ‘ActiveCampaign’ option will emerge below the ‘Actions After Submission’ menu. Click the edit icon to set up the integration.

activecampaign form action

3) Map Form Fields

Under ‘Account,’ choose ‘Master Contact List.’ 

Under ‘Field Mapping,’ add two fields for the name and email. Check that the fields are arranged in the same order.

active campaign field mapping

Note that we only added the name and email to make a simple example. But feel free to add more fields to your form. Just make sure that you map them on the correct fields. 

Step 5: Test Your Breakdance Form

Open your live form page on the browser. Try entering a name and email address. Then, click submit.

test breakdance form

Open your ActiveCampaign dashboard. Click ‘Contacts.’. At the bottom of the page, you should see the list of users that submitted a form.

activecampaign list result
Want To Learn Even More?
If you enjoyed this article, subscribe to our free monthly newsletter
where we share tips & tricks on how to use tech & AI to grow and optimize your business, career, and life.
Written by Christy Cañete
Christy Cañete is a software engineer who's passionate about front-end web design. Not only can she code, but she writes too! She loves breaking down technical topics into super easy tutorials. If you're looking to learn without the jargon, she's your go-to.
Subscribe
Notify of
guest

1 Comment
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
Join Our Newsletter!
If you enjoyed this article, subscribe to our free monthly newsletter where we share tips & tricks on how to use tech & AI to grow and optimize your business, career, and life.
magnifiercross