foxyform.de

Informiert wie ein Fuchs.

Kontaktformular erstellen

Kostenlos · Datenschutzfreundlich · Mit Spamschutz

Kontaktformular für deine Website erstellen

Felder auswählen, Design anpassen und den fertigen Code auf deiner Website einfügen.

1

Formularfelder

Wähle die gewünschten Felder. Die Nachricht ist immer enthalten.

2

Design

3

Ziel und Website

Wir senden einen Bestätigungslink an die Zieladresse. Erst danach wird das Formular aktiv.

4

Vorschau

Dies ist nur eine Vorschau. Die Vorschau versendet keine Nachricht.

So erstellst du dein Kontaktformular

Der Generator braucht kein Benutzerkonto. Du stellst das Formular oben in vier Schritten zusammen und bekommst danach einen fertigen Code-Schnipsel.

  1. Felder wählen: Zur Auswahl stehen Anrede, Vorname, Name, E-Mail, Betreff, Straße, PLZ und Ort, Telefon und Website. Jedes Feld kannst du als Pflichtfeld markieren. Das Nachrichtenfeld ist immer dabei.
  2. Design anpassen: Akzentfarbe, Hintergrund, Textfarbe, Schrift (Systemschrift, Arial, Georgia oder Trebuchet MS) und den Text auf dem Absende-Button.
  3. Ziel und Website angeben: die E-Mail-Adresse, an die Nachrichten gehen sollen, die Domain deiner Website und die Adresse deiner Datenschutzerklärung.
  4. Adresse bestätigen: Wir senden einen Bestätigungslink an die Ziel-E-Mail. Erst nach dem Klick darauf wird das Formular aktiv. So wird verhindert, dass jemand ein Formular auf eine fremde Adresse anlegt.

Die Vorschau zeigt dir das Ergebnis schon während der Auswahl. Sie versendet keine Nachrichten.

Was du bekommst

Nach dem Erstellen erhältst du einen kurzen HTML-Code. Er bettet das Formular als sogenanntes iframe ein: Das Formular selbst wird von foxyform.de ausgeliefert, deine Seite zeigt es nur an. Du musst deshalb weder PHP noch einen Mailserver einrichten. Der Code hat ungefähr diese Form:

<div class="foxyform-embed">
  <iframe src="https://foxyform.de/foxyform/embed/DEINE-FORMULAR-ID/?credit=external"
    title="Kontaktformular" loading="lazy"
    style="width:100%;min-height:620px;border:0"></iframe>
  <p>Kostenloses Kontaktformular von Foxyform.de</p>
</div>

Unter dem Formular steht ein kleiner Hinweis mit einem Link zu Foxyform.de. Der eingebettete Rahmen nutzt die volle verfügbare Breite und lädt erst, wenn er in den sichtbaren Bereich gescrollt wird.

Den Code auf deiner Website einfügen

Kopiere den Code mit dem Button „Code kopieren“ und füge ihn dort ein, wo das Formular erscheinen soll, meist auf deiner Kontaktseite.

  • WordPress: Seite im Editor öffnen, einen Block „Individuelles HTML“ einfügen und den Code hineinkopieren. Im klassischen Editor nutzt du dafür die Ansicht „Text“ bzw. „Code“.
  • Eigene HTML-Seite: Den Code an der gewünschten Stelle innerhalb von <body> einsetzen und die Datei wie gewohnt hochladen.
  • Homepage-Baukästen: Die meisten Baukästen haben ein Element für eigenen Code. Es heißt je nach Anbieter zum Beispiel „HTML“, „Code“ oder „Einbetten“. Bei manchen Anbietern ist diese Funktion nur in bestimmten Tarifen freigeschaltet.

Danach die Seite einmal selbst aufrufen und eine Testnachricht schicken. Kommt sie an, ist alles eingerichtet.

Datenschutz: Was du wissen solltest

Jedes erstellte Formular enthält eine Pflicht-Checkbox, mit der Absender bestätigen, die Datenschutzerklärung gelesen zu haben. Sie verlinkt auf die Adresse, die du im Generator angibst. Deshalb ist dieses Feld Pflicht.

Weil das Formular von foxyform.de geladen und über unseren Server an deine Adresse weitergeleitet wird, gehört ein Hinweis darauf in deine eigene Datenschutzerklärung: welche Daten das Formular erhebt, wofür du sie nutzt und dass dafür ein externer Dienst eingebunden ist. Welche Formulierung für deine Website passt, hängt von deinem Angebot ab. Dieser Abschnitt ist ein Hinweis, keine Rechtsberatung.

Frage nur ab, was du für die Antwort wirklich brauchst. Für eine einfache Kontaktanfrage reichen meist Name, E-Mail und Nachricht. Telefon oder Anschrift solltest du nur aktivieren, wenn du sie tatsächlich verwendest.

Häufige Fragen

Kostet der Generator etwas?

Nein. Das Erstellen und Einbinden ist kostenlos. Im Gegenzug steht unter dem Formular ein kleiner Hinweis auf Foxyform.de.

Brauche ich ein Konto?

Nein. Du gibst nur die Ziel-E-Mail-Adresse an und bestätigst sie über den Link, den wir dir schicken.

Die Bestätigungs-E-Mail kommt nicht an. Was tun?

Schau zuerst im Spam- oder Werbeordner nach. Prüfe dann, ob die Adresse richtig geschrieben war. Wenn nicht, erstelle das Formular einfach noch einmal mit der korrigierten Adresse.

Funktioniert das Formular auch ohne WordPress?

Ja. Der Code ist reines HTML und läuft auf jeder Seite, in die du eigenen HTML-Code einfügen kannst.

Wohin gehen die Nachrichten?

An die Ziel-E-Mail-Adresse, die du im Generator angegeben und bestätigt hast.