Formspree is a sensible online form builder for businesses which can be integrated with Ghost to build email contact or feedback forms with ease
Whether you want to add an email contact form to a page on your Ghost site, collect data from your readers or gather feedback, Formspree has a variety of sensible HTML forms which you can quickly integrate on your site, and have Formspree email you the submissions - no sign up required!
Here's how to get started!
Pick a form from the HTML form library
Head to the Formspree library and discover a form to suit your needs:
Once you've found one that you like, click "View" to find the editable HTML for your new form.
Edit the form code
Next you will see the form HTML code and a preview of your form. The most important thing to do is to connect your form to the Formspree endpoint by entering your email address in the code as highlighted below:
This is where the responses to your form will be sent.
If you'd like to change the names of the fields in the form, or the placeholder text, you can make any amends to the code in the editor from the same page. Here's an example of the final code for a simple contact form:
Copy the form HTML code
Once you're happy with your form, copy the HTML code using the button on the page, or download the HTML if you'd also like to save it somewhere.
Within the Ghost editor, add a new HTML card
Now you can paste the form code within an HTML card on any post or page in Ghost:
Tip: You'll notice the code that Formspree provides includes some inline styling. For ease of integration, you can leave this code in the HTML card. Alternatively, you can also edit the styles to suit your sites design, or write your own custom styles directly in your site's theme, or using code injection!
Activate your form
Once your form is set up you'll need to activate it by email. Publish or preview your post, and test the form manually by submitting something. The first time use will trigger an email to the email address you added to the HTML code earlier:
Here's an example of the final result:
Once you've published and activated your form - that's it, you're all set up. A free form will support up to 50 monthly submissions. For more submissions and features, check out the Formspree plans.