TYPO3 - Formulare nutzen: Unterschied zwischen den Versionen

Anleitung
Anleitung
Informationen
Betriebssystem	Alle
Service	TYPO3
Interessant für	Gäste, Angestellte und Studierende
HilfeWiki des IMT der Uni Paderborn

Aktuelle Version vom 26. Februar 2024, 17:20 Uhr

TYPO3

Allgemeine Informationen

Diese Anleitung erklärt, wie Sie Formulare auf einer Webseite einbinden. Das Einfügen eines Formulars ist nicht in jedem Fall ganz einfach. Wenden Sie sich bei Problemen an den Webmaster Ihres Bereichs oder an [1].

Es stehen vier verschiedene Formulare zur Auswahl:

Contact Data
Contact Data external
Contact Form
Kontrollformular

Kontaktformulare[Bearbeiten | Quelltext bearbeiten]

Contact Data

Contact Data external

Contact Form

Kontrollformular

Schritt-für-Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]

Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten.

Klicken Sie auf + Inhalt, um ein neues Inhaltselement hinzuzufügen.

Öffnen Sie den Tab "Formulare".
Wählen Sie "Formular".

Öffnen Sie den Tab "Allgemein".
Fügen Sie eine Überschrift für das Formular hinzu.

Sie brauchen eine Datenschutzerklärung für das Formular.
Öffnen Sie den Tab "UPB".
Verlinken Sie hier Ihre Datenschutzerklärung.

Hinweise zur Datenschutzerklärung

Um das Formular speichern zu können, müssen Sie auf „UPB“ eine Webseite mit der Datenschutzerklärung für dieses Formular angeben. Erstellen Sie vorher auf einer gesonderten Webseite eine eigene "Datenschutzerklärung zum Formular" (notfalls zunächst einmal als leere Seite, die später mit Inhalten ausgefüllt wird), auf die dann im Web-Element „Formular“ verlinkt wird. Die allgemeine Datenschutzerklärung der Universität Paderborn darf hier nicht verlinkt werden, sie ist auf allen Webseiten der Universität ohnehin verlinkt. Die Datenschutzerklärung zum Formular ergänzt die allgemeine Datenschutzerklärung der Universität Paderborn bezüglich der Verarbeitung der über die Formularfelder gesammelten Daten. Informationen zum Erstellen einer solchen Seite finden Sie auf https://hilfe.uni-paderborn.de/DSGVO_-_Datenschutzerklaerung_zu_Formularen. Wählen Sie die Webseite mit der Datenschutzerklärung zu diesem Formular unter „Datenschutzerklärung“ aus, hier die Seite „Datenschutzerklärung zum Formular xyz“:

Wechseln Sie in den Tab "Plug-In".
Wählen Sie eine der 4 Formulardefinitionen aus.

Durch das ausgewählte Formular ändern sich die verfügbaren Optionen.
Klicken Sie auf "OK", um die Änderungen zu übernehmen.

Finisher sind Aktivitäten, welche nach dem Absenden eines Formular ausgeführt werden.
Setzen Sie den Haken für "Finisher Einstellungen überschreiben" um die Einstellungen zu bearbeiten.

Durch die Einstellung ändern sich die verfügbaren Optionen.
Klicken Sie auf "OK", um die Änderungen zu übernehmen.

Finisher Aktivitäten[Bearbeiten | Quelltext bearbeiten]

E-Mail an Empfänger (Sie)

Sendet eine E-Mail an den Betreiber des Formulars mit den Daten des Formulars.

UPB - Protokol

Schreibt die eingegebenen Daten in eine Datenbank, damit Sie diese später über den Formular-Exporter in eine CSV-Datei schreiben können.

UPB - Mail an den Absender

Sendet eine E-Mail an den Webseiten-Besucher.

Bestätigung

Hier können Sie entweder eine Textnachricht eingeben oder ein Inhaltselement auswählen, welches nach dem Absenden dem Webseitenbesucher angezeigt wird.

Passen Sie die Konfiguration an Ihre Bedürfnisse an.
Geben Sie eine gültige E-Mail-Adresse an, sonst kommt es beim Absenden des Formulars zu einem Fehler.

In der Regel müssen Sie hier keine Angaben machen.
Wenn Sie möchten, können Sie hier das Double-Opt-In-Verfahren aktivieren.

Passen Sie die Konfiguration an Ihre Bedürfnisse an.
Geben Sie eine gültige E-Mail-Adresse an, damit es beim Absenden des Formulars zu keinem Fehler kommt.

Bestätigen Sie Ihre Eingaben.

Kontrolle[Bearbeiten | Quelltext bearbeiten]

Nach der Konfiguration des Formulars sollten Sie Ihr Formular testen. Füllen Sie dazu das Formular ein- oder zweimal selbst aus und prüfen Sie das Verhalten:

Wurden die E-Mails korrekt versendet?
Passen die Angaben und Überschriften?
Anschließend sollten Sie einmal den Export durchführen und prüfen, ob die Daten korrekt enthalten sind (siehe Export).

Bei neuen Formularen, welche Sie beantragt haben, können Sie außerdem noch folgende Punkte prüfen:

Ist die Darstellung korrekt und sind alle Felder vorhanden?
Stimmen die Texte und Bezeichner?
Sind die Pflichtfelder richtig definiert?

Siehe auch[Bearbeiten | Quelltext bearbeiten]

TYPO3

Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 • Tel. Medien: +49 (5251) 60-2821 • E-Mail: imt@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des IMT

Das IMT:Notebook-Café (Raum I0.401) bietet in der vorlesungsfreien Zeit nur eingeschränkten Support

	Mo	Di-Do	Fr
Vor-Ort-Support	08:30-16 Uhr		08:30-14 Uhr
Telefonsupport	08:30-16 Uhr		08:30-14 Uhr

Das IMT:Servicecenter Medien auf H1 hat ab 8. April wieder von Montag bis Donnerstag von 08:00-16:00 Uhr und Freitags von 08:00 bis 14:30 Uhr geöffnet.

@@ Zeile 2: / Zeile 2: @@
 |type=Anleitung
 |service=Service:Typo3
-|targetgroup=Angestellte,Studierende,Gäste
+|targetgroup=Gäste, Angestellte, Studierende
 |hasdisambig=Nein
 }}
-Diese Anleitung zeigt und erklärt Ihnen die Nutzung von TYPO3-Formularen.
+Diese Anleitung erklärt, wie Sie Formulare auf einer Webseite einbinden. Das Einfügen eines Formulars ist nicht in jedem Fall ganz einfach. Wenden Sie sich bei Problemen an den Webmaster Ihres Bereichs oder an [mailto:webmaster@uni-paderborn.de|webmaster@uni-paderborn.de].
+<br>
+Es stehen vier verschiedene Formulare zur Auswahl:
+* Contact Data
+* Contact Data external
+* Contact Form
+* Kontrollformular
+==Kontaktformulare==
+<bootstrap_accordion>
+<bootstrap_panel heading="Contact Data" color="info">
+[[Datei:Typo3-formular-13.png|links|mini|ohne|450px|Contact Data]]
+</bootstrap_panel>
+<bootstrap_panel heading="Contact Data external" color="info">
+[[Datei:Typo3-formular-14.png|links|mini|ohne|450px|Contact Data External]]
+</bootstrap_panel>
+<bootstrap_panel heading="Contact Form" color="info">
+[[Datei:Typo3-formular-12.png|links|mini|ohne|450px|Contact Form]]
+</bootstrap_panel>
+<bootstrap_panel heading="Kontrollformular" color="info">
+<gallery>
+Datei:Typo3-formular-15.png
+Datei:Typo3-formular-16.png
+Datei:Typo3-formular-17.png
+Datei:Typo3-formular-18.png
+</gallery>
+</bootstrap_panel>
+</bootstrap_accordion>
+==Schritt-für-Schritt Anleitung==
+Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten.
+[[Datei:Typo3-akkordeon-01.png|links|mini|ohne|450px|Inhaltselement hinzufügen]]
+<br>
+* Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
+<br clear=all>
+[[Datei:Typo3-formular-01.png|links|mini|ohne|450px]]
+<br>
+# Öffnen Sie den Tab '''"Formulare"'''.
+# Wählen Sie '''"Formular"'''.
+<br clear=all>
+[[Datei:Typo3-formular-02.png|links|mini|ohne|450px]]
+<br>
+# Öffnen Sie den Tab '''"Allgemein"'''.
+# Fügen Sie eine Überschrift für das Formular hinzu.
+<br clear=all>
+[[Datei:Typo3-formular-04.png|links|mini|ohne|450px]]
+<br>
+* Sie brauchen eine Datenschutzerklärung für das Formular.
+* Öffnen Sie den Tab '''"UPB"'''.
+* Verlinken Sie hier Ihre Datenschutzerklärung.
 <br clear=all>
+<bootstrap_accordion>
+<bootstrap_panel heading="Hinweise zur Datenschutzerklärung">
+Um das Formular speichern zu können, müssen Sie auf „UPB“ eine Webseite mit der Datenschutzerklärung für dieses Formular angeben. Erstellen Sie vorher auf einer gesonderten Webseite eine eigene "Datenschutzerklärung zum Formular" (notfalls zunächst einmal als leere Seite, die später mit Inhalten ausgefüllt wird), auf die dann im Web-Element „Formular“ verlinkt wird. Die allgemeine Datenschutzerklärung der Universität Paderborn darf hier nicht verlinkt werden, sie ist auf allen Webseiten der Universität ohnehin verlinkt. Die Datenschutzerklärung zum Formular ergänzt die allgemeine Datenschutzerklärung der Universität Paderborn bezüglich der Verarbeitung der über die Formularfelder gesammelten Daten. Informationen zum Erstellen einer solchen Seite finden Sie auf https://hilfe.uni-paderborn.de/DSGVO_-_Datenschutzerklaerung_zu_Formularen. Wählen Sie die Webseite mit der Datenschutzerklärung zu diesem Formular unter „Datenschutzerklärung“ aus, hier die Seite „Datenschutzerklärung zum Formular xyz“:
+</bootstrap_panel>
+</bootstrap_accordion>
+[[Datei:Typo3-formular-03.png|links|mini|ohne|450px]]
+<br>
+* Wechseln Sie in den Tab '''"Plug-In"'''.
+* Wählen Sie eine der 4 Formulardefinitionen aus.
+<br clear=all>
+[[Datei:Typo3-formular-05.png|links|mini|ohne|450px]]
+<br>
+* Durch das ausgewählte Formular ändern sich die verfügbaren Optionen.
+* Klicken Sie auf '''"OK"''', um die Änderungen zu übernehmen.
+<br clear=all>
+[[Datei:Typo3-formular-06.png|links|mini|ohne|450px]]
+<br>
+* Finisher sind Aktivitäten, welche nach dem Absenden eines Formular ausgeführt werden.
+* Setzen Sie den Haken für '''"Finisher Einstellungen überschreiben"''' um die Einstellungen zu bearbeiten.
+<br clear=all>
+[[Datei:Typo3-formular-05.png|links|mini|ohne|450px]]
+<br>
+* Durch die Einstellung ändern sich die verfügbaren Optionen.
+* Klicken Sie auf '''"OK"''', um die Änderungen zu übernehmen.
+<br clear=all>
+===Finisher Aktivitäten===
+<bootstrap_accordion>
+<bootstrap_panel heading="E-Mail an Empfänger (Sie)">
+Sendet eine E-Mail an den Betreiber des Formulars mit den Daten des Formulars.
+</bootstrap_panel>
+<bootstrap_panel heading="UPB - Protokol">
+Schreibt die eingegebenen Daten in eine Datenbank, damit Sie diese später über den Formular-Exporter in eine CSV-Datei schreiben können.
+</bootstrap_panel>
+<bootstrap_panel heading="UPB - Mail an den Absender">
+Sendet eine E-Mail an den Webseiten-Besucher.
+</bootstrap_panel>
+<bootstrap_panel heading="Bestätigung">
+Hier können Sie entweder eine Textnachricht eingeben oder ein Inhaltselement auswählen, welches nach dem Absenden dem Webseitenbesucher angezeigt wird.
+</bootstrap_panel>
+</bootstrap_accordion>
+[[Datei:Typo3-formular-07.png|links|mini|ohne|450px|E-Mail an Empfänger (Sie)]]
+<br>
+* Passen Sie die Konfiguration an Ihre Bedürfnisse an.
+* Geben Sie eine gültige E-Mail-Adresse an, sonst kommt es beim Absenden des Formulars zu einem Fehler.
+<br clear=all>
+[[Datei:Typo3-formular-08.png|links|mini|ohne|450px|UPB - Protokol]]
+<br>
+* In der Regel müssen Sie hier keine Angaben machen.
+* Wenn Sie möchten, können Sie hier das '''Double-Opt-In-Verfahren''' aktivieren.
+<br clear=all>
+[[Datei:Typo3-formular-09.png|links|mini|ohne|450px|UPB - Mail an Absender]]
+* Passen Sie die Konfiguration an Ihre Bedürfnisse an.
+* Geben Sie eine gültige E-Mail-Adresse an, damit es beim Absenden des Formulars zu keinem Fehler kommt.
+<br clear=all>
+[[Datei:Typo3-formular-10.png|links|mini|ohne|450px|]]
+<br clear=all>
+[[Datei:Typo3-formular-11.png|links|mini|ohne|450px|Bestätigung]]
+<br>
+* Bestätigen Sie Ihre Eingaben.
+<br clear=all>
+==Kontrolle==
+Nach der Konfiguration des Formulars sollten Sie Ihr Formular testen. Füllen Sie dazu das Formular ein- oder zweimal selbst aus und prüfen Sie das Verhalten:
+* Wurden die E-Mails korrekt versendet?
+* Passen die Angaben und Überschriften?
+* Anschließend sollten Sie einmal den Export durchführen und prüfen, ob die Daten korrekt enthalten sind (siehe Export).
+Bei neuen Formularen, welche Sie beantragt haben, können Sie außerdem noch folgende Punkte prüfen:
+* Ist die Darstellung korrekt und sind alle Felder vorhanden?
+* Stimmen die Texte und Bezeichner?
+* Sind die Pflichtfelder richtig definiert?
+==Siehe auch==
+* [[TYPO3]]
+<!--
+==Alt==
 == Was ist zu tun? ==
 * Einbindung von Formularen und Datenschutzerklärung
@@ Zeile 20: / Zeile 179: @@
 == Einbindung von Formularen und Datenschutzerklärung  ==
-Vor dem Einbinden eines Formulars erstellen Sie eine Seite für Ihre Formular-Datenschutzerklärung oder Sie nutzen eine vorhandene Seite in Ihrem Bereich. Weitere Informationen dazu finden Sie im [[DSGVO - Datenschutzerklärung zu Formularen|Hilfe-Wiki]].<br>
+Vor dem Einbinden eines Formulars erstellen Sie eine Seite für Ihre Formular-Datenschutzerklärung oder Sie nutzen eine vorhandene Seite in Ihrem Bereich. Weitere Informationen dazu finden Sie im [[DSGVO - Datenschutzerklaerung zu Formularen|Hilfe-Wiki]].<br>
 [[Datei:TYPO3Formular1.png|links|mini|ohne|700px]]
 <br>
 * Zum Einbinden von Formularen nutzen Sie das Inhaltselement '''"Formular"''' im Reiter "'''Formulare"'''.
-* Das Inhaltselement "Formhandler" nutzen Sie bitte '''nicht mehr'''.
 <br clear=all>
@@ Zeile 35: / Zeile 194: @@
 [[Datei:TYPO3Formular3.png|links|mini|ohne|700px]]
 <br>
-In dem Reiter '''"Plug-In"''' können Sie dann das '''gewünschte Formular''' auswählen.
+In dem Reiter '''"Plugin"''' können Sie dann das '''gewünschte Formular''' auswählen.
 <br clear=all>
@@ Zeile 177: / Zeile 336: @@
 == Mehrsprachigkeit ==
-Die Standard-Formulare sind mehrsprachig. Leider ist dies derzeit nur für globale Formulare (wie z.B. das Kontaktformular) möglich.
+Die Standard-Formulare sind mehrsprachig. Leider ist dies derzeit nur für globale Formulare (wie z.B. das Kontaktformular) möglich. Benötigen Sie ein Formular in mehreren Sprachen, so erstellt das IMT je Sprache ein Formular.
 <br clear=all>