How To Use Kartra Forms In WordPress | The Definite Guide

Affiliate Disclosure: Look, I'm working my ass off delivering value to you. So, yes any links that you see in this post are probably affiliate links to help keep this blog going. They are true recommendations and if you click on them and purchase, I probably earn a commission (at no additional cost to you).

Kartra is a brilliant funnel builder, but one thing that it cannot replace in WordPress.

That’s why in this article we are going to take a look at how to use Kartra Forms in WordPress.

This will allow you to collect leads within WordPress using your beautiful Kartra forms while sending the leads straight to Kartra’s automation workflows. 

How To Use Kartra Forms In WordPress

Kartra Forms In WordPress

Kartra Forms in WordPress have the benefit that you can design them inside of Kartra, but use them on your WordPress blog.

Your exisiting WordPress blog probably gets some traffic, but you want to use Kartra forms as they convert extremely well.

Related Article: 

How To Make Money With Kartra | 7 Best Ways To Make Money With Kartra

What Do You Need To Use Kartra Forms In WordPress? 

All you will need to use Kartra Forms in WordPress are:

  • Your WordPress Blog
  • Kartra Account 
  • Elementor (or another pop-up plugin)

You can also use Thrive leads or any other pop-up plugin that lets you insert code.

I personally use Elementor for this purpose, but you can use something else.

You may need the paid version of Elementor (I don’t think so) but you can use any other Popup plugin that lets you insert code. 

How To Use Kartra Forms In WordPress

Here are the 5 steps to using Kartra Forms in WordPress:

  1. Create Form 
  2. Design Form
  3. Take The Javascript Code
  4. Paste Into Elementor
  5. Configure Visibility Settings

And, then Publish!

Step 1: Create Form 

Firstly, you will want to create your form in Kartra.

To do this, just head over to “My forms”

Then click the green “+” symbol (bottom right-hand corner)

Now, enter the name and other basic details about your form (form fields, confirmation etc.)

However, when you are on the “design form” step, select “I will embed form on 3rd party page” as shown in the image below.

Step 2: Design The Form

Now, click “launch the builder” to design your form.

Once you have designed your form, configure the rest of the settings until you are on the “finish settings” step. 

Step 3: Take The Javascript Code

Here you will want to take the Javascript code and copy it.

You can take the HTML, but it won’t have any styling, so I suggest taking the Javascript. 

Step 4: Take The Code and Paste Into Elementor

Now, go to Elementor and go to “Templates” and select Popups, as shown in the image below. 

Then click “Create new”.

Once you are on the screen to select templates, just click the cross in the top right hand corner. 

Now, search for “HTML” in the widgets and drag it onto your pop up (don’t worry, it reads Javascript too).

Both of these HTML options do the same thing. 

Once you have pasted it, click publish and then go to the next step. 

You may also like: 

Kartra vs Thinkific 

Kartra vs InstaPage

Kartra vs Unbounce

Step 5: Configure Visibility Settings

Now, you just need to configure your visibility settings (where your form is shown).

Select the categories, posts, or wherever you want your form to be shown. 

You can also configure the triggers of when your form should be shown (i.e on Click, % scrolled, etc.) 

Publish! 

Once you have completed all the previous steps, click Publish and you should be good to go.

If you want to test to see if your pop up is working correctly, head over to the selected part of your website in a new incognito tab (or private search, where you are not logged in), then see if the form appears on your trigger. 

Leave a Comment