Ghost Contact Form

Ghost, the blogging platform that I use for this site is relatively new to me, so I'm having to work out things as I go. I'll share them; to save you some pain should you be having the same troubles!

Firstly, the platform doesn't have a built in 'contact me' feature, and I want people to be able to contact me from a form within the website. Luckily this is pretty easy to implement, and i'll show you exactly how I've done the contact me page on this site, using a free service called formspree.

Create your Contact Me page

The first thing you need to do in Ghost is create your static page. This is done exactly the same as any other content, however you need to click the Page Settings icon, and then click the box for turn this into a static page. Also, give it a url, by default this will generate from your page title, but I chose the more succinct /contact.

This is the content of the page, you want to replace the [your email here] part with your actual email!

If you want to contact me directly, you can use the form below to drop me an email.

I will do my best to get back to you as soon as possible!
<form action="//formspree.io/[your email here]" method="POST">
<input type="text" name="_gotcha" style="display:none"/>
<input type="hidden" name="_next" value="thanks/" />

<p><input type="text" name="name" placeholder="Your name" /></p>  
<p><input type="text" name="_replyto" placeholder="Your Email"/></p>  
<p><input type="text" name="_subject" value="Contact Karl" /></p>  
<p>Content:</p>  
<p><textarea name="message" cols="40" rows="5"></textarea></p>

<button type="submit">Submit</button>

</form>

And save/publish the page.

Thank you page

Next, create another page, this is what will be displayed when the email has been sent, so i've called it thanks/, you can see it in the _next hidden field in the form above.

Thanks!

Your message has been sent, and I will do my best to get back to you as soon as possible!

Karl

You'll then need to add a navigation link, you do that from your ghost admin panel too, under the navigation tab.

Done

That's it! Super simple really. The first time you submit the form you will be sent a confirmation email to the address that you've setup - just confirm it and then future submissions will be emailed straight to you!