Ein Kontaktformular einrichten

Mit einem Kontaktformular können deine Besucher dir direkt über die Website eine Nachricht schreiben. Du bestimmst, welche Felder das Formular hat, wohin die Nachrichten gehen und wie es aussieht.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du kannst jederzeit ein Kontaktformular auf einer Seite einbauen.

So gehst du vor

1. Öffne die Einstellungen des Kontaktformulars auf deiner Seite. Rechts siehst du jetzt die Bearbeitungsoberfläche.

2. Gib unter Bezeichnung (für Verlinkung) einen kurzen Namen ein, unter dem du das Formular erkennst – etwa im Inhaltsverzeichnis einer Seite. Dieses Feld ist nicht sichtbar für deine Besucher.

3. Lade ein Hintergrundbild hoch oder entferne es:

   • Klicke auf Datei auswählen, um ein Bild hochzuladen. Das Bild wird als Hintergrund des Formulars angezeigt.
   • Wenn du ein Bild bereits hochgeladen hast, siehst du oben zwei Schaltflächen: Mit dem Stift-Symbol bearbeitest du das Bild (Ausschnitt, Größe); mit dem Papierkorb-Symbol löschst du es.

4. Trage unter Empfänger die E-Mail-Adressen ein, an die die Formulareinträge verschickt werden sollen:

   • Klicke auf E-Mail hinzufügen, um ein neues Feld zu öffnen.
   • Tippe die E-Mail-Adresse ein.
   • Wiederhole dies für jede Person oder Verteilerliste, die die Nachrichten erhalten soll.
   • Um eine E-Mail-Adresse zu entfernen, klicke auf das Papierkorb-Symbol neben dem Eintrag.

5. Gestalte die Formularfelder unter Felder. Für jedes Feld kannst du festlegen:

   • Pflichtfeld: Schalte den Schalter um, wenn Besucher dieses Feld ausfüllen müssen.
   • Icon (optional): Wähle ein Symbol, das neben dem Feld angezeigt wird.
   • Feldname: Das ist der Name, den deine Besucher sehen – etwa "Name", "Telefon" oder "Nachricht".
   • Feldtyp: Wähle zwischen Textfeld (einzeilig) oder Textarea (mehrzeilig). Bei Textarea erscheint zusätzlich das Feld Zeilen, in dem du festlegst, wie viele Zeilen der Text umfassen darf.

6. Ordne deine Felder mit den Pfeilen:

   • Klicke auf den Pfeil nach oben oder unten neben einem Feld, um es zu verschieben (es sei denn, es ist bereits ganz oben oder ganz unten).
   • Das erste Feld kann nicht weiter nach oben, das letzte nicht weiter nach unten verschoben werden.

7. Verwalte deine Felder:

   • Mit dem Kopier-Symbol erstellst du eine Kopie eines Feldes (mit den gleichen Einstellungen).
   • Mit dem Papierkorb-Symbol löschst du ein Feld.
   • Klicke auf Feld hinzufügen, um ein neues, leeres Feld anzulegen.

8. Speichere deine Änderungen, indem du oben rechts auf die grüne Schaltfläche Speichern klickst.

Aufbau des Bearbeitungsbereichs

Die Einstellungen sind in drei Abschnitte gegliedert:

Allgemein: Hier vergibst du eine Bezeichnung und lädst das Hintergrundbild hoch.

Empfänger: Hier trägst du alle E-Mail-Adressen ein, an die eingegangene Formulare verschickt werden.

Felder: Hier legst du an, welche Eingabefelder dein Formular haben soll – Name, E-Mail, Nachricht, Telefon oder was immer du brauchst.

Was danach passiert

Das Formular wird auf deiner Website angezeigt. Wenn ein Besucher es ausfüllt und absendet, geht die Nachricht an alle E-Mail-Adressen, die du unter Empfänger eingetragen hast. Du kannst die Einstellungen jederzeit ändern: neue Felder hinzufügen, Empfänger ergänzen oder das Design anpassen. Die Änderungen sind nach dem Speichern sofort sichtbar.

Tipps und Hinweise

• Unterschied Textfeld und Textarea: Ein Textfeld eignet sich für kurze Eingaben wie Namen oder E-Mail-Adressen. Eine Textarea ist besser für längere Texte wie Nachrichten oder Anfragen – dort können Besucher mehrzeilig schreiben.
• Zeilenanzahl bei Textarea: Die Zahl unter Zeilen bestimmt nicht die Obergrenze, sondern nur, wie groß das Feld beim Laden angezeigt wird. Besucher können auch mehr Text eintragen.
• Pflichtfelder deutlich machen: Markiere alle Felder als Pflichtfeld, ohne die eine sinnvolle Bearbeitung nicht möglich ist – etwa E-Mail-Adresse und Nachricht.
• Icon-Auswahl: Das Symbol neben einem Feld hilft Besuchern, das Feld schneller zu erkennen. Für E-Mail etwa ein Umschlag-Symbol, für Telefon ein Hörer-Symbol.
• Hintergrundbild: Das Bild sollte so gewählt sein, dass die Formulartexte gut lesbar bleiben. Sehr dunkle oder sehr bunte Bilder können die Lesbarkeit beeinträchtigen.