Setting up a contact form that truly fits your brand can feel like a difficult task, especially when you want it to integrate with tools like ConvertKit seamlessly
The good news is, it’s entirely possible to build a customized ConvertKit contact form that captures leads while maintaining your site’s style.
Create Your WordPress ConvertKit Form Now! 🙂
In this article, I’ll show you how to create a customized ConvertKit form and add it to your WordPress site without any coding! Let’s get started.
How to Create a Customized ConvertKit Contact Form in WordPress
We’re going to show you how to create a basic ConvertKit form. You can follow the same steps to connect any form to ConvertKit easily.
Step 1: Install the WPForms Plugin
The first thing you need to do is to install and activate the WPForms plugin. Here’s a step-by-step guide on how to install a WordPress plugin.
Note: You can access the ConvertKit addon only if you’ve got WPForms Pro or a higher package activated on your WordPress website.
Step 2: Activate the ConvertKit Addon
Next, we need to install and activate the ConvertKit addon. Head over to your WordPress dashboard and go to WPForms » Addons.
On the addons page, search for ConvertKit and press the Install Addon and Activate button. Once you complete the addon installation process, you will have to create a new form with WPForms.
Step 3: Create Your ConvertKit WordPress Form
WPForms comes with an awesome in-built form template library. This library consists of 2,000+ WordPress form templates.
Using these templates, you can kick-start your form-building process with just a few clicks – no more need to build forms from a blank canvas.
Now, to create a new form. First, click WPForms » Add New in your WordPress dashboard.
This will prompt you to the form setup screen. Here, you need to add a name to your form and select the form template you want to use
For this example, we’ll use the Simple Contact Form and name it “ConvertKit.” If you want, you can choose the Newsletter Signup Form Template here instead.
This is how your form will look in the form builder dashboard. Feel free to add, edit, or rearrange fields according to your liking.
Once you set your basic form fields, it’s time to add a GDPR agreement field to your ConvertKit form.
Step 4: Add a GDPR Agreement Field (Optional)
The GDPR Agreement field in WPForms helps you create GDPR-compliant forms by giving your visitors an explicit way to agree to store their personal information.
To turn on GDPR features, go to WPForms » Settings and click on the GDPR Enhancements checkbox.
By enabling this feature, you’ll optionally be able to:
- Disable user cookies
- Disable user details, which includes IP addresses and User Agent data
However, the first checkbox is enough to enable the GDPR field in the form builder. If that’s all you need, you can save your settings now.
To add the GDPR field to your form, go back to the form builder and drag and drop the GDPR Agreement field into position.
Once you’re done with all the customizations, click Save. Now the form’s complete, and we can go ahead and connect it to ConvertKit.
Step 5: Connect WPForms to ConvertKit
To integrate your WordPress form with ConvertKit, we first need to connect WPForms to your ConvertKit account.
If you don’t already have an account, it’s time to create one. Visit the ConvertKit website in a new tab and click on the Get started free button.
This will redirect you to the sign up page. From here, click on the Create account tab, enter your signup details, and hit the Get started button.
All you need to do is complete all four steps in the setup guide to create your account. Once you’re in the ConvertKit dashboard, go to the Settings page.
Next, you’ll need to scroll down until you see the Advanced tab and click on it to open up the relevant options we need to connect it with WPForms.
The next screen that opens will display the API Key and API Secret. To copy it for use in WordPress, use the copy icon next to each key.
Now, return to the form builder screen of WPForms and head to the Marketing tab. Click on ConvertKit and then the Add New Account button.
Once you do that, paste the ConvertKit API Key and API Secret Key that we copied earlier into the relevant fields and click the Add button.
After that, simply give the connection a name and then click on the OK button to complete the integration process.
Following the creation of your connection, select the account you linked under Select Account, after which you can start mapping your fields.
You can now start mapping the fields accordingly. This email contains the user’s email you wish to add to your subscriber list.
Subsequently, map the new email, first name, form, tags, and any other custom fields to your form to finalize the connection with ConvertKit.
Awesome! You’ve successfully integrated ConvertKit with WPForms and are now ready to embed the form on your website.
Step 6: Embed Your Convertkit Contact Form
Now, let’s add your ConvertKit form to your WordPress site. Using WPForms, you can add your form in multiple locations, including:
- Page
- Post
- Sidebar widget
Let’s see how you can embed your form on a WordPress page. To add your form, click on the Embed button at the top of your page.
This will open a popup window with 2 form embedding options.
- Select Existing Page: From this option, you can display your ConvertKit contact form on the existing page of your website.
- Create New Page: If you want to display your form on a new page, you can use this option to create a new page, and the form will automatically be added to the new page.
Choose your option and click on the Let’s Go button. This will take you to the block editor, where you must hit Publish or Update to take the form live.
This is how your ConvertKit form will look on the live page. Make sure to test the embedded form to ensure it works as intended.
That’s it! Now, you can automatically add subscribers to your ConvertKit account whenever your visitors submit the form on your site.
More Questions About ConvertKit Contact Forms
The WPForms and ConvertKit integration is a popular topic of interest among our readers. Here are answers to some common queries about it.
Does ConvertKit have contact forms?
Yes, ConvertKit offers contact forms that can be easily created and embedded in your website. These forms are designed to capture subscriber information and integrate seamlessly with ConvertKit’s email marketing tools.
How do I create a Form ConvertKit?
Creating a form in ConvertKit is straightforward. After logging into ConvertKit, navigate to the Forms section, click on Create New, and choose Form. You can then select a template and customize it according to your needs, including custom fields and design elements.
How do I integrate WPForms with ConvertKit?
To integrate WPForms with ConvertKit, first, ensure you have the WPForms plugin and ConvertKit Addon installed on your WordPress site. Create a form in WPForms, go to Marketing » ConvertKit, add a new connection, authenticate your ConvertKit account, and link your form to a ConvertKit form or tag.
How do I create a contact form in WPForms?
Creating a contact form in WPForms is easy. Install and activate WPForms on your WordPress site. Click on WPForms » Add New, select a contact form template or start from scratch, customize your form fields, configure settings, and embed the form on your site.
Next, Get More Subscribers for Your Email List
Are you struggling to get subscribers for your blog or website? Worry not; we’ve got you covered with our powerful tips on how to grow your email list fast.
If you enjoyed this article, you might also want to read about these clever hacks to unlock hidden customer data with a WPForms hidden field.
Create Your WordPress Form Now
Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.
If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.