Funktioniert das auf GitHub Pages mit dem Standard-Jekyll-Build?

Ja. Da Formhook das Backend ist, spielt GitHubs Plugin-Allowlist keine Rolle - Sie brauchen nur einfaches HTML in der gebauten Ausgabe.

Kann ich mehrere Formulare (z. B. Kontakt und Newsletter) auf derselben Jekyll-Seite haben?

Ja. Erstellen Sie ein Formhook-Formular pro Anwendungsfall und fügen Sie das action jedes Formulars in die richtige Vorlage ein. Die kostenlose Stufe deckt fünf Formulare ab.

Wie leite ich auf einer GitHub-Pages-Seite zu einer Dankesseite weiter?

Fügen Sie ein verstecktes _redirect-Input hinzu. Verwenden Sie Jekylls relative_url-Filter auf den Wert, damit er mit Ihrer baseurl funktioniert. Die Ziel-URL muss in der Allowed-Origins-Liste Ihres Formulars stehen.

← Alle Anleitungen

Anleitung

Jekyll-Kontaktformular (kein Backend nötig)

Jekyll baut statisches HTML, was bedeutet, dass ein Jekyll-Kontaktformular einfach ein normales HTML-Formular in einer Liquid-Vorlage ist. Das ist die seltene Kontaktformular-Lösung, die auf GitHub Pages out of the box funktioniert, weil GitHubs Jekyll-Allowlist keine Rolle spielt, wenn Ihr Backend woanders ist.

Das 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>

So funktioniert es

Das Snippet verwendet Jekylls Front Matter, um den Permalink und das Layout der Seite zu deklarieren. Das Formular selbst ist einfaches HTML - Jekyll berührt nur den {{ '/thanks' | relative_url }}-Teil, der zur Build-Zeit zur richtigen URL mit Ihrer baseurl expandiert. Das Formular POSTet aus dem Browser des Besuchers an Formhook, also hat GitHub Pages' Build-Sandbox nichts damit zu tun.

Was als Nächstes passiert

Einsendung landet innerhalb einer Sekunde in Ihrem Formhook-Dashboard.
Push-Benachrichtigung wird auf allen aktivierten Geräten ausgelöst.
Antworten Sie direkt aus dem Dashboard (Pro und höher) - besonders praktisch für GitHub-Pages-Seiten, die keinen anderen Mailausgang haben.

Veröffentlichen Sie heute Ihr Jekyll-Kontaktformular.

Kostenlos registrieren, Formular erstellen, API-Schlüssel einfügen. Fünf Minuten.

Kostenlos starten

Kostenlose Stufe: 5 Formulare · 250 Einsendungen/Monat · Keine Kreditkarte.

Jekyll-Kontaktformular - FAQ

Funktioniert das auf GitHub Pages mit dem Standard-Jekyll-Build?: Ja. Da Formhook das Backend ist, spielt GitHubs Plugin-Allowlist keine Rolle - Sie brauchen nur einfaches HTML in der gebauten Ausgabe.
Kann ich mehrere Formulare (z. B. Kontakt und Newsletter) auf derselben Jekyll-Seite haben?: Ja. Erstellen Sie ein Formhook-Formular pro Anwendungsfall und fügen Sie das action jedes Formulars in die richtige Vorlage ein. Die kostenlose Stufe deckt fünf Formulare ab.
Wie leite ich auf einer GitHub-Pages-Seite zu einer Dankesseite weiter?: Fügen Sie ein verstecktes _redirect-Input hinzu. Verwenden Sie Jekylls relative_url-Filter auf den Wert, damit er mit Ihrer baseurl funktioniert. Die Ziel-URL muss in der Allowed-Origins-Liste Ihres Formulars stehen.

Anleitungen für andere Frameworks

Migrating from Formspree? See how Formhook compares.