# Ein HTML-Formular erstellen

> Formspree Docs · Dein Formular erstellen · 9. Januar 2026

Formspree bietet einen einfach zu bedienenden Integrationsprozess für grundlegende HTML-Formulare. Hier lernst du, wie du dein erstes HTML-Formular erstellst, das Markup an deine spezifischen Bedürfnisse anpasst und dein Formular in deine Website integrierst.

Bevor du startest, [registriere dich](https://formspree.io/register) für ein Formspree-Konto und bestätige deine E-Mail.

### Ein neues Formular erstellen

Sobald du dein Formspree-Konto erstellt hast, kannst du ein neues Formular erstellen, indem du dich beim Dashboard anmeldest, oben links auf das Plus-Zeichen klickst und dann auf Neues Formular klickst.

![NewForm\_Screenshot.png](/images/zendesk/0f32514ec2b74b49.png)

Du findest deine Formular-ID/deinen Endpoint im Integrationsbereich deines Formspree-Dashboards. Die Formular-ID wird unter „Your form's endpoint is:" angezeigt. Hier findest du außerdem eine Sammlung von Standard-Formular-Snippets, die du auf deiner Website verwenden kannst. Jedes Snippet ist so konfiguriert, dass es den spezifischen Endpoint deines Formulars verwendet. Die unter Integration verfügbaren Standard-Snippets liefern den Code für ein Formular mit einem E-Mail-Feld, einem Nachrichten-Feld und einem Absende-Button. Wenn du andere Felder in dein Formular aufnehmen möchtest, findest du eine Auswahl an Beispielformularen in der [Form Library](https://formspree.io/library/).

### Dein Formular-Markup anpassen

Wenn du spezifischere Anforderungen an dein Formular hast, kannst du den Code der Beispielformulare anpassen oder deinen eigenen Formularcode schreiben. Beim Verfassen deines Formularcodes kannst du alle standardmäßigen HTML-Formularfelder und -Attribute verwenden. Dein Formular muss mindestens ein action-Attribut mit dem eindeutigen Endpoint deines Formulars sowie Feld-Inputs enthalten, die ein `name`-Attribut besitzen. Jedes Formularelement mit einem `name`-Attribut wird an uns gesendet.

Weitere Hinweise zu HTML-Formularen findest du auf der Website der [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Learn/Forms).

### Dein Formular implementieren

Formspree kann mit den meisten modernen Content-Management-Systemen und Frameworks verwendet werden. Dein Formular kann an jeder Stelle im Code deiner Website eingefügt werden, an der das Formular erscheinen soll. Wenn du AJAX zum Absenden deiner Formulare verwenden möchtest, findest du weitere Informationen in unserem Leitfaden [Formulare mit JavaScript (AJAX) absenden](/articles/building-your-form/submit-forms-with-javascript-ajax/).

Wenn du React verwendest und Formulare mit mehreren Eingaben und benutzerdefinierter Validierung erstellen möchtest, kannst du mit unserer React-Komponentenbibliothek loslegen, indem du unserem Leitfaden [hier](/articles/using-the-cli/build-a-contact-form-with-react/) folgst.

### Deine Formulardaten an Drittanbieterdienste senden

Sobald dein Formular auf deiner Website läuft, kannst du Übermittlungen empfangen. Alle deine Formularübermittlungen werden in deinem Formspree-Konto gespeichert. Übermittlungen können außerdem an eine E-Mail-Adresse gesendet werden, die als Target Email in den Einstellungen deines Formulars hinterlegt ist. Es kann jedoch nützlich sein, deine Formularübermittlungsdaten an externe Dienste zu senden, die du bereits nutzt, wie etwa ein CRM oder eine Tabellenkalkulation. Formspree bietet eine Reihe von Plugins, um Übermittlungsdaten einfach an Drittanbieterdienste zu senden.

Du kannst Plugin-Integrationen über die Bereiche Plugins oder [Workflow](/articles/building-your-form/getting-started-with-workflow/) deines Formspree-Dashboards hinzufügen. Bitte beachte, dass bestimmte Plugins nur mit bestimmten Tarifen verfügbar sind. Weitere Informationen zu beliebten Plugins findest du hier:

-   [Google Sheets](/articles/plugins/use-google-sheets-to-send-your-submissions-to-a-spreadsheet/)
-   [Autoresponses](/articles/plugins/sending-a-confirmation-or-response-email/)
-   [AirTable](/articles/plugins/use-airtable-to-create-powerful-spreadsheets/)
-   [Mailchimp](/articles/plugins/use-mailchimp-to-collect-email-addresses/)

### Zusätzliche Ressourcen

Weitere Informationen zum Erstellen eines HTML-Formulars mit Formspree findest du in unseren [Tutorials](https://formspree.io/categories/tutorials/) und [Leitfäden](https://formspree.io/guides).
