Vorstellung der Extension powermail für TYPO3. Einfache Erstellung von komplexen Formularen durch Redakteure.

1. TYPO3 Extension powermail

2. Agenda Einleitung Editors Corner Einrichtung Powermail im Einsatz Adminscorner Vor- und Nachteile im Vergleich zu anderen Mailform Erweiterungen Formulare mit CSS designen Im TER verfügbare Powermail Erweiterungen Blick in Powermail HTML Templates Blick in Powermail setup und constants Fighting Spam Speicherung der Formular Daten in eigener Tabelle Developers corner NutzungeinerderzahlreichenHooks Nutzung von TS Feldern (z.B. userFunc) um Powermail noch flexibler zu machen

3. Einleitung

4. 1. Einleitung Erstellung einer neuen Kontaktformularerweiterung Einfaches und schnelles Anlegen von Feldern Speicherung der Daten in Datenbank mit Exportfunktion Möglichkeit von Mehrseitenformularen Bestätigungsmail an Absender JS Validierung der Felder

5. Admin Corner Einrichtung

6. 2.1.1 Admin / Einrichtung / Installation Powermail Installation Import aus TYPO3 Extension Repository (TER) Settings im Extension Repository und Update

7. 2.1.2 Admin / Einrichtung / Plugin Einstellungen Hinzufügen eines Powermail Plugins in T3 Seite – verfügbare Reiter: Allgemein Formulardaten Felder Absender Empfänger Antwortseite Zugriff

9. Mehrzeiliges Textfeld

10. Auswahlbox

11. Checkbox(en)

12. Radiobutton(s)

13. Abschicken Button

14. Captcha Abfrage

15. Zurücksetzen Button

16. Text Anzeigen

17. TYPO3 Seiteninhalt

18. Eigenen HTML Code

19. Passwort Feld

20. Datei-Upload

21. Verstecktes Feld

22. Datum-und-Zeit Feld

23. Datum Feld

24. Button

25. Grafik als Absendebutton

26. Länderauswahl

28. 2.2.1 Admin / Powermail Einsatz / Beispiele Powermail im www: typo3.org Zertifikation anfordern [link] nanoTruck Gewinnspiel [link] realdevelopers.com Code einsenden [link] swiss-ski.ch Medienverteiler [link] work4all.de Kontaktformular [link] Jobguide Bestellung [link] conject.com Kontaktformular [link]

29. Integrators Corner

31. HTML Templates und Typoscript für Flexibilität

32. JS- und PHP Validierung automatisch

33. Mehrseiten Formulare per Klick

34. Speicherung der Daten in DB (mit Exportfunktion)

35. Bestätigungsmail und -seite aktivierbar

36. Code zum Designen über CSS geschaffen

38. JS Probleme zwischen prototype und mootools

39. tt_content Tabelle wird um einige Felder erweitert

41. 3.2 Admin / Formulare mit CSS designen HTML Beispiel: <fieldsetclass="tx-powermail-pi1_fieldset tx-powermail-pi1_fieldset_page1 tx-powermail-pi1_fieldset_1" id="tx-powermail-pi1_fieldset_1"> <legend>Page 1</legend> <divid="powermaildiv_uid34" class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_text tx_powermail_pi1_fieldwrap_html_34"> <labelfor="uid34">Name<span class="powermail_mandatory">*</span></label> <inputname="tx_powermail_pi1[uid34]" value="" class="requiredpowermail_testpowermail_textpowermail_uid34" id="uid34“ tabindex="1" type="text"> </div> </fieldset>

42. 3.3 Admin / Verfügbare powermail Extensions wt_spamshield: Anti-Spam Maßnahmen powermail_optin: Double Opt-In powermail_frontend: Frontend Liste der Einträge powermail_mul: Multiple Upload powermail_cond: Javascriptconditions powermail_sendpost: Sendingvalues via POST wt_dynamictarget: Geobasedtarget wt_directory: Adressverzeichnis mit Kontaktformular wt_carmarket: KFZ Börse mit Kontaktformular

43. 3.4 Admin / Blick in HTML Templates HTML Beispiel: <!-- ###POWERMAIL_FIELDWRAP_HTML_TEXT### begin --> <divid="powermaildiv_uid###POWERMAIL_FIELD_UID###" class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_text tx_powermail_pi1_fieldwrap_html_###POWERMAIL_FIELD_UID###„ ###DIVJS###> <labelfor="###LABEL_NAME###"> ###LABEL######MANDATORY_SYMBOL### </label> <input type="text" ###ONFOCUS######NAME######VALUE### ###CLASS######ID######SIZE######MAXLENGTH### ###READONLY######TABINDEX######ACCESSKEY######JS###/> </div> <!-- ###POWERMAIL_FIELDWRAP_HTML_TEXT### end -->

44. 3.5 Admin / Blick in TypoScriptsetup plugin.tx_powermail_pi1 { # prefilling form fields (example) prefill { # fillfield uid997 with a statictext uid997 = TEXT uid997.value = examplevalue # fillfield uid998 withdatelike "Date: 20.01.2009" uid996 = TEXT uid996.data = date:U uid996.strftime = Date: %d.%m.%Y # fillfield uid995 with IP addressoftheuser uid995 = TEXT uid995.data = getIndpEnv:REMOTE_ADDR } }

45. 3.6 Admin / Fighting Spam Bestätigungsseite CaptchaExtensions sr_freecap captcha jm_recaptcha wt_calculating_captcha Extension wt_spamshield Submit über Javascript[link]

46. 3.7 Admin / Speicherung in andere Tabellen plugin.tx_powermail_pi1 { # Database entries in secondarytables dbEntry { # enable or disable db entry for tt_address tt_address._enable = TEXT tt_address._enable.value = 1 # table "tt_address" with field "email" tt_address.email = TEXT tt_address.email.data = TSFE:fe_user|sesData|powermail_8|uid3 # table "tt_address" with field "pid" is the current pid tt_address.pid = TEXT tt_address.pid.field = uid # table "tt_address" with field "tstamp" with timestamp tt_address.tstamp = TEXT tt_address.tstamp.data = date:U } }

47. Developers Corner Nutzung von Hooks

48. 4.1 Developer / Hook Nutzung Hook documentation[Link]

49. 4.2 Developer / Nutzung von TypoScript Typoscript Feld in Powermail nutzen lib.object = COAlib.object { 10 = TEXT 10.value = <labelfor="uid33">Select:</label> 20 = TEXT 20.wrap = <selectid="uid33" name="tx_powermail_pi1[uid33]">|</select> 20.value = <optionvalue="1„>roter Schuh</option> }

50. 5.1 Coding Links Code Snippets zu Powermail: 3.7 Speicherung in andere Tabelle http://pastebin.com/f26aeda77 4.2.1 Statisches Dropdown http://pastebin.com/fe7feeb2 4.2.2 Dropdown aus tt_address http://pastebin.com/f2068b164 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

52. Offizielle Seite:http://www.einpraegsam.net

53. Video Tutorial:http://www.einpraegsam.net/fachgebiete/typo3-extensions/powermail-video.html

54. Powermail auf forge.typo3.orghttp://forge.typo3.org/projects/show/extension-powermail