Cursor Text

Connecting ConvertKit with Webflow

[A]
November 24

Connecting ConvertKit with Webflow can enhance your email marketing by allowing you to collect subscribers directly through your Webflow forms. Here’s how to integrate ConvertKit with Webflow by redirecting a Webflow form to your ConvertKit form.

Why This Method?

This approach has some advantages:

- Design and style your form directly in Webflow.
- Use Webflow’s free plan without needing external embeds or scripts.

Limitations include:

- Only subscriber data will be tracked in ConvertKit, not visitor counts.
- Conversion rates will always be 100% due to missing visitor data.

If these drawbacks are acceptable, this method works well for most users.

Setup Steps

1. Modify the Email Field Name in Webflow

- Change the email field’s name to “email_address.”
- In Form Settings, ensure the name is set correctly. Match additional fields as needed.

Select the email address field and change the name to "email_address"
Select the email address field and change the name to "email_address"

2. Update Form Action for ConvertKit

Click the Submit button and set the Form Action URL to:

https://app.convertkit.com/forms/{Form ID}/subscriptions

For example, if your form ID is “1234567”, your URL will look like this:

https://app.convertkit.com/forms/1234567/subscriptions

-> Ensure the Form Method is set to POST.

Change the action to post of your form
Change the action to post of your form.

3. Configure Additional Settings in ConvertKit

- Customize your thank you page or redirect URL.
- Apply tags to categorize subscribers based on their form submissions.

Final Thoughts

Integrating ConvertKit with Webflow by redirecting a Webflow form is simple and effective. It allows you to design forms while capturing subscriber data. Feel free to reach out if you have any questions or need help with the integration!

[B]
Contact

Ready to Bring Your Vision to Life?