Aller au contenu
FFormhook
← Tous les guides

Guide

Formulaire de contact Jekyll (sans backend)

Jekyll compile du HTML statique, ce qui signifie qu'un formulaire de contact Jekyll est juste un formulaire HTML brut dans un template Liquid. C'est la rare solution de formulaire de contact qui fonctionne sur GitHub Pages dès l'installation, parce que la liste blanche de Jekyll de GitHub n'a pas d'importance quand votre backend est ailleurs.

Le snippet

contact.Jekyll
---
# _pages/contact.html
layout: default
permalink: /contact/
---

<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
  <input type="email" name="email" placeholder="Email" required />
  <textarea name="message" placeholder="Message" required></textarea>
  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />
  <input type="hidden" name="_redirect" value="{{ '/thanks' | relative_url }}" />
  <button type="submit">Send</button>
</form>

Comment ça marche

Le snippet utilise le front matter de Jekyll pour déclarer le permalink et le layout de la page. Le formulaire lui-même est du HTML brut - Jekyll touche seulement au {{ '/thanks' | relative_url }}, qui s'étend au moment du build vers la bonne URL avec votre baseurl appliquée. Le formulaire POSTe vers Formhook depuis le navigateur du visiteur, donc le sandbox de build de GitHub Pages n'a rien à voir avec ça.

Ce qui se passe ensuite

  • La soumission arrive dans votre tableau de bord Formhook en moins d'une seconde.
  • Une notification push se déclenche sur chaque appareil où vous l'avez activée.
  • Répondez directement depuis le tableau de bord (Pro et au-dessus) - particulièrement pratique pour les sites GitHub Pages qui n'ont pas d'autre mécanisme d'envoi d'e-mails.

Lancez votre formulaire de contact Jekyll aujourd'hui.

Inscrivez-vous gratuitement, créez un formulaire, collez la clé API. Cinq minutes.

Commencer gratuitement

Niveau gratuit : 5 formulaires · 250 soumissions/mois · Sans carte bancaire.

Formulaire de contact Jekyll - FAQ

Est-ce que cela fonctionne sur GitHub Pages avec le build Jekyll par défaut ?
Oui. Parce que Formhook est le backend, la liste blanche de plugins de GitHub n'a pas d'importance - vous avez juste besoin de HTML brut dans la sortie compilée.
Puis-je avoir plusieurs formulaires (par ex. contact et newsletter) sur le même site Jekyll ?
Oui. Créez un formulaire Formhook par cas d'usage, collez l'action de chaque formulaire dans le bon template. Le niveau gratuit couvre cinq formulaires.
Comment rediriger vers une page de remerciement sur un site GitHub Pages ?
Incluez un input _redirect caché. Utilisez le filtre relative_url de Jekyll sur la valeur pour qu'il fonctionne avec votre baseurl. L'URL cible doit figurer dans la liste des origines autorisées de votre formulaire.

Guides pour les autres frameworks

Migrating from Formspree? See how Formhook compares.