When list growth is your goal, you’ll want to make sure to scatter your subscribe forms strategically throughout your website. This video tutorial and post will walk you through how to add a ConvertKit subscribe form to your website. We’ll first walk through how to add it using ConvertKit’s plugin and then walk you through how to add it to your website using the Beaver Builder plugin.

Here’s how to add a ConvertKit subscribe form to your website using the ConvertKit plugin:

Step 1: Create an account with ConvertKit for free.

You’ll want to log into your existing ConvertKit account or sign up for a free account.

Step 2: Create a new subscription form in ConvertKit.

Skip to the next step if you’ve already created your subscribe form. Otherwise, go to your Landing Pages & Forms tab in your account and click the Create New button. You’ll want to follow the prompts on your screen and update the settings accordingly.

Screen Shot creating a new subscription form in ConvertKit

Step 3: Copy your form’s shortcode.

Click the EMBED button at the top of your screen and then click WORDPRESS. You’ll see a unique shortcode that you’ll want need for a bit later in this process. Either copy and paste it somewhere handy or open a new tab for the next steps.

Screen Shot ConvertKit form shortcode

Step 4: Go to your WordPress website and install the ConvertKit plugin.

Go to your WordPress Dashboard > Plugins and click Add New. Search for ConvertKit and click Install. Once it installs click Activate. 

Screen Shot ConvertKit plugin for WordPress website

Step 5: Link your ConvertKit account to your WordPress website.

Still under your WordPress Dashboard, click Settings > ConvertKit from the sidebar. Paste in your API Key and API Secret and click Save Changes. There are helpful links under each of these fields if you’re unsure where to find this information in your account.

Step 6: Paste your shortcode wherever you want the form to appear.

Now that the plugin is installed and linked to your account, you’re able to use the form’s shortcode to display the form. 

Below is the Custom CSS I use and mentioned in the video. Enter this in the Custom CSS field inside your ConvertKit form settings to center your form, add some space above and below and add a drop shadow:

{margin: 0 auto;}

{margin-top: 40px;}

{margin-bottom: 50px;}

{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

Bonus tip! If you’re adding the shortcode to your blog posts be sure to add it as a Reusable Block. Not only does this save you time down the road when adding it to future posts but allows you to make system-wide changes down the road without remembering everywhere you once added this code. Lifesaver!

Personally, I only use the shortcode method inside of my blog posts. For all of my other subscribe forms, I use the Beaver Builder subscribe form module which I’ll walk through next.

Here’s how to add a ConvertKit subscribe form to your website using the Beaver Builder Page Builder plugin:

First, you’ll want to follow steps 1-3 from above:

  1. Create an account with ConvertKit for free.
  2. Create a new subscription form in ConvertKit.
  3. Copy your form’s shortcode.

Then you’ll want to continue with the following steps to continue with the Beaver Builder Page builder plugin method:

Step 1: Install the Beaver Builder plugin.

If you haven’t already installed the Beaver Builder plugin to your WordPress website.

Screen Shot Beaver Builder plugin for WordPress Website

Step 2: Add the subscribe form to your page.

Go to the desired page on your website and add the Subscribe Module where you’d like your subscribe form to appear.

Step 3: Link ConvertKit to the Subscribe Form Module.

Inside the subscribe form module, you’ll need to add your ConvertKit account details to gain access to your forms. 

Screen Shot Beaver Builder Subscribe Form Module Settings

Step 4: Style your subscribe form.

Next, you’ll want to style your subscribe form according to your brand design. After you click Save and Publish you’re good to go!

Earnings Disclaimer: This post may contain affiliate links. If you use my links to signup for an account I may earn a small commission. Please know I only recommend tools I’ve personally used (& loved) in my own business.


See How I'm Using ConvertKit in 2021 Tour Demo

5 Ways I’m Using ConvertKit in my Business in 2021

how to create an autoresponder in convertkit

How to Create an Autoresponder in ConvertKit to Welcome New Email Subscribers

notebook preparing to write nurture sequence formula

My Go-To Nurture Sequence Formula for Welcoming New Subscribers