Joomla-Kontaktformular erstellen: So funktioniert’s

Die Basis für die Kreation eines Joomla-Kontaktformulars mit der integrierten Funktion ist ein Kontaktprofil. In diesem Profil definieren Sie nämlich die E-Mail-Adresse, an die später die ausgefüllten Formulare der Nutzer und Nutzerinnen geschickt werden sollen.

Nachdem Sie sich im Backend angemeldet haben, rufen Sie zunächst im linken Seitenmenü die Rubrik „Komponenten“ auf und wählen dort das Menü „Kontakte“ sowie das gleichnamige Untermenü aus. Anschließend klicken Sie auf den Button „Neu“ bzw. auf „Ersten Kontakt erstellen“, sofern Sie bis dato noch keinen Kontakt hinzugefügt haben.

Für den Kontakt sind zwei Felder auszufüllen: Unter „Name“ tragen Sie eine beliebige Bezeichnung für den Kontakt ein. Wir verwenden an dieser Stelle den Namen „Kontakt“. In das Feld „E-Mail-Adresse“ tragen Sie die Zieladresse des Joomla-Kontaktformulars ein. Abschließend klicken Sie auf den „Speichern“-Button.

In der Auflistung des „Kontakte“-Menüs sollten Sie das erstellte Profil nun jederzeit sehen und bearbeiten können.

Im nächsten Schritt erstellen Sie das Joomla-Formular und verknüpfen es mit dem angelegten Kontaktprofil. Hierfür öffnen Sie im linken Seitenmenü des Backends die Rubrik „Menüs“, wählen den Unterpunkt „Verwalten“ und klicken auf die Schaltfläche „Neu“:

Geben Sie in der Zeile „Titel“ den Namen „Kontaktformular“ an. Unter „Menütyp“ tragen Sie „Einzelner Kontakt“ ein. Anschließend speichern Sie die Änderungen ab.

Sie können das erstellte Formular nun jederzeit mit einem Modul oder einem Menü verknüpfen, um es in Ihr Projekt einzubinden. In die Hauptnavigation fügen Sie es beispielsweise wie folgt ein:

1. Öffnen Sie im linken Seitenmenü die Rubrik „Menüs“.
2. Klicken Sie den Eintrag „Main Menu“ an.
3. Tragen Sie auch den Titel „Kontaktformular“ ein.
4. Wählen Sie in der Zeile „Menüeintragstyp“ die Option „Einzelner Kontakt“ (zu finden unter „Kontakte“). In der Folge können Sie im nächsten Feld den zuvor erstellten Kontakt auswählen, um das Formular mit der gewünschtem Mailadresse zu verknüpfen.
5. Drücken Sie anschließend auf „Speichern“.

Testweise können Sie die Angaben im Anschluss selbst ausfüllen und das Formular abschicken, um die Funktionsweise zu überprüfen.

Zunächst müssen Sie die Extension installieren. Wie bei Joomla-Templates funktioniert dies bequem über das Backend:

1. Melden Sie sich im Joomla-Backend an.
2. Klicken Sie im linken Seitenmenü auf den Eintrag „System“.
3. Wählen Sie den Punkt „Erweiterungen“ in der Rubrik „Installieren“ aus.
4. Wählen Sie das Installationspaket des Plugins aus, falls Sie dieses bereits heruntergeladen haben. Andernfalls fahren Sie mit Schritt 5 fort.
5. Klicken Sie auf „Aus Webkatalog installieren“.
6. Nutzen Sie die Suchfunktion, um nach der gewünschten Extension zu suchen.
7. Wählen Sie das passende Suchergebnis aus und klicken Sie auf „Installieren“.

Sobald Sie Ihre Joomla-Formular-Extension installiert haben, finden Sie in der linken Sidebar unter „Komponenten“ einen entsprechenden Menüeintrag der Erweiterung. Über dieses Menü können Sie nun Ihr individuelles Formular erstellen. Bei visforms klicken Sie hierfür zunächst auf die gleichnamige Schaltfläche und anschließend auf „Form Factory“.

Im oberen Abschnitt des nachfolgenden Menüs geben Sie nun einen Formular-Titel an. Dieser Titel wird später auf der Website für das Formular angezeigt. In der Zeile „Formularname“ definieren Sie den Datenbanknamen des Joomla-Kontaktformulars.

Im unteren Abschnitt erstellen Sie dann das Joomla-Formular. Hierbei können Sie entweder eine der Vorlagen wählen und diese anpassen oder sämtliche Felder, Namen und Bezeichnungen individuell gestalten. Haben Sie Ihre Auswahl getroffen, drücken Sie auf „Formular und Felder erzeugen“.

visforms-Formulare können Sie entweder mit einem Modul oder mit einem Menü verknüpfen, um diese auf einer Seite einzubinden. Indem Sie folgende Schritte ausführen, fügen Sie Ihr zuvor erstelltes Kontaktformular beispielsweise in die Navigation des Hauptmenüs ein:

1. Rufen Sie die Rubrik „Menüs“ im linken Seitenmenü auf.
2. Klicken Sie den Unterpunkt „Main Menu“ an.
3. Drücken Sie auf den Button „Neu“.
4. Vergeben Sie einen aussagekräftigen Titel.
5. Tragen Sie „Visforms“ -> „Formular“ als Menüeintragstyp ein.
6. Wählen Sie das zuvor erstellte Joomla-Formular aus.
7. Drücken Sie auf „Speichern“ und veröffentlichen Sie das Formular.