Inhaltselement "Mail-Formular"

Um Ihren Besuchern die Möglichkeit zur schnellen Kontaktaufnahme zu ermöglichen, bieten sich Kontaktformulare bzw. Mail-Formulare an. Solche Formulare lassen sich in TYPO3 über das Inhaltselement "Mail-Formular" erstellen. Erstellen Sie einen neuen Datensatz und wählen Sie das Inhaltselement "Mail-Formular" aus 1.

Auf der folgenden Seite können Sie wieder eine Überschrift eintragen 2. Im Bereich "Formularstruktur" sehen Sie das TYPO3 schon ein Beispielformular erstellt hat 3. Speichern Sie das Formular ab um den "Formularassistenten" nutzen zu können.

Der Formularassistent hilft Ihnen bei der Erstellung Ihrer Formulare, ähnlich dem Tabellenassistenten. Rufen Sie den Formularassistenten durch Klick auf das Icon neben dem Eingabefeld unter "Formularstruktur" auf 4.

Mit dem Formularassistenten, der sich jetzt öffnet, können Sie mit wenig Aufwand Ihr Kontaktformular an Ihre Bedürfnisse anpassen. Sehen Sie sich die erste Zeile etwas genauer an, sehen Sie auf der linken Seite die Vorschau des Elements (in diesem Fall "Name"). Im Block rechts daneben unter "Elementtyp" legen Sie die Eigenschaften des Formularfeldes fest. Unter "Typ" 5 können Sie die Art des Formularfeldes festlegen. Klicken Sie hier auf den Pfeil neben dem Wort "Eingabefeld" 6.

Nach dem Klick auf das Pfeil Icon öffnet sich eine Auswahlliste mit verschiedenen Optionen. Eine Erklärung zu den einzelnen Optionen finden Sie auf dieser Seite ausführlich beschrieben.

Unter dem Punkt Beschriftung 7 geben Sie die Bezeichnung des Eingabefelds an. Hier tragen Sie die Bezeichnung ein die in Ihrem Formular den Inhalt des Eingabeformulars beschreibt.

Auf der Website sieht das dann wie folgt aus:

Im nächsten Schritt erstellen Sie noch einige weitere Elemente für Ihr Formular (nähere Informationen zu den einzelnen Elementen erhalten Sie hier). Klicken Sie dazu auf das Plus-Icon in der linken Leiste 8 um ein Element hinzuzufügen. Um dem Besucher Ihrer Website die Möglichkeit zu bieten eine Kontakt-E-Mail-Adresse anzugeben, erstellen Sie ein weiteres "Eingabefeld" 9 und tragen alle benötigten Werte ein.
Fügen Sie danach ein weiteres Element hinzu, wählen Sie diesmal aber als Typ "Textbereich" 10. Dieser Elementtyp erstellt ein mehrzeiliges Textfeld das sich zum Eintragen längerer Texte eignet, ideal also um Nachrichten zu übermitteln.
Erstellen Sie zum Schluss ein weiteres Element und wählen als Typ "Markierungsfeld" 11 aus. Hiermit geben Sie dem Benutzer die Möglichkeit eine Option auszuwählen. In Fall dieses Beispiels kann der Benutzer um einen Rückruf bitten.

Im Abschnitt "Spezielle Konfiguration für Mail-Formulare" können Sie noch einige Angaben zum Verhalten Ihres Formulars machen 12. Tragen Sie hier die "Beschriftung der Absendeschaltfläche", den "Betreff" der Nachricht und die "Empfänger-E-Mail" ein.

Danach speichern Sie Ihre Angaben ab und schließen den Formularassistenten 13.

Ihr Kontaktformular ist fertiggestellt und funktionstüchtig. Wechseln Sie ins Frontend Ihres Internetauftritts, können Sie das Formular testen.

Wie Sie vielleicht festgestellt haben, hat Ihr neues Kontaktformular noch einen kleinen Schönheitsfehler. Nach dem Absenden wird die Seite mit dem Formular neu geladen, der Benutzer hat dabei keine Bestätigung über den Versandstatus seiner Nachricht. Dies sollten Sie noch ändern, indem Sie eine Bestätigungsseite erstellen.
Wechseln Sie zurück ins Backend und erstellen Sie eine neue Seite, am besten als Unterseite der Seite mit dem Kontaktformular. 14 (das Kontaktformular befindet sich in diesem Beispiel auf der Seite "Beispielseite").

Geben Sie der neuen Seite einen Seitentitel 15, z.B. "Nachricht gesendet" und wechseln Sie in die Kategorie "Zugriff" 16.

In der Kategorie "Zugriff" aktivieren Sie unter "Sichtbarkeit" die Option "In Menüs Verbergen" 17. Da die Seite nur nach dem Absenden des Mailformulars angezeigt werden soll, muss sie nicht in Ihrem Menü aufgeführt werden. Speichern Sie danach Ihre neue Seite ab.

Auf der neuen Seite erstellen Sie ein neues Textelement mit einer Bestätigung über den Versand der Nachricht.

Nachdem die Bestätigungsseite fertig ist, wechseln Sie wieder auf die Seite mit Ihrem Kontaktformular und öffnen das Element erneut. Wechseln Sie in die Kategorie "Verhalten" 18.

In der Kategorie "Verhalten" können Sie unter "Ziel und Empfänger" eine "Zielseite" auswählen. Klicken Sie auf das Ordner Icon 19 um den TYPO3-Element-Browser zu öffnen.

Wählen Sie Ihre neue Seite "Nachricht gesendet" aus dem Seitenbaum aus 20 und speichern Sie danach Ihr Kontaktformular ab.

Wechseln Sie wieder in das Frontend Ihres Internetauftritts und testen Sie Ihr Formular erneut. Nach dem Absenden werden Sie auf die neue Bestätigungsseite weitergeleitet.