Funktioniert mit eigenen Codeblöcken
Füge den Code auf einer Website ein, deren HTML du bearbeiten kannst oder die eigene Codeblöcke erlaubt, etwa Webflow, Framer oder Carrd. Die Anleitungen unten zeigen dir, wie.
kostenloses Tool
Erstelle dein Kontaktformular
Wähle Besucherfelder wie Name, E-Mail und Nachricht. Teste das Formular und kopiere dann den HTML-Code in den eigenen Codeblock deiner Website.
Formularerstellung und Vorschau sind kostenlos und ohne Konto möglich. Für echte Nachrichten in Mailcontact erstelle ein Projekt und nutze dessen Formularlink. Bitte bei Bedarf deine Website-Betreuung, den Code einzufügen.
deine Nachrichten empfangen
Dein Formular. Ein Postfach.
von MailContact kostenloser Kontaktformulardienst enthält ein Projekt, 50 Formularnachrichten pro Monat und E-Mail-Benachrichtigungen. Slack, Discord und Webhooks erfordern Pro oder Plus. Füge ein Kontaktadresse für dein Projekt und Antworten mit Pro oder Plus.
Formulargenerator
Felder wählen. Formular testen.
Wähle Felder und teste eine Übungsnachricht in der Vorschau. Die Vorschau sendet keine echten Nachrichten. Ein Live-Test nutzt den eingetragenen Formularlink und zählt als echte Nachricht.
Dies ist ein Beispiellink. Du kannst die Vorschau testen. Für echte Nachrichten nutze den Formularlink aus den Projekteinstellungen.
Spamschutz ist immer enthalten
Das Skript fügt automatisch ein verborgenes Prüffeld ein, kontrolliert dessen Vorhandensein und leeren Wert und übernimmt Versand und Bestätigung. Blockierter Spam zählt nicht zum Monatslimit. Besucher müssen kein CAPTCHA-Rätsel lösen.
Free-Formulare zeigen einen kleinen Link „Processed by mailcontact.app“. Pro und Plus haben keinen MailContact-Hinweis. Für eine vollständig eigene Oberfläche nutze MailContact.send().
Formular testen
Übung: Es werden keine Nachrichten gesendet oder gespeichert. Teste dasselbe Formular, das du unten kopierst. Das endgültige Aussehen hängt von den Styles deiner Website ab.
contact-form.html
Formularcode ansehen (HTML)
<form action="https://mailcontact.app/api/forms/your-form-id" method="POST" data-mailcontact-form lang="de" data-mailcontact-language="de">
<input type="hidden" name="_language" value="de" />
<fieldset>
<legend>Kontaktiere uns</legend>
<label>
Name (optional)
<input name="name" type="text" autocomplete="name" maxlength="200" />
</label>
<label>
E-Mail
<input name="email" type="email" autocomplete="email" maxlength="320" required />
</label>
<label>
Nachricht
<textarea name="message" rows="5" maxlength="5000" required></textarea>
</label>
<noscript>
<div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;">
<label>Website
<input name="company_website" type="text" tabindex="-1" autocomplete="off" />
</label>
</div>
</noscript>
<button type="submit">Nachricht senden</button>
</fieldset>
<p data-contact-status role="status" aria-live="polite" aria-atomic="true"></p>
</form>
<script defer src="https://mailcontact.app/forms/v1.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>mit deinem Formular
Formularcode für deine Website.
Keine Anmeldung nötig
Erstelle, teste und kopiere dein Formular kostenlos. Um Nachrichten in Mailcontact zu empfangen, erstelle ein Konto und Projekt und füge dessen Formularlink hinzu.
Klare Beschriftungen für Besucher
Jedes Feld hat eine Beschriftung, Pflichtfelder sind gekennzeichnet. Ein verborgenes Feld hilft, Spam abzufangen, ohne Besucher zu stören.
FAQ
Kontaktformular-HTML: Antworten
Wie empfange ich Formularnachrichten?
Erstelle ein Mailcontact-Projekt und kopiere dessen Formularlink in den Generator. Dieser Link, auch Endpunkt genannt, sendet Nachrichten an dein Projektpostfach. Füge den erzeugten HTML-Code selbst auf deiner Website ein oder bitte deine Website-Betreuung darum. Entwickler können das Formular auch mit anderen kompatiblen Diensten verbinden.
Kann ich das Aussehen des Formulars ändern?
Ja. Der Generator erstellt HTML ohne eigenes visuelles Theme. Deine Website-Styles bestimmen das Aussehen. Du oder deine Website-Betreuung könnt Layout, Farben und Schriften anpassen.
Warum ist E-Mail ein Pflichtfeld?
Damit du antworten kannst. Die Besucheradresse steht neben der Nachricht im Postfach. Mailcontact prüft, ob eine E-Mail-Adresse vorhanden und korrekt formatiert ist.
Funktioniert es mit Webflow, Framer oder Carrd?
Ja, wenn dein Tarif Embed- oder eigene Codeblöcke erlaubt. Füge Formularcode dort ein und nutze deinen Mailcontact-Formularlink zum Empfang.
Anleitungen
Finde die Anleitung für deine Website
Formularnachrichten im Blick.
Erstelle ein kostenloses Mailcontact-Postfach für dein Website-Formular. Erhalte E-Mail-Benachrichtigungen bei neuen Nachrichten. Ergänze Slack, Discord oder Webhooks mit Pro oder Plus.
Kostenloses Formular erstellenKeine Kreditkarte nötig. Free umfasst ein Projekt und 50 Formularnachrichten pro Monat.