How to Add ConvertKit Forms to your WordPress Blog or Website

October 31, 2018

If there is one piece of business advice I would share with bloggers and business owners, both new and seasoned, it would be to have an email list of your followers and customers. The only followers that you “own” are those on your list. Social media can disappear, and surprisingly enough, the number of actual clicks (not just likes) are exponentially higher in emails than on social media. According to this survey77% of consumers prefer email over social media for permission-based promotional messages. Numbers don’t lie! Also, you never know when you’ll need a list of your faithful audience members to let them know of a change, promotion, or launch that you’re doing. You will never regret having built up your list… even if you aren’t utilizing it right away.

ConvertKit is one of the newer email list softwares out there, but it’s taking the blogging and business world by storm. Not only do we personally use it in our own business, but every business owner I’ve worked with (to help take our business to the next level) has used ConvertKit. We love ConvertKit. I’ll be honest, I don’t use it to its full potential, but I love knowing that I can dig through and get the information I need to best serve our audience.

Here’s what I love about ConvertKit:

  1. I love seeing which links subscribers click and which subscribers clicked. Then, I can email just those subscribers who are interested in the content of the email. It makes serving your customers that much more effective.
  2. I love being able to “tag” my subscribers into various groups. Based on which subscribers have interacted with the content of the email, I can lump them into various groups so again, I can serve them even better.
  3. I love the ability to create a landing page in a matter of seconds that is already linked to our subscriber list. Or, I can simply duplicate an existing landing page, edit the content, and go! This way I don’t need to pay for another separate landing page service.
  4. I could go on and on, but those are the features I love and use the most!
*Please note, the above links are affiliate links if you decide to use ConvertKit for your blog or business. I love it and would love to see you use it as well to grow your business and serve your audience to the best of your ability!

3 Ways to Integrate ConvertKit with WordPress

  1. The first option is to integrate ConvertKit with one of our top 10 recommended Genesis plugins, Genesis E-news Extended. Please note, you can only use this plugin with Genesis child themes, like the Genesis child themes in our shop!
  2. The 2nd option is to integrate ConvertKit with ConvertKit’s WordPress plugin. This is a little more complicated, which is why I prefer to use Genesis E-news Extended with our clients. Just another reason why we love Genesis!
  3. And finally, the 3rd part of this tutorial shows you how to embed the short-codes of a ConvertKit form in any text widget or WordPress post/page.

Option #1

Step One: Create your Form

Once you’ve signed into your ConvertKit account, you need to first create a form so you have a place to collect email addresses.

Choose the type of form you’d like to create, then follow the prompts for the form design.

 

Step Two: Set up the Widget

If you haven’t already done so, add the widget “Genesis E-news Extended”. Set it up as you like in the widget area you’d like (for example the sidebar or footer widget area). There are three form settings to pay attention to. They are:

  1. Form Action
  2. Email Address
  3. First Name (just ignore the last name)

Fill in these 3 sections in like this:

How to Add ConvertKit to a WordPress Blog or Website Using Genesis Enews Extended

The form action field is the URL from the form you created:

How to Add a ConvertKit Form to your WordPress Blog or Website

Step Three: Fill it in!

Customize the rest of the form as you like or leave it blank!

That’s it. ????

 

Option #2

You can also use ConvertKit’s WordPress plugin.

Step One: Download the ConvertKit plugin

First, follow step #1 above to create your ConvertKit form. Once you’ve created your from in ConvertKit, you can then download (under Plugins > Add New in your WordPress dashboard) the ConvertKit plugin.

Next, to configure the plugin, you’ll need the ConvertKit API Key and API Secret. These are just 2 “access codes” we need to grab from your profile in ConvertKit.

Find the Key & Secret codes under your Account Settings:

How to Add a ConvertKit From to WordPress

Then in WordPress, under Settings > ConvertKit, add both codes like so:

How to Add a ConvertKit Form in WordPress

 

Step Two: Set up the Widget

Add the ConvertKit plugin to the widget area of your choice. Then, simply select the form you’d like to display and title it.

How to Add a ConvertKit Form to your WordPress Website or Blog

If you’ve added a form in ConvertKit and it’s not showing up in the dropdown, you’ll need to delete the widget and reinstall it, and then you will have to go through the account setting-up process again. This is why I prefer the Genesis Enews Extended plugin… it’s a lot more seamless!

Also, if you need to change your form (i.e. the wording of your sign-up, the action button text, etc.) you’ll need to do this in ConvertKit. Once you’ve saved your changes in ConvertKit, it might take a while to populate on your WordPress site. It’s a waiting game… and just another reason I prefer the Genesis Enews Extended widget… changes are seen immediately! There’s no down time waiting for ConvertKit to “communicate” with WordPress.

Option #3

Step One: Find your ConvertKit Form Shortcode

You can also take the short-code from your ConvertKit forms and embed it in a text widget or on a page or post. You can find the short-code for each form you’ve created in ConvertKit under Forms > Click on the form of your choice > Embed > WordPress > then copy the shortcode!

How to Add a ConvertKit Form to WordPress

How to Add a ConvertKit Form to WordPress Website or Blog

Step Two: Paste the Shortcode

You can embed the shortcode in any text or HTML widget or on a WordPress page or post like this:

How to Add a ConvertKit Form to a WordPress Blog or Website

 

That’s it! Happy ConvertKit-ing!

How to Add A ConverKit Form to your WordPress Blog or Website-03

 

 

Reply...