toujou
+49 911 23980-870

Formulare anlegen

In toujou steht Ihnen das TYPO3-Modul für Formulare in vollem Umfang zur Verfügung. In diesem Tutorial erfahren Sie, wie Sie Formulare anlegen und wo sich Ihr toujou-Backend-Menü von anderen TYPO3-Installationen unterscheidet. 
Anleitung   Video-Tutorials   Hinweise, Tipps & Tricks


Schritt für Schritt

Übersicht der Einträge

  • Mit Klick auf das Icon Formulare im Strukturbaum Ihrer Website erscheint eine Übersicht Ihrer Formulare. In toujou ist standardmäßig ein Kontaktformular angelegt.
  • Mit Klick auf den Titel eines Formulars können Sie dieses direkt bearbeiten.
  • Mit Klick auf + Formularname legen Sie ein neues Formular an. Es ploppt ein neues Fenster auf. Seit TYPO3 Version 10 LTS haben Sie die Wahl zwischen einem leeren Formular und einem vordefinierten Formular. Ersteres legen Sie komplett neu an. Letzteres greift auf eine bestehende Anordnung von Elementen eines anderen Formulars zurück. Entscheiden Sie sich für das vordefinierte Formular, müssen Sie im nächsten Schritt das entsprechende Formular auswählen (siehe Screenshot).
  • Da es sich um ein äußerst umfangreiches Modul mit vielen individuell anpassbaren Feldern und Funktionen handelt, finden Sie alle notwendigen Schritte im Video-Tutorial detailliert erläutert.

User-Uploads DSGVO-konform verwalten

TYPO3 bietet Ihnen die Möglichkeit, Dateien, die von Ihren Usern hochgeladen werden, im Backend-System zu speichern (Modul: Dateiliste). Sollten Sie keine Einwilligung einholen, Dateien (Bilder, Dokumente, etc.) Ihrer Websitebesucher vorzuhalten, kann dies jedoch – abhängig von Ihren Datenschutzbestimmungen – gegen die geltende DSGVO verstoßen. In diesem Falle hält das Formular-Modul einen so genannten Finisher bereit, der Sie vor Verstößen schützt. In den folgenden Schritten erläutern wir Ihnen die Einrichtung dieses Finishers.

Dateiuploads ermöglichen

  • Die folgenden Schritte sind nur dann nötig und möglich, wenn Sie Ihrem Formular ein Feld zum Upload von Dateien oder Bildern hinzugefügt haben.
  • In unserem Beispiel sehen Sie im Formularfenster (Mitte) das Feld Dateiupload.
  • Weitere Voraussetzung, damit Dateien Sie erreichen, ist der Einsatz des Finishers E-Mail senden (Empfänger). Ganz unten innerhalb dieses Finisher-Settings sehen Sie das bereits aktivierte Kästchen Uploads hinzufügen. Diese Einstellung sollten Sie nicht verändern.

Speichern im TYPO3-System unterbinden

  • Der voreingestellte Speicherort in toujou für von Usern hochgeladenen Dateien ist der Ordner user_uploads. Wie oben beschrieben, ist nicht automatisch sichergestellt, dass Sie hochgeladene Dateien im System speichern dürfen.
  • Damit User Ihnen Dateien einzig als Anhänge einer über das Formular generierten E-Mail zustellen, können Sie die Speicherung hochgeladener Dateien im System unterbinden.
  • Hierzu wählen Sie auf der rechten Seite einen zusätzlichen Finisher aus dem Dropdown-Menü: Uploads löschen.

Finisher verschieben & korrekt anordnen

  • Jeder neue Finisher eines TYPO3-Formulars erscheint zunächst unter den bereits angewählten Finishern.
  • WICHTIG: Die Reihenfolge der von Ihnen gewählten Finisher ist entscheidend, um den Versand von Formularen zu gewährleisten. So ist der Finisher Zu einer Seite weiterleitenRedirect to a page IMMER an den Schluss zu setzen. Der Finisher Uploads löschen – Delete uploads ist immer NACH den Finisher E-Mail senden (Empfänger) – Email to receiver (you) zu setzen.
  • Für den Fall, dass Sie Dateiuploads ermöglichen, lautet die korrekte Reihenfolge demnach:
  1. E-Mail senden (Empfänger)
  2. Uploads löschen
  3. Zu einer Seite weiterleiten
  • Verschieben Sie Ihre gewählten Finisher gegebenenfalls per Drag and Drop an die richtige Stelle (siehe Screenshot).
  • Speichern Sie Ihre Änderungen.

Video-Tutorials via jweiland.net

Um externe Video-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Kontakt-Formular bearbeiten

Das in toujou mitgelieferte Formular für die Kontaktaufnahme bearbeiten (vor allem hinsichtlich der Finisherangaben).

Laufzeit: 5'55"

1'15'': Finisher-Einstellungen

2'05'': E-Mail an Empfänger 

2'39'': Adresse und Name des Empfängers

3'34'': Reply-to-Adresse, CC und BCC-Optionen

5'09'': Format der E-Mail

Um externe Video-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Neues Formular erstellen

Wie Sie ein individuelles Formular erstellen und worauf Sie für die Funktionalität achten müssen.

Laufzeit: 23'59''

1'38'': Elemente hinzufügen (z.B. Text, E-Mail-Adresse, Telefonnummer, Bilderauswahl)

9'36'': Formular in der Frontend-Ansicht

10'06'': Einzelne Seiten beschriften (bei mehrseitigen Formularen)

11'42'': Finisher anlegen (Empfänger)

17'21'': Weitere Finisher-Optionen

19'55'': Formular auf Seite einbauen


Hinweise, Tipps & Tricks

Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten.

In toujou fügen Sie ein fertig gestelltes Fomular über die Elementbibliothek als Content-Element ein. Im Reiter Widgets steht Ihnen dafür das Element Mailform zur Verfügung. Eine Vorab-Ansicht des standardmäßig eingestellten Kontaktformulars finden Sie hier.

Bitte beachten Sie, dass Sie beim Hinzufügen eines Finishers Redirect to a page (wie im Video demonstriert) Besucher entweder zu einer bestehenden Seite Ihres Seitenbaums (z.B. der Startseite) oder zu einer eigens erstellten Formularbestätigungs-Seite umleiten. Wie man neue Seiten erstellt, haben wir im Tutorial Seiten/Navigation anlegen für Sie erläutert.