TYPO3 Extension Powermail
Agenda
1. Einleitung
2. Editors Corner
1. Einrichtung
2. Powermail im Einsatz
3 Admins corner
3.
1. Vor- und Nachteile im Vergleich zu anderen Mailform Erweiterungen
2. Formulare mit CSS designen
3. Im TER verfügbare Powermail Erweiterungen
4. Blick in Powermail HTML Templates
5
5. p
Blick in Powermail setup und constants
6. Fighting Spam
7. Speicherung der Formular Daten in eigener Tabelle
4.
4 Developers corner
1. Nutzung einer der zahlreichen Hooks
2. Nutzung von TS Feldern (z.B. userFunc) um Powermail noch flexibler
zu machen
Einleitung
1. Einleitung
Erstellung einer neuen Kontaktformularerweiterung
1. Einfaches und schnelles Anlegen von Feldern
2. Speicherung der Daten in Datenbank mit
Exportfunktion
3. Möglichkeit von Mehrseitenformularen
4. Bestätigungsmail an Absender
5. JS Validierung der Felder
Editors Corner
Einrichtung
2.1.1 Editors Corner / Einrichtung / Installation
Powermail Installation
1. Import aus TYPO3 Extension Repository (TER)
p p y( )
2. Settings im Extension Repository und Update
2.1.2 Editors Corner / Einrichtung / Plugin Einstellungen
Hinzufügen eines Powermail Pl i i T3 Seite –
Hi f i P il Plugins in T S i
verfügbare Reiter:
Allgemein
1. All i
2. Formulardaten
Felder
3. F ld
4. Absender
Empfänger
5. E fä
6. Antwortseite
Zugriff
7. Z iff
2.1.2 Editors Corner / Einrichtung / Plugin Einstellungen
Verfügbare Felder
Textfeld
• T f ld • Eigenen HTML Code
Ei C d
• Mehrzeiliges Textfeld • Passwort Feld
Auswahlbox
• A hlb • D iU l d
Datei-Upload
• Checkbox(en) • Verstecktes Feld
Radiobutton(s)
• R di b ( ) • D d Z i Feld
Datum-und-Zeit F ld
• Abschicken Button • Datum Feld
Captcha Abf
• C h Abfrage • B
Button
• Zurücksetzen Button • Grafik als Absendebutton
Text Anzeigen
• T A i • Lä d
Länderauswahl hl
• TYPO3 Seiteninhalt • TS Objekt einfügen
Editors Corner
Powermail im Einsatz
2.2.1 Editors Corner / Powermail im Einsatz / Beispielseiten
Powermail im www:
P il i
1. typo3.org Zertifikation anfordern [link]
T k Gewinnspiel [li k]
2. nanoTruck G i i l [link]
3. realdevelopers.com Code einsenden [link]
i ki h Medienverteiler [li k]
4. swiss-ski.ch M di il [link]
5. work4all.de Kontaktformular [link]
6 J b id B ll [link]
6. Jobguide Bestellung [li k]
7. conject.com Kontaktformular [link]
Admins Corner
3.1.1 Admins Corner / Vor- & Nachteile / Powermail Vorteile
Powermail Vorteile
• Redakteure können Formulare „zusammenklicken“
• HTML Templates und Typoscript für Flexibilität
• JS- und PHP Validierung automatisch
• Mehrseiten Formulare per Klick
• Speicherung der Daten in DB (mit Exportfunktion)
seite
• Bestätigungsmail und -seite aktivierbar
• Code zum Designen über CSS geschaffen
• Weitere Extensions erweitern Möglichkeiten
(_optin, _mul, dynamictarget, _frontend, etc…)
3.1.2 Admins Corner / Vor- & Nachteile / Powermail Nachteile
Powermail Nachteile
• Einsatz in anderen Sprachen generiert derzeit neue
Felder (neue uids)
• JS Probleme zwischen prototype und mootools
tt_content
• tt content Tabelle wird um einige Felder erweitert
• Verschieben von Feldern in andere Elternelemente
(Fieldsets) ist mit IRRE derzeit nicht möglich
3.1.3 Admins Corner / Vor- & Nachteile / Powermail im Vergleich
Powermail Standard Mailformplus Mailform
Formular
Flexibilität
DB
Speicherung (als XML) (als CSV)
Einfache
Handhabungg
Skalierbar
Mehrseiten‐
Formulare
Typoscript‐
Typoscript
Einsatz (bedingt)
Anti‐Spam
Maßnahmen
3.2 Admins Corner / Formulare mit CSS designen
HTML Beispiel:
Page 1
Name*
/
3.3 Admins Corner / Verfügbare Powermail Erweiterungen
1.
1 t spamshield: Anti-Spam
wt_spamshield: Anti Spam Maßnahmen
2. powermail_optin: Double Opt-In
3.
3 powermail frontend: Frontend Liste der Einträge
powermail_frontend:
4. powermail_mul: Multiple Upload
5.
5 powermail_cond:
powermail cond: Javascript conditions
6. powermail_sendpost: Sending values via POST
7
7. wt dynamictarget: Geo based target
wt_dynamictarget:
8. wt_directory: Adressverzeichnis mit Kontaktformular
9
9. wt_carmarket:
wt carmarket: KFZ Börse mit Kontaktformular
3.4 Admins Corner / Blick in HTML Templates
HTML Beispiel:
###LABEL######MANDATORY_SYMBOL###
###POWERMAIL_FIELDWRAP_HTML_TEXT### end -->
Select:
20 = TEXT
20.wrap = |
20.value = roter Schuh
}
5.1 Coding Links
Code Snippets zu Powermail:
3.7
3 7 Speicherung in andere Tabelle
http://pastebin.com/f26aeda77
4.2.1 Statisches Dropdown
http://pastebin.com/fe7feeb2
htt // t bi /f f b2
4.2.2 Dropdown aus tt_address
http://pastebin.com/f2068b164
h
4.2.3 Dynamische Antwortseite
http://pastebin.com/f18b7b597
4.2.4 Google Suchwort
http://pastebin.com/f1fb6a4b9
Felder mit TS vorfüllen
http://pastebin.com/f4e666287
p //p /4 7
5.2 Allgemeine Links
Nützliches zu Powermail im www:
• Handbuch:
http://typo3.org/documentation/document-library/extension-
/ / /
manuals/powermail/1.4.1/view//
• Offizielle Seite:
http://www.einpraegsam.net
Video Tutorial:
• Vid T i l
http://www.einpraegsam.net/fachgebiete/typo3-extensions/powermail-
video.html
• Powermail auf forge.typo3.org
http://forge.typo3.org/projects/show/extension-powermail
• Powermail im Einsatz:
http://www.typo3.net/forum/list/list_post//84547/
Gibt es Fragen, Wünsche oder
Anregungen?
A ?
Vielen Dank für Ihre
Aufmerksamkeit
A f k k it