ghost contact us page

• PRE-WORKOUT

This is a carousel without non-rotating slides. Use Next and Previous buttons to navigate.

Your cart is empty!

WE RECOMMEND THESE

Contact GHOST®

How can we help you.

GHOST Support is available weekdays 9AM-5PM CT. We do our very best to respond to support emails within 48 hours.

Please fill out the form below. This will send an email directly to our staff.

Enter your code below (1 word per box) to earn your points!

You may redeem a maximum of 10 codes per month.

Enter your birthday below, LEGEND!

Hey, LEGEND!

Thanks for checking out GHOST©! Use code below at checkout for 20% off your first purchase!

Title modal.

• Refresh page

• Mailing List

Phantomime Out Now

Jesus He Knows Me

Phantom Of The Opera

Coming Soon

Impera Out Now

Featured Music

Shop more music here

Get Email Updates

Join our mailing list to get the latest news, tour updates, releases and more. You'll be the first to know.

5 Contact Form Options for Ghost (And How to Use Them)

Contact forms are a vital part of running almost any website. But if you're a Ghost user, you may notice there isn't a seemingly straightforward way to get one set up. Luckily, there are a ton of form submission services available that make it easy to integrate with little to no coding experience.

How Do Form Submission Services Work?

If you were to setup a contact form from scratch the process would be broken down into these two steps:

• The first step is to setup the HTML/CSS for your contact form which includes defining the fields for the data to be collected and styling the form the match your site’s design.
• Next is to write a script to process the data collected by the form and configure it to send the data to yourself and/or to save it to a database.
• Finally, the last step is to show a response to the user. That could be in the form of a success/error message or redirecting them to another page.

While that may not sound too complicated, step 2 is where things get tricky. Although it’s fairly easy to setup a simple contact form using HTML/CSS on any Ghost page, Ghost doesn’t have a built-in script for processing the data sent by the form.

Here’s where form submission services come in really handy. They provide an API endpoint (think of it as the script from step 2) that will process whatever data you send to it and email it directly to you (and with some services, even save it to a database that you can browse on the web).

Form submission services provide an API endpoint that will process whatever data you sent to it and email it directly to you (and in some cases, save it to a database that you can browse on the web).

Now that we’ve gotten that out of the way, let’s take a look at the top five contact form services and see how they stack up against each other and which can work best for your needs.

Choosing a Contact Form Service

FormSpree is one of the most popular contact form services among Ghost users and Ghost theme developers. It’s simple and straightforward which is summarized accurately by their tagline “Use your own HTML, Javascript and CSS. Submit to our API and we’ll handle the rest.”.

Why Ghost users love it:

You have full control over the coding and styling of your form and over 10 useful integrations such as Stripe , Trello , Google Sheets and more. They even feature a handy template library where you can view commonly used forms and copy the HTML code in one click.

FormSpree offers a Free plan that allows for up to 50 submissions per month, which is often enough for small website. Paid plans are also available with more generous limits and features such as custom rules that allow you to control the delivery of your form submissions.

FormSubmit may take the crown for simplicity and ease of use. No registration is required and unlimited submissions from unlimited forms are supported for free.

With simple options and no need to create an account, FormSubmit is a great option for those looking for the basics. However, there are still a few more advanced and useful features such as file uploading and ajax support that make is a great all around option.

FormBackend

FormBackend is one of the more full featured contact form options. While their tagline is “send emails via a form on your website - without writing a single line of backend code.”, they offer much more than it appears at first glance.

For users looking to have features such as multi-user support, email customization, and a full API, FormBackend offers all of this and more at a very reasonable cost. You can also route form submissions directly to Slack, ZenDesk and other apps.

Basin is a contact form service that feels more like a business than just a tool. In addition to being able to receive your form submissions via email, Basin offers a secure, intuitive dashboard to filter and search through submissions. You’ll also find the essentials such as easy form setup, spam protection and field validation.

With fully customizable email templates, integrations, and strict privacy controls, Basin is the top choice for serious users and businesses. However, they do offer a free plan with a generous limit of up to 100 submissions a month, also making it a great choice that can grow as your needs do.

FormBucket has a comprehensive set features ranging from basic to advanced including all of the essentials features you could need in addition to a searchable database, autoresponders and more. There are no pricing plans with FormBucket, once you subscribe to their service, all features and unlimited form submissions are included.

With no form submission limitations and handy API and GraphQL features, FormBucket is a great option for power users at a compelling price.

Head-to-head Comparison

Bonus: setting up your form.

The common theme among all of these form submission providers are that they all support your own custom HTML and CSS for creating and styling your form. As a Ghost user or Ghost theme developer, you can get the ball rolling even before you’ve decided on a service to handle your submissions. Let’s setup a basic contact form in Ghost that you can use with the service of your choice.

Start by navigating to your Ghost admin panel and click Pages from the left side navigation:

Next, select New Page from the top right:

Enter a Page Title (e.g Contact) and in content area add a new HTML element:

Copy & paste the following HTML code snippet for a basic contact form:

Replace [FORM URL] with the URL provided by the service of your choice.

For styling the form, use the gear icon on the top right to access the in the Page settings. Scroll down to Code Injection and in the Page header field, copy and paste the following CSS code snippet:

Save your page and your set!

Some Ghost theme developers may include built-in styles for forms which can allow you to skip this last step. All of the themes offered by LayeredCraft are compatible with all of the forms mentioned in this article!

Keep in mind the example above is for a very basic form with minimal styling. We’ll be writing more articles that take a deeper dive into advanced form building and customizations in the future, so be sure to subscribe to our newsletter for all the updates!

How have you setup a contact form for your Ghost blog? Did we miss a service that you’d like to see? Tweet us @layeredcraft !

Eric Alli @ericalli

Eric is the founder of LayeredCraft. He has worked as a designer and engineer for 15+ years and loves creating innovative and effective themes for all industries.

Follow the Journey

Hello! I'm Eric the founder of LayeredCraft!

Join our newsletter, a monthly update detailing everything that goes into building and scaling this startup from Theme Updates, to Marketing and Business.

#7 HOW TO: Add a contact form to your Ghost.org site to connect with your audience

I'm Kirsty, owner of 24 Countries. If you love travel, you're bit of an adrenaline junkie, love a good bargain and haven’t got it all figured out yet? Then, follow along for travel inspiration!

5 Captivating Events For Bonfire Night In Edinburgh | 2023

7 Enchanting Events For Bonfire Night In Glasgow | 2023

21 Eerie Halloween Events In Aberdeen For The Whole Family | 2023

Get all the latest posts delivered straight to your inbox..

Hopefully you're well and truly in the midst of setting up your Ghost.org site. So far by following my 'how to start a blog' series (linked at the bottom of this blog post)... you should have a snazzy looking website with concise primary and secondary menu's tailored to your niche - this will intrigue any visitor to your site! However, keeping visitors engaged is a different ball game. You need to have really engaging posts, which I will cover in a later 'how-to' blog post and have a space for the audience to connect with you.  It's important that your audience know there is a person behind the site and that they can contact you. It helps make your site more personable, build a rapport with your readers and helps keep them interested in your blog. Not to mention... it's also a chance to organise contributions to your site from other bloggers or organise collaborations with brands.

I would suggest having a 'contact' section on your site in either your primary or secondary menus. To set this 'contact' menu up, read this blog post:

Within this 'contact' menu, instead of giving out any personal data like your personal email address or phone number, you can instead add a contact form to your blog to connect with your audience. In this blog post, I will cover how to set up a contact page, link it to your 'contact' menu then add a contact form to that page. I promise its not as confusing as it sounds. Keep reading to find out!

Another way of allowing your audience to contact you is through social media. By having easy-to-access social media icons on your blog allows the reader to follow you on all social media sites that you have linked and contact you there. I covered linking your social media in this blog post:

I'm just starting a blog and focusing all my attention on one social media site (Pinterest) for the time being. So, I've not added other social media links but this is hopefully something I'll do in the future when I start to build a following. It's personal preference whether you want to add a contact form or social media links or both!  

This blog post will cover:

STEP ONE: Create a 'contact' page

Step two: link the 'contact' page to the 'contact' button in your primary or secondary menu, step three: add a 'contact' form to your 'contact' page.

• Links to my other 'how-to' blog posts

If you need help with other aspects of Ghost.org/Google Domains, follow my 'how-to' blog post series linked at the bottom of this blog. A new 'how-to' blog post will be released every Thursday.

You first need to set up a 'contact' button in either your primary (top of your site) or secondary (bottom of your site) menus. Like this...

If you haven't already done this or aren't sure how to set this up, not to worry... read this post to help you!

Now that you have a 'contact' button in your primary or secondary menus, you need to set up a 'contact' page.

So to set up a 'contact' page, follow these instructions...

• You need to be logged into your Ghost account and click the 'pages' button on the left-hand menu.

2.     Click 'new page' up the top right-hand corner.

3.     Customise your 'contact' page... Add a title and upload/choose a picture, go wild! This page will save as a draft until you choose to publish it.

Next, you have to link your 'contact' page to the 'contact' button in your primary or secondary menu. If you don't do this and you click on the 'contact' menu button, you'll be met with a 404 error message.

To link the two, follow these instructions...

• Log into your Ghost.org account and then click on your settings. This button...

2.   Within your Ghost settings and under the 'website' section, click on the 'navigation' tab (highlighted in the picture below).

3.    Find the 'contact' menu row under either your primary or secondary menus and make the URL end in '/contact/'.

4.    Next, click on the 'pages' button on your left-hand menu and go onto your 'contact' page.

5.    Click this button up the top right-hand corner of your 'contact' page.

6.    Edit your page URL to match the URL above in the primary and secondary menu. This will link the 'contact' page to your 'contact' menu which means now when you click on your 'contact' menu, you will be able to see your contact page once you've published it.

• Go to https://formspree.io and create an account by clicking the 'get started' button. I use formspree to make my 'contact' form as its free and easy to use.

2.   Once logged into your formspree account, go to the 'forms' section and click '+ new form'.

3.    Input a name for your form and an email address, then click 'create form'.

4.    Once you've created your form. You will now see your form details. Copy your form's endpoint URL.

5.     Just under your form's endpoint, there should be a heading that says 'see some example'. Click on the red hyperlink under this title.

6.     In the form library, click on the form you want to use. I choose the simple contact form for my blog.

7.    Click 'get the code' on your desired form.

8.     Very important step - you have to edit this highlighted section in the picture below and insert your form's endpoint that you copied earlier.

9.        Next, edit the code to customise your contact form. For example, I took out the greyed text in the boxes.

How I did this was by removing the full 'placeholder' sections up to the blue 'required' part of your code:

If you want to edit the actual headings in the contact form like 'full name', 'email address' or 'message'. Edit the highlighted sections in the picture below of your code.

10.   You can see an example of what your contact form will look like on the right next to your code. If you're happy with it, simply copy all the code.

11.    Next, go back to your 'contact' page in Ghost and in this section below, write a little introduction for your 'contact' page.

12.    Once you've got your introduction, click the plus button.

13.     Click on the 'HTML' option in the drop down menu.

14.     Insert your code for the contact form in the HTML box and press the enter button.

15.     Now, you should have a contact form on your 'contact' page. All you have to do is publish your page by clicking the publish button up the top right-hand corner.

Links to my other 'how-to' blog posts:

In the meantime, if you have any questions please don't hesitate to contact me via the contact form.

Member discussion

30 Fabulous Ideas For Secret Santa Gifts Under £10

The Ultimate Guide To Stand Up Paddle Boarding Near Me | Paddle Boarding Scotland

The Ultimate Half Marathon Training Plans For Beginners: 8-week, 10-week, 12-week and 16-week plans

7 Half Marathon Essentials

Half Marathons Near Me | Scotland 2023

If you want to set up a contact page for people to be able to reach out to you, the simplest way is to set up a simple page like this and list the different ways people can reach out to you.

For example, here's how to reach us!

• @Ghost on Twitter
• @Ghost on Facebook
• @Ghost on Instagram

If you prefer to use a contact form, almost all of the great embedded form services work great with Ghost and are easy to set up:

How to add a contact form to your Ghost Blog

In this article, we will go step by step for adding a contact form to your Ghost blog by creating a custom post template that will allow all authors of your site to add a form to any page using a single drop-down menu on your customized theme.

Mertcan Yücel

Read more posts by this author.

Ghost is a free and open source blogging platform written in JavaScript and it powers an incredible range of websites; from individual bloggers who are just getting started, to large teams of writers and editors at some of the largest organisations in the world. Currently more than 2 million websites running on Ghost including Getform's Blog that you are currently reading!

We know that setting up a contact form on your website site is a way for your audience to get in touch with you directly while they are enjoying your posts. In this tutorial we’ll show you how to create a Ghost blog, adding a customized theme and add a custom contact form directly into your Ghost theme using Getform.

Lastly to provide more control of where the form can be added, we're going to take this one step further by creating a custom post template which will allow all authors of your site to add a form to any page using a single drop-down menu on your customized theme.

How to Create a Ghost Contact Form

1. setting up your ghost site.

As first step, we will install the Ghost-CLI, which is a command line tool to help you get Ghost installed and configured for use, quickly and easily.

then we will install Ghost. In your terminal, cd into an empty directory and run the install command:

Once the install is finished you'll be able to access your new site on http://localhost:2368 and http://localhost:2368/ghost to access Ghost Admin. It will come with a default Ghost theme called Casper . The admin will look like below:

2. Creating a custom page template

With our Ghost site created and running, we can now start creating a custom post template.

• Create a new file at the root of your theme called custom-page-with-getform.hbs and open it in your favorite code editor. We will be using this template for our reusable contact form setup.
• Within the new custom page template file add the following code:

The line {{!< page}} will take the original page.hbs template in the theme and insert everything below it into the page template.

3. Define a content block

In order for the code in our new custom template to be inserted in the right place we need to define a content block. A content block can be defined using the {{#contentFor "example"}}...{{/contentFor}} helper, as shown in the code sample above.

Open the page.hbs template in your code editor and locate a place in which you want the form to appear and add the following:

Since the block has been referenced anything between the {{#contentFor "form-area"}}...{{/contentFor}} block helper will be inserted wherever the code has been placed at.

4. Create your Ghost contact form using Getform

• If you haven’t created one already, sign up to Getform or login with your existing account to Getform.
• Click to “+” button on your forms dashboard page to create a new form then name it e.g. “Ghost Blog Contact Form" and copy the unique form endpoint that belongs to the form you have just created. With that unique form endpoint add the code block below between the “contentFor” block:
• Note that unique form endpoint you have created from Getform is placed to the action attribute of the form tag.
• If you would like to accept file attachments to your form, you should also add enctype='multipart/form-data' attribute to your form tag as well as the file input. You can check more setup details here .

5. Styling your contact form

Next we need to add some style and layout to our form. Depending on your theme, you might already have some default styles for form elements. If you're using Casper, like in this tutorial, you can use the following CSS:

Optionally you can use one of default Getform form templates listed on our Codepen .

6. Uploading your customized theme with contact form

Next step is to save your theme changes and upload your theme via the Design view in Ghost admin.

To upload a theme to your publication, go the “Design” settings in Ghost admin and click the “Upload a theme” button. Once uploaded, click “Activate” to activate the theme on the site.

Next, create a new page called “Contact” and use the Template select option at the bottom of the page settings to select the template “Page With Form”.

Hit publish and navigate to the page on your site to see the form in action.

• After you fill the fields and submit it, here is how your form data will look like on your Getform dashboard.

That's it! You have setup a contact form on your customized Ghost Theme.

Improving User Experience

The Getform Thank You Page will be shown to your form submitters by default, but you can change it to one you'd like by upgrading your account to Pro plans .

After you finish the setup, based on your needs you can also s et up an email notification from form settings , use our Zapier integration to send your form submission data to 100s of other applications and keep your form submissions spam protected by using reCaptcha integration .

Well done! Not only have you added a contact form to your Ghost, which will allow you to make direct contact with your site's visitors, but you’ve also used advanced Handlebars theme logic to add a feature while keeping the code changes low.

Getform will handle the contact form submissions on your Ghost site, all with just a few lines of code. It is more flexible and robust solution than what you might get from a form plugin.

BONUS : If you would like to check out the Ghost themes, you can visit the themes section from here: https://ghost.org/marketplace/ and select your preferred one.

Ready to start?

Get started by creating your first form now!

Thank you for reading! We keep enhancing Getform by listening to you, leave us your feature requests or vote on the existing ones.

Checkout our Codepen page , Github page  and Documentation for more information and samples.

Just drop us a line at [email protected] and we'll help you out.

Mertcan from Getform Form backend platform for designers and developers

Subscribe to Getform.io | The modern way to build the form backend!

Get the latest posts delivered right to your inbox

Stay up to date! Get all the latest & greatest posts delivered straight to your inbox