Jekyll Installation

Step 1 — Create new form endpoint on Getform

All that's required is a name for your form. You specify a name, and Getform will provide a unique form endpoint to identify your form.

Step 2 — Prepare your Jekyll form for your website

You can use the boilerplate code provided on Getform to create your HTML form. It is a basic contact form with email address, name and message fields:

<form accept-charset="UTF-8" action="https://getform.io/f/{unique-endpoint-generated-on-step-1}" method="POST">
  <input type="email" name="email" placeholder="Your Email">
  <input type="text" name="name" placeholder="Your Name">
  <input type="text" name="message" placeholder="Your Message">
  <button type="submit">Send</button>
</form>

Step 3 — Create a new blank Jekyll site

Run the following commands to create a simple Jekyll website:

$ gem install bundler jekyll
$ jekyll new my-first-jekyll-blog
$ cd my-first-jekyll-blog
~ my-first-jekyll-blog $ bundle exec jekyll serve

Step 4 - Add a Contact Section to your Jekyll site

Create a new directory and name it as contact under your _sitedirectory and put index.html inside of it. Create a new markdown file and name it as contact.markdown file, change its content with the following code block:

---
layout: page
title: Contact
permalink: /contact/
---

<form accept-charset="UTF-8" action="https://getform.io/{unique-endpoint-generated-on-step-1}" method="POST" enctype="multipart/form-data" target="_blank">
    <input type="email" name="email" placeholder="Your Email">
    <input type="text" name="name" placeholder="Your Name">
    <input type="text" name="message" placeholder="Your Message">
    <button type="submit">Send</button>
</form>

Important: Don't forget to change the action attribute to a form endpoint URL with yours.

*Setting permalink: contact will ensure that your new page is available at yourdomain.com/contact.

Step 5 - Run your Jekyll site locally to finalize setup

Run the following command to see your Jekyll form in action at localhost:4000/contact/:

jekyll serve

That's it! Your Jekyll site is now running Getform.