DocsOnFlowContact Page

Contact Page

You can easily add contact forms to your Ghost blog using any form handling service that supports HTML forms. This allows your readers to contact you directly through your website.

OnFlow theme Contact page

Choose a Form Service

You can use any form handling service that provides an endpoint URL for form submissions. Some popular options include:

The setup process typically involves:

  1. Creating an account with your chosen service
  2. Getting an endpoint URL
  3. Using that URL in your formโ€™s HTML code

Create a Contact Page

Contact form in Ghost editor

  1. Log in to Ghost admin
  2. Go to Pages, click New page
  3. Set the Page title to Contact
  4. Insert HTML card to the page with the following code:
    <form action="ENDPOINT_URL" method="POST" target="_blank">
        <label for="name">Your Name</label>
        <input name="name" id="name" type="name" />
     
        <label for="email">Your Email</label>
        <input name="email" id="email" type="email" required />
     
        <label for="message">Your Message</label>
        <textarea name="message" id="message" required></textarea>
     
        <button type="submit">Send message</button>
    </form>
  5. Replace ENDPOINT_URL with the endpoint URL from your chosen form service
  6. Click Publish

Customization Options

You can customize the form by:

  • Adding more fields
  • Styling the form with CSS
  • Adding custom validation
  • Implementing spam protection
  • Adding success/error messages

Just follow your chosen form serviceโ€™s documentation for specific features and options.

Example Services Setup

Formspree

  1. Register at Formspree
  2. Create a new form
  3. Copy the provided endpoint URL
  4. Use it in the formโ€™s action attribute

Getform

  1. Sign up at Getform
  2. Create a new endpoint
  3. Copy the endpoint URL
  4. Replace the action attribute with your URL

Basin

  1. Sign up at Basin
  2. Create a new form
  3. Copy the provided endpoint URL
  4. Replace the action attribute with your URL

Remember, these are just examples - you can use any form handling service that suits your needs!