How to Add a Form to Ghost

Ghost is an open-source platform made for writers, publishers, and creators who want a clean, straightforward way to share their content. It’s known for its minimalist design and user-friendly interface, perfect for building websites, publishing blogs, or sending newsletters. Ghost keeps things simple, letting you focus on connecting with your audience without getting bogged down by extra features you don’t need.

Now, if you add an online form to your Ghost site, you can take that connection even further. Forms make it easy to capture feedback, collect sign-ups, or get new content ideas directly from your readers. It’s a great way to hear from your audience, learn what they’re looking for, and build a real sense of community around your work.

Getting the Embed Code

Follow these steps to copy the form embed code for your Ghost page or blog post:

1. In Form Builder, click on Publish.
2. Next, click on Platforms.

3. Then, select Ghost. You can use the search bar to find it easily.

4. In the next screen, click on Copy Code.

Embedding the Form

Once you are signed in to your Ghost site address, follow these steps to embed your form on your Ghost website:

1. Click on the Pages tab on the left side of the page.
2. Next, click on the Pencil icon on the right of the page you want to embed your form.

3. In Ghost editor, click the Plus icon to open the Card menu.
4. Select the HTML card to add it to your website.

5. Paste your form embed code into the source code editor.

6. Click on the Update button at the top of the page to apply the changes.

Viewing Embedded Form

The Ghost Editor saves any changes automatically as draft. After you paste your form embed code and update your website, the HTML card will show an Embedded Javascript message in the Ghost editor.

Your embedded form will show when you preview your unpublished website.

It will appear on your published website after you click on the Update button in the Ghost editor.