The Easiest Way To Integrate Drip Into Your Ghost Blog

2018-07-28

Note: If you’re looking to put a contact form on your Ghost blog, you actually want to read this blog post!

Ghost blogs have a built in subscription feature which allows people to optin to your newsletter. Currently you can only Import CSV, Export CSV or Add Subscriber individually.

You still have to have a 3rd party software for emailing out to your list, something like Drip. You can of course sync with a bunch of marketing automation and email marketing software like Drip by using their Zapier integration, but that’s added cost where it’s just not needed.

What I’m going to show you in this post is how to integrate Drip into your Ghost Blog so you don’t have to pay for zaps via Zapier integration.

The easiest route for most is going to be simply using the Drip Form Widget and install it site wide on your Ghost Blog.

You can find the javascript snippet after inside your Drip dashboard under Account > Site Setup:

We’re going to inject this code into our Ghost blog by using the ‘code injection’ feature under Settings inside your Ghost dashboard:

Now all you have to do is create a new Drip Form Widget inside your Drip dashboard. You can control exactly which pages the widget shows up on, how often it shows up, etc.

But I Hate Pop-ups Steve, I Don’t Want A Pop-up!

I hear ya, I’m not a big fan of pops either. I prefer having my optin forms embedded into my pages or as a pop-up modal that is only triggered when the user clicks a button or link. You can actually do the pop-up modal using the Drip Form Widget but I found it to be inconsistent, it would pop-up most of the time when the button was clicked but not other times.

I decided to just create my own custom styled optin form embedded in the page. You can read about how I set that up here in this post.

Drip Hosted Form

Before I setup the custom optin form and embedded it in the page, I simply hardcoded some links in the Ghost Theme to point a Drip form that was hosted by Drip. You can see an example of the Drip hosted optin form here.

Here are the files and code I changed in order to get my homepage newsletter sign up button and “Subscribe” nav link to point to the Drip hosted form (click on the images to view the code change in Github):

Here’s the code I changed on the post.hbs template so the newsletter sign-up call to action shows up at the bottom of each blog post:

And that’s it, those are all of the top ways to integrate Drip into your Ghost blog. The Ghost theme I was using for Varpop is Attila theme FYI.

How To Create A Contact Form For Your Ghost Blog
How To Add A Custom Drip Email Optin Form To Your Ghost Blog Theme
How To Create A Custom Drip Optin Form Using CSS Flexbox