[contact-form-7 id="24083" title="Feedback DE"]

Ausgewählte Vorlagen

Joomla 3.x. Wie man ein neues Feld zum TM AJAX Contact Form Modul hinzufügt

Das jeweilige Tutorial zeigt, wie man ein neues Feld zum TM AJAX Contact Form Modul in Joomla 3 Vorlagen hinzufügt.

Joomla 3.x. Wie man ein neues Feld zum TM AJAX Contact Form Modul hinzufügt

Alle Joomla 3 Vorlagen haben ein Kontaktformular (contact form).

Normalerweise hat das Kontaktformular Standardfelder (standard fields), zum Beispiel, “Name” (Name), “E-Mail-Adresse” (E-mail), “Telefonnummer” (Phone) und “Nachricht” (Message):

joomla3_add_new_field_in_tm_ajax_contact_form_module_1

Sie können auch Ihre eigenen Felder (own fields) zum Kontaktformular hinzufügen, damit Sie von Ihren Benutzern ausgefüllt werden.

Lassen Sie uns zeigen, wie man dies macht.

Loggen Sie sich ins Control Panel Joomla ein.

  1. Finden Sie den Tab Erweiterungen ->Modulmanager (Extensions ->Module Manager):

    joomla3_add_new_field_in_tm_ajax_contact_form_module_2

  2. Rechts auf der Seite, die Sie gerade sehen, drücken Sie auf den Button Artikelzahl (items counter) und wählen Sie die Option “Alle” (All) aus, um alle verfügbaren Felder auf der Seite darzustellen:

    joomla3_add_new_field_in_tm_ajax_contact_form_module_3

  3. Wenn Sie alle Module auf der Seite sehen, nutzen Sie die Tastenkombination CTRL+F/CMND+F (Windows OS/Mac OS), um den Text “TM AJAX Contact Form” zu finden.

  4. Drücken Sie auf den Namen des Moduls, um es zu öffnen und dann zu ändern:

    joomla3_add_new_field_in_tm_ajax_contact_form_module_4

Das Bearbeitungsfenster TM AJAX Contact Form ist gerade vor Ihnen.

Drücken Sie jetzt auf den Tab Moduleinstellungen (Module Settings), um die Seite mit allgemeinen Einstellungen des Kontaktformulars zu öffnen:

joomla3_add_new_field_in_tm_ajax_contact_form_module_5

Zuerst sehen Sie das Feld “Beschreibung” (Pretext) und unten verfügbare Felder. Hier können Sie Änderungen vornehmen.

Klicken Sie auf das Zeichen “Plus” (+) (plus) neben dem Feld, wo Sie ein neues hinzufügen möchten. Zum Beispiel, Sie möchten das Feld “Grund” (Subject) nach dem Feld “Telefonnummer” (Phone) hinzufügen:

joomla3_add_new_field_in_tm_ajax_contact_form_module_6

Sie sehen jetzt ein leeres Feld:

joomla3_add_new_field_in_tm_ajax_contact_form_module_7

Füllen Sie die Felder “Label” (Label) und “Name” (Name) aus und legen Sie die Option “Typ” (Type) für das Feld, das Sie hinzugefügt haben, fest. In unserem Fall ist es “Text”:

joomla3_add_new_field_in_tm_ajax_contact_form_module_8

Sie müssen auch auswählen, ob das Feld obligatorisch oder optional ist, indem Sie die richtige Option festlegen. Lassen Sie uns das Feld Grund optional machen:

joomla3_add_new_field_in_tm_ajax_contact_form_module_9

Sie haben schon bemerkt, dass die Option “Bootstrap Size” auch festgelegt werden muss.

Indem Sie diese Option nutzen, können Sie die Feldgröße (field size) festlegen. Indem Sie 12 aussehen, wird das Feld über die gesamte Breite des Containers des Kontaktformulars genauso wie das Feld “Nachricht” (Message) platziert:

joomla3_add_new_field_in_tm_ajax_contact_form_module_10

Die Nummer 4 bedeutet, dass das Feld den dritten Teil des gesamten Containers für das Kontaktformular braucht. Die Nummer 3 braucht den vierten Teil usw.

Lassen Sie uns so machen, damit das Feld die gesamte Breite des Containers platziert wird, indem wir 12 auswählen:

joomla3_add_new_field_in_tm_ajax_contact_form_module_11

Scrollen Sie die Seite nach oben und drücken Sie auf den Button “Speichern” (Save) links oben, um die Änderungen zu speichern:

joomla3_add_new_field_in_tm_ajax_contact_form_module_12

Öffnen Sie Ihre Kontaktseite und aktualisieren Sie sie, um die Änderungen zu sehen. Das Feld “Grund” (Subject) wurde erfolgreich hinzugefügt:

joomla3_add_new_field_in_tm_ajax_contact_form_module_13

Sie können jetzt selbst das neue Feld zum TM AJAX Contact Form Modul in Joomla 3 Vorlagen hinzufügen.

Sie können auch das ausführliche Video-Tutorial nutzen:

Joomla 3.x. Wie man ein neues Feld zum TM AJAX Contact Form Modul hinzufügt