How to Connect Jekyll Forms to Form2Lead
Step-by-step developer instructions for Jekyll applications.
How do you send Jekyll form submissions to Form2Lead?
Add a contact form to a Jekyll site (including GitHub Pages) by pointing a form include at a Form2Lead endpoint — no plugins, no JavaScript required.
Why use Form2Lead with Jekyll?
Jekyll generates static HTML with no server-side form handling — and GitHub Pages disables custom plugins. Form2Lead fits perfectly: create an `_includes/contact-form.html` with a plain HTML form, set the action to your Form2Lead URL, and every submission is delivered as an email notification, stored in the dashboard, and protected by honeypot spam filtering. Works identically on GitHub Pages, Netlify, and Cloudflare Pages.
Prerequisites
- ✔A Jekyll site
- ✔A Form2Lead endpoint URL
Step-by-Step Integration Guide
01. Add the Form Include
Create `_includes/contact-form.html` with a plain HTML form pointed at your Form2Lead endpoint.
<form action="https://form2lead.com/api/v1/f/YOUR_FORM_ID" method="POST"> <label for="name">Name</label> <input id="name" type="text" name="name" required /> <label for="email">Email</label> <input id="email" type="email" name="email" required /> <label for="message">Message</label> <textarea id="message" name="message" required></textarea> <input type="text" name="_gotcha" style="display:none !important" tabindex="-1" autocomplete="off" /> <button type="submit">Send</button> </form>
02. Render the Form in Any Page or Post
Use the Liquid include tag inside a contact page.
---
layout: default
title: Contact
---
<h1>Contact</h1>
{% include contact-form.html %}03. Allow Your GitHub Pages Origin
Add `youruser.github.io` (or your custom domain) to the form’s Allowed Domains in Form2Lead so only your pages can post.
Jekyll Integration FAQ
Will this work on GitHub Pages without plugins?
Yes. The form is plain HTML — no Jekyll plugins or server code are involved, so GitHub Pages renders it without any restrictions.