Kontaktformular konfigurieren

Standard-Kontaktformular erstellen

Das Foxbase Standard-Kontaktformular ermöglicht die Erstellung von Formularfeldern sowie nachfolgenden E-Mail-Benachrichtigungen (siehe verwandter Artikel) direkt in der Workbench.

1. Öffne in der Workbench den Bereich Form Page.

2. Klicke auf Add Form Page > Default Contact Form.

3. Hinterlege unter MetaName den Namen des Formulars.

4. Hinterlege unter Url Endpoint eine technische URL-Endung (ohne Leerzeichen).

5. Hinterlege unter Form Page Title eine Überschrift.

6. Hinterlege unter Send button label die Beschriftung des Buttons für das Absenden des Formulars.

7. Hinterlege unter Form page top text und Form page bottom text Texte für den oberen und unteren Bereich des Formulars.

💡 Die Abschnitte unten zeigen die Konfiguration von Formularfeldern zur Eingabe von Kundendaten.

Workbench:

Form Page:

Einzeiliges Eingabefeld hinzufügen

Das einzeilige Eingabefeld eignet sich beispielsweise für Eingaben wie Vorname, Nachname, E-Mail-Adresse etc.

1. Klicke auf Add Form Field > Text Field.

2. Hinterlege unter Input name den technischen Namen des Feldes (ohne Leerzeichen, z.B. name oder email).

3. Hinterlege unter Input label den Anzeigenamen des Feldes (z.B. Name oder E-Mail Adresse).

4. Optional: Hinterlege unter Input value einen vorausgefüllten Wert.

5. Optional: Hinterlege unter Input explanation top einen Erklärungstext oberhalb des Feldes.

6. Optional: Hinterlege unter Input explanation bottom einen Erklärungstext unterhalb des Feldes.

7. Optional: Aktiviere den Toggle Required für die Einstellung als Pflichtfeld.

Workbench:

Form Page:

Mehrzeiliges Eingabefeld hinzufügen

Das mehrzeilige Eingabefeld eignet sich beispielsweise für umfassendere Eingaben wie Fragen, Wünsche, Kommentare etc.

1. Klicke auf Add Form Field > Text Area.

2. Hinterlege unter Input name den technischen Namen des Feldes (ohne Leerzeichen)

3. Hinterlege unter Input label den Anzeigenamen des Feldes.

4. Optional: Hinterlege unter Input value einen vorausgefüllten Wert.

5. Optional: Hinterlege unter Input explanation top einen Erklärungstext oberhalb des Feldes.

6. Optional: Hinterlege unter Input explanation bottom einen Erklärungstext unterhalb des Feldes.

7. Optional: Aktiviere den Toggle Required für die Einstellung als Pflichtfeld.

Workbench:

Form Page:

Dropdown hinzufügen

Dropdowns eignen sich beispielsweise für Auswahloptionen wie Länder/Regionen etc.

1. Klicke auf Add Form Field > Dropdown.

2. Hinterlege unter Input name den technischen Namen des Feldes (ohne Leerzeichen).

3. Hinterlege unter Input label den Anzeigenamen des Feldes.

4. Hinterlege unter Item Label die Auswahloptionen, jeweils durch ein Leerzeichen und ein Komma getrennt: Option 1, Option 2, Option 3, …

   1. Alternative Eingabe der Auswahloptionen:

      1. Klicke neben Value list auf Configure.

      2. Wähle unter Language die Sprache.

      3. Hinterlege unter Label den Anzeigenamen.

      4. Optional: Hinterlege unter Value den Anzeigewert. Dieser ist relevant für die Aussteuerung der E-Mail-Benachrichtigung nach Region oder Land (siehe verwandter Artikel).

      5. Klicke auf + Add list item, um die nächste Auswahloption hinzuzufügen ODER klicke auf Datei auswählen, um die Label und Values per CSV zu importieren.

      6. Klicke auf Save.

5. Optional: Hinterlege unter Input explanation bottom einen Erklärungstext unterhalb des Feldes.

6. Optional: Aktiviere den Toggle Required für die Einstellung als Pflichtfeld.

Workbench:

Form Page:

Checkbox hinzufügen

Die Checkbox eignet sich beispielsweise für Zustimmungen, etwa zur Kontaktaufnahme.

1. Klicke auf Add Form Field > Checkbox.

2. Hinterlege unter Input name den technischen Namen des Feldes (ohne Leerzeichen).

3. Hinterlege unter Input label den Anzeigetext der Checkbox.

4. Optional: Hinterlege unter Input value einen technischen Eingabewert.

5. Optional: Hinterlege unter Input explanation top einen Erklärungstext oberhalb des Feldes.

6. Optional: Hinterlege unter Input explanation bottom einen Erklärungstext unterhalb des Feldes.

7. Optional: Aktiviere den Toggle Required für die Einstellung als Pflichtfeld.
   

💡 Der Input Value ist für Kunden nicht sichtbar. Er erscheint innerhalb der E-Mail-Benachrichtigung, speziell in der Übersicht der Formulareingaben. Bestätigt ein Kunde die Checkbox, so erscheint diese Eingabe in der E-Mail in Form des Input value. Bleibt das Feld in der Workbench leer, so zeigt die E-Mail Input name: true

Workbench:

Form Page: