To send form data from a Webflow form to ActiveCampaign without using Zapier, you can utilize ActiveCampaign's API to directly integrate with their platform.
Here's a step-by-step guide to help you achieve this:
Step 1: Set up an API connection in ActiveCampaign:
- Log in to your ActiveCampaign account and navigate to the "Settings" in the bottom left corner.
- Under the "Developer" tab, click on "API Access."
- Create a new API connection by clicking on the "+ New API Key" button.
- Give your API key a name and assign it necessary permissions (like "Contacts: Create" to add contacts).
- After saving the key, make note of the API URL and Key for later use.
Step 2: Add the form action URL in Webflow:
- Open your form in the Webflow Designer.
- In the Settings panel, scroll down to find the "Form Settings" section.
- Set the method to "POST" and input the form action URL.
Step 3: Add custom code to handle the form submission:
- In your Webflow project, navigate to the page with the form.
- Add an HTML Embed element to the page and place it anywhere in the code.
- In the HTML Embed code area, insert a script tag to include jQuery:
```
```
- Next, create a JavaScript function that intercepts the form submission and sends the data to ActiveCampaign:
```javascript
```
- Remember to replace `<ACTIVECAMPAIGN_API_URL>` and `<ACTIVECAMPAIGN_API_KEY>` with the appropriate values obtained in Step 1.
Step 4: Test your form submission:
- Save and publish your Webflow project.
- Fill out the form on your live site and submit it.
- The JavaScript code intercepts the submission, sends the form data to ActiveCampaign via the API, and handles the response (success or error).
By following these steps, you should be able to send form data from Webflow to ActiveCampaign without relying on Zapier. Make sure to test the integration thoroughly to ensure the data is being sent successfully and accurately.