How to Add a Form to Ghost

December 6, 2023

Ghost is a user-friendly, straightforward, and simple open-source blogging platform with a crisp and minimal interface. 

Please keep reading if you want to embed your Jotform form into your Ghost page or blog post.

Getting the Embed Code for Ghost

  1. In the Form Builder, go to the Publish tab.
  2. Click Platforms on the left.
  3. Search and click Ghost.
The image displays a screenshot of the Jotform interface, highlighting the 'platforms' section for publishing a form titled 'Ghost Contact Form'
  1. Click the Copy Code button.
The image displays a Jotform interface with a code snippet for embedding a form into a Ghost blog, alongside step-by-step instructions and a 'copy code' button

You now have the embed codes for Ghost.

Adding Form to Ghost

  1. In your Ghost dashboard, click Pages on the left side of the page.
  2. Assuming you’ve already created the page, click it to edit.
How to Add a Form to Ghost Image-1
  1. In your Ghost editor, click the Plus (+) icon.
  2. Choose and click HTML block.
How to Add a Form to Ghost Image-2
  1. Paste your form’s embed codes in the HTML box.
How to Add a Form to Ghost Image-3
  1. Click outside of the HTML box to save it. At this stage, you should see a text that says Embedded Javascript, but the form is not displayed here.
  2. Click the Update link at the top of the page editor.
  3. Finally, click the Update button from the list of choices. You’re done embedding after that.
How to Add a Form to Ghost Image-4
  1. View the page to verify if the form is displayed.
Notes
The above steps are for Ghost’s page. But the steps are the same if you want to add a form to your Ghost posts.

Ghost Pro is used in this guide, but the steps are the same for a self-installed Ghost website.
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • brielletyshawn60 - Profile picture
  • Ghost - Profile picture
  • Naana - Profile picture
  • deansoloaga - Profile picture
  • vegasnight - Profile picture
  • fnagd - Profile picture