TYPO3 - Formulare nutzen: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
(Die Seite wurde neu angelegt: „{{article |type=Anleitung |service=Service:Typo3 |targetgroup=Angestellte,Studierende,Gäste |hasdisambig=Nein }} Diese Anleitung zeigt und erklärt Ihnen die…“)
 
 
(22 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 2: Zeile 2:
 
|type=Anleitung
 
|type=Anleitung
 
|service=Service:Typo3
 
|service=Service:Typo3
−
|targetgroup=Angestellte,Studierende,Gäste
+
|targetgroup=Gäste, Angestellte, Studierende
 
|hasdisambig=Nein
 
|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>
 +
 
 +
== Was ist zu tun? ==
 +
* '''Seite öffnen''' → + Inhalt → Tab „Formulare“ → „Formular“ auswählen.
 +
* '''Überschrift und Datenschutz:''' Im Tab „Allgemein“ eine Überschrift eingeben und unter „UPB“ eine spezifische Datenschutzerklärung für das Formular verlinken.
 +
* '''Formulartyp wählen:''' Im Tab „Plug-In“ aus den Optionen „Contact Data“, „Contact Data External“, „Contact Form“ oder „Kontrollformular“ wählen.
 +
* '''Speichern.'''
 +
 
 +
==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? ==
 
== Was ist zu tun? ==
 
* Einbindung von Formularen und Datenschutzerklärung
 
* Einbindung von Formularen und Datenschutzerklärung
Zeile 19: Zeile 185:
  
 
== Einbindung von Formularen und Datenschutzerklärung  ==
 
== 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]]
 
[[Datei:TYPO3Formular1.png|links|mini|ohne|700px]]
 
<br>
 
<br>
 
* Zum Einbinden von Formularen nutzen Sie das Inhaltselement '''"Formular"''' im Reiter "'''Formulare"'''.  
 
* Zum Einbinden von Formularen nutzen Sie das Inhaltselement '''"Formular"''' im Reiter "'''Formulare"'''.  
−
* Das Inhaltselement "Formhandler" nutzen Sie bitte '''nicht mehr'''.
+
 
 
<br clear=all>
 
<br clear=all>
  
Zeile 34: Zeile 200:
 
[[Datei:TYPO3Formular3.png|links|mini|ohne|700px]]
 
[[Datei:TYPO3Formular3.png|links|mini|ohne|700px]]
 
<br>
 
<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>
 
<br clear=all>
  
Zeile 176: Zeile 342:
  
 
== Mehrsprachigkeit ==
 
== 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 ZIM je Sprache ein Formular.
 
<br clear=all>
 
<br clear=all>
  
 
== Upload-Felder ==
 
== Upload-Felder ==
−
* Wenn Ihr Formular '''ein oder mehrere Upload-Felder''' enthält, müssen Sie dem '''IMT diese mitteilen''', damit wir Ihnen einen entsprechenden Dateiordner konfigurieren können, welcher dann die Dateien des Formulars enthält.
+
* Wenn Ihr Formular '''ein oder mehrere Upload-Felder''' enthält, müssen Sie dem '''ZIM diese mitteilen''', damit wir Ihnen einen entsprechenden Dateiordner konfigurieren können, welcher dann die Dateien des Formulars enthält.
 
* Wenn dies noch nicht geschehen ist, sehen Sie einen '''Hinweis''' in der Webseitenausgabe des Formulars.
 
* Wenn dies noch nicht geschehen ist, sehen Sie einen '''Hinweis''' in der Webseitenausgabe des Formulars.
 
<br clear=all>
 
<br clear=all>

Aktuelle Version vom 15. Oktober 2024, 02:20 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürGäste, Angestellte und Studierende
HilfeWiki des ZIM der Uni Paderborn

no displaytitle found: TYPO3 - Formulare nutzen

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
  • Typo3-formular-15.png
  • Typo3-formular-16.png
  • Typo3-formular-17.png
  • Typo3-formular-18.png

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

  • Seite öffnen → + Inhalt → Tab „Formulare“ → „Formular“ auswählen.
  • Überschrift und Datenschutz: Im Tab „Allgemein“ eine Überschrift eingeben und unter „UPB“ eine spezifische Datenschutzerklärung für das Formular verlinken.
  • Formulartyp wählen: Im Tab „Plug-In“ aus den Optionen „Contact Data“, „Contact Data External“, „Contact Form“ oder „Kontrollformular“ wählen.
  • Speichern.

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

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

Inhaltselement hinzufügen


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


Typo3-formular-01.png


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



Typo3-formular-02.png


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



Typo3-formular-04.png


  • Sie brauchen eine Datenschutzerklärung für das Formular.
  • Öffnen Sie den Tab "UPB".
  • Verlinken Sie hier Ihre 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“:


Typo3-formular-03.png


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



Typo3-formular-05.png


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



Typo3-formular-06.png


  • 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.



Typo3-formular-05.png


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


Finisher Aktivitäten[Bearbeiten | Quelltext bearbeiten]

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

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

Sendet eine E-Mail an den Webseiten-Besucher.

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



E-Mail an Empfänger (Sie)


  • 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.



UPB - Protokol


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



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.


Typo3-formular-10.png


Bestätigung


  • 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]



Content Management System (CMS) das zum Erstellen, Bearbeiten und Pflegen von Webseiten genutzt wird.

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: zim@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des ZIM - Sie finden uns in Raum I0.401

Wir sind zu folgenden Zeiten erreichbar:


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


Das ZIM:Servicecenter Medien auf H1 hat aktuell zu folgenden Zeiten geöffnet:

Mo-Do Fr
08:00 - 16:00 08:00 - 14:30
Abgerufen von „https://hilfe.uni-paderborn.de/index.php?title=TYPO3_-_Formulare_nutzen&oldid=36479“
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.
Weitere Informationen