Wie füge ich ein Kontaktformular zu meiner Homepage-Baukasten-Seite hinzu?

Diese Anleitung zeigt Ihnen, wie Sie ein Kontaktformular in Ihre Homepage-Baukasten-Website einfügen.

Sie haben keinen Zugriff auf den Homepage-Baukasten? Sie können ihn 14 Tage lang kostenlos testen und im Handumdrehen eine Website erstellen. Starten Sie jetzt Ihre kostenlose Testversion

Schritt 1 - Die Kontaktformular-Komponente platzieren

  1. Gehen Sie im Homepage-Baukasten-Editor zu dem Bereich Ihrer Website, in dem Sie das Kontaktformular platzieren möchten.
  2. Klicken Sie auf Kontakt im Komponentenmenü auf der linken Seite Ihres Editors.
  3. Klicken Sie auf die Kontaktformular-Komponente, ziehen Sie sie in Ihren Arbeitsbereich und platzieren Sie sie an der Stelle, an der Sie das Formular haben möchten.
Hinweis: Sie können nur ein Kontaktformular pro Seite haben. Wenn die Komponente ausgegraut ist, bedeutet dies, dass Sie bereits ein Kontaktformular auf der ausgewählten Seite haben.

wsb_contactform9.png

Schritt 2 - Die Formular-Mailadresse festlegen

  1. Wählen Sie die E-Mail-Adresse aus, an die das Formular gesendet werden soll. Sie können eine bestehende Adresse wählen oder eine neue erstellen. Die Mailadresse muss auf Ihrer Domain erstellt werden. Wenn Sie also beispielsweise die Domain one-example.com haben, muss es sich um eine @one-example.com-Adresse handeln. Wenn Sie einen externen E-Mail-Anbieter verwenden, müssen Sie trotzdem das E-Mail-Konto bei uns im Kontrollpanel erstellen.
  2. Geben Sie einen Betreff für die E-Mails ein, damit Sie die E-Mails in Ihrem Posteingang erkennen können.
  3. Klicken Sie auf Speichern, um fortzufahren.

Wenn Sie die E-Mail-Adresse später ändern möchten, klicken Sie auf das Kontaktformular und wählen Sie Kontaktformular bearbeiten -> E-Mail-Einstellungen.

Tipp: Richten Sie einen E-Mail-Filter ein, um alle Kontaktformular-E-Mails in einen bestimmten Ordner in Ihrem E-Mail-Konto zu verschieben.

contact_form_new1.png

Schritt 3 - Das Kontaktformular bearbeiten

Standardmäßig enthält ein Kontaktformular einen „Senden“-Button sowie drei Felder: „Name“, „E-Mail“ und „Nachricht“.

Klicken Sie auf Kontaktformular bearbeiten, um Felder hinzuzufügen oder zu bearbeiten.

wsb_contactform11.png

Schritt 4 - Klicken Sie auf „Felder bearbeiten“

Klicken Sie auf Felder bearbeiten, um die Standardfeldeinstellungen zu ändern.

Tipp: Sie können den Standard-Button-Text nach Belieben ändern. Klicken Sie einfach auf das Textfeld für den Button und beginnen Sie mit der Eingabe.

contact_form_new2.png

Schritt 5 - Klicken Sie auf „Hinzufügen“

Hier können Sie die Einstellungen für bestehende Formularfelder bearbeiten und neue Felder mit unterschiedlichen Optionen löschen und hinzufügen. Sie können beliebig viele Felder hinzufügen, indem Sie oben rechts auf den Button Hinzufügen klicken.

In dieser Anleitung fügen wir ein Kontrollkästchen hinzu, mit dem sich Ihre Besucher:innen für den Newsletter anmelden können, aber Sie können hinzufügen, was Sie wollen.

wsb_contactform1.png

Schritt 6 - Feld-Typ auswählen

Sie können verschiedene Arten von Feldern zu Ihrem Kontaktformular hinzufügen. In dieser Anleitung fügen wir Kontrollkästchen hinzu.

Wählen Sie das Feld aus, das Sie hinzufügen möchten, und klicken Sie auf Fertig.

wsb_contact_form14-12-2023.png

Schritt 7 - Feld-Einstellungen anpassen

Jeder Feld-Typ hat unterschiedliche Einstellungen, die Sie anpassen können.

  1. Klicken Sie auf das Stiftsymbol neben dem Feld.
  2. Geben Sie einen Titel für das Feld ein. Er wird für Ihre Besucher:innen sichtbar sein.
  3. Je nach Feld-Typ stehen Ihnen mehrere Optionen zur Verfügung. Klicken Sie auf die Option, um die Beschreibung zu bearbeiten, klicken Sie auf das Papierkorbsymbol am Ende, um sie zu entfernen, oder klicken Sie auf Option hinzufügen, um eine neue hinzuzufügen.
  4. Wenn es erforderlich ist, dass Ihre Besucher:innen mindestens eine Option auswählen, lassen Sie dieses Kästchen aktiviert. Wenn ein Feld erforderlich ist, wird eine Fehlermeldung angezeigt, wenn versucht wird, das Formular abzusenden und ein Feld fehlt. Sie können die Fehlermeldung aktivieren und in das Feld am unteren Rand des Fensters schreiben.
  5. Klicken Sie auf Speichern, um das Formular mit Ihren neuen Feld-Einstellungen zu aktualisieren.

wsb_contactform3.png

Schritt 8 - Klicken Sie auf "Stil" für weitere Einstellungen

Standardmäßig wird das Kontaktformular den Template-Stil verwenden, aber Sie können es Ihren Wünschen nach anpassen.

Klicken Sie im verschiebbaren Menü auf Stil.

contact_form_new3.png

Schritt 9 - Aussehen des Kontaktformulars anpassen

Sie können die Einstellungen für die Schrift und den Senden-Button ändern.

  • Schrift: Typ, Größe und Farbe.
  • Button: Stil (Farbe, Form und Rand) und Schriftgröße für den Button.

wsb_contactform5.png

Schritt 10 - Klicken Sie auf "Erfolgsnachricht" für weitere Einstellungen

Wenn ein Kontaktformular erfolgreich gesendet wurde, sehen Ihre Besucher:innen eine Bestätigungsnachricht.

Klicken Sie im verschiebbaren Menü auf Erfolgsnachricht, um die Standardnachricht zu bearbeiten. Die Nachricht wird automatisch gespeichert, sobald Sie sie in das Feld eingeben.

contact_form_new6.png

Schritt 11 - Geben Sie eine Erfolgsnachricht ein

Standardmäßig wird das Kontaktformular die folgende Nachricht verwenden: "Vielen Dank." Sie können auch Ihren eigenen Text verwenden.

wsb_contactform7.png

Schritt 12 - Captcha aktivieren

Captcha ist ein hervorragendes Tool, mit dem Sie Ihr Formular vor Bot-Angriffen und Spam-Nachrichten schützen können. 

Es wird automatisch aktiviert, wenn Sie auf Ihrer Website ein neues Kontaktformular erstellen. Sie können es jedoch auch manuell in den Formulareinstellungen steuern. 

  1. Wählen Sie die Kontaktformular-Komponente aus.
  2. Klicken Sie auf Kontaktformular bearbeiten.
  3. Klicken Sie in dem schwebenden Menü, das sich öffnet, auf Captcha.
  4. Schieben Sie den Schalter Captcha anzeigen, um das Captcha zu aktivieren/deaktivieren, und wählen Sie eine Sprache aus dem Drop-down-Menü aus.

contact_form_new4.png

Schritt 13 - Größe und Position des Kontaktformulars anpassen

Jetzt, wo das Formular fertiggestellt ist, können Sie seine Platzierung und Größe anpassen. Klicken Sie auf Speichern und Veröffentlichen, um das Formular online verfügbar zu machen.

contact_form_new5.png

Verwandte Artikel:

War dieser Beitrag hilfreich?

Können Sie nicht finden, wonach Sie suchen?

Starten Sie einen Chat

Der schnellste Weg, mit uns in Kontakt zu treten – werktags von 09:00 bis 18:00 Uhr.

Chat starten