How to Add Drip Forms to WordPress

So you created your form in Drip and now you wanna add it to your WordPress site. No problem. In this tutorial, I’ll show you how to make that happen.

play

When in Drip, click on “Forms” in the top navigation menu and choose the form you created. If you haven’t created a form as yet, check out my tutorial on how to do that.

If you’re using the Widget option, the good news is that the forms will automatically show up on your WordPress site, as long as you have connected Drip to WordPress.

This is the preferable way for one major reason. When you use the widget option, you get all the design elements shown. When you switch to the embedded version of the form, all of that formatting is lost.

If you decide to still use the embedded version, this tutorial will show you two ways of adding it to your WordPress site. 

The Drip Form Embed Code

In the “Embedded” tab, you will see a bunch of HTML code.

Don’t let this code freak you out. You don’t have to understand it. You just have to be able to copy and paste.

When you click on the code, you will see that it automatically selects the whole thing for you.

Then right click and select Copy. Stage one is done.

Now you have to add the code to your site for the form to show up.

The first way involves adding it to the sidebar using a text widget

Drip Embedded Form Settings

Using a Text Widget

Once in your WordPress admin area, go to Appearance and then Widgets

This is where you’ll see your available sidebars.

Drag a text widget to the sidebar you want the form to be in and put it in the position you want it to be.

You don’t have to add a title. Make sure to have the “Text” tab selected.

Then, paste that copied text in the text field and click on the “Save” button.

When you go to your site, you should see that the form has been added to the sidebar. It will be a very raw version of an opt in form. But it will be functional.

Now, there’s another way to add the form to your blog and that’s by adding it directly into a post or page.

Drip Form Text Widget

Adding a Drip Form to a Post/Page in WordPress

Once in a post or page, make sure to use the text editor by clicking on the “Text” tab.

Then, you can paste the form code in the position you want it to be.

Then, click the “Update” button.

Now that it’s saved, click on “Preview Changes” to verify that the code has been added.

QUESTION: What are you using to add forms to your site? Go ahead and leave your answer to this question in the comments area below.

>
Share
Tweet
Pin
Share