TYPO3      Extension powermail<br />
Agenda<br />Einleitung<br />Editors Corner<br />Einrichtung<br />Powermail im Einsatz<br />Adminscorner<br />Vor- und Nach...
Einleitung<br />
1. Einleitung<br />Erstellung einer neuen Kontaktformularerweiterung<br />Einfaches und schnelles Anlegen von Feldern<br /...
Admin Corner<br />Einrichtung<br />
2.1.1 Admin / Einrichtung / Installation<br />Powermail Installation<br />Import aus TYPO3 Extension Repository (TER)<br /...
2.1.2 Admin / Einrichtung / Plugin Einstellungen<br />Hinzufügen eines Powermail Plugins in T3 Seite – verfügbare Reiter:<...
2.1.2 Admin / Einrichtung / Plugin Einstellungen<br />Verfügbare Felder<br /><ul><li>Textfeld
Mehrzeiliges Textfeld
Auswahlbox
Checkbox(en)
Radiobutton(s)
Abschicken Button
Captcha Abfrage
Zurücksetzen Button
Text Anzeigen
TYPO3 Seiteninhalt
Eigenen HTML Code
Passwort Feld
Datei-Upload
Verstecktes Feld
Datum-und-Zeit Feld
Datum Feld
Button
Grafik als Absendebutton
Länderauswahl
Upcoming SlideShare
Loading in …5
×

Presentation of Powermail for TYPO3

9,089 views

Published on

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

Published in: Technology, News & Politics
  • Be the first to comment

Presentation of Powermail for TYPO3

  1. 1. TYPO3 Extension powermail<br />
  2. 2. Agenda<br />Einleitung<br />Editors Corner<br />Einrichtung<br />Powermail im Einsatz<br />Adminscorner<br />Vor- und Nachteile im Vergleich zu anderen Mailform Erweiterungen<br />Formulare mit CSS designen<br />Im TER verfügbare Powermail Erweiterungen<br />Blick in Powermail HTML Templates<br />Blick in Powermail setup und constants<br />Fighting Spam<br />Speicherung der Formular Daten in eigener Tabelle<br />Developers corner<br />NutzungeinerderzahlreichenHooks<br />Nutzung von TS Feldern (z.B. userFunc) um Powermail noch flexibler zu machen<br />
  3. 3. Einleitung<br />
  4. 4. 1. Einleitung<br />Erstellung einer neuen Kontaktformularerweiterung<br />Einfaches und schnelles Anlegen von Feldern<br />Speicherung der Daten in Datenbank mit Exportfunktion<br />Möglichkeit von Mehrseitenformularen<br />Bestätigungsmail an Absender<br />JS Validierung der Felder<br />
  5. 5. Admin Corner<br />Einrichtung<br />
  6. 6. 2.1.1 Admin / Einrichtung / Installation<br />Powermail Installation<br />Import aus TYPO3 Extension Repository (TER)<br />Settings im Extension Repository und Update<br />
  7. 7. 2.1.2 Admin / Einrichtung / Plugin Einstellungen<br />Hinzufügen eines Powermail Plugins in T3 Seite – verfügbare Reiter:<br />Allgemein<br />Formulardaten<br />Felder<br />Absender<br />Empfänger<br />Antwortseite<br />Zugriff<br />
  8. 8. 2.1.2 Admin / Einrichtung / Plugin Einstellungen<br />Verfügbare Felder<br /><ul><li>Textfeld
  9. 9. Mehrzeiliges Textfeld
  10. 10. Auswahlbox
  11. 11. Checkbox(en)
  12. 12. Radiobutton(s)
  13. 13. Abschicken Button
  14. 14. Captcha Abfrage
  15. 15. Zurücksetzen Button
  16. 16. Text Anzeigen
  17. 17. TYPO3 Seiteninhalt
  18. 18. Eigenen HTML Code
  19. 19. Passwort Feld
  20. 20. Datei-Upload
  21. 21. Verstecktes Feld
  22. 22. Datum-und-Zeit Feld
  23. 23. Datum Feld
  24. 24. Button
  25. 25. Grafik als Absendebutton
  26. 26. Länderauswahl
  27. 27. TS Objekt einfügen</li></li></ul><li>Admin Corner<br />Powermail im Einsatz<br />
  28. 28. 2.2.1 Admin / Powermail Einsatz / Beispiele<br />Powermail im www:<br />typo3.org Zertifikation anfordern [link]<br />nanoTruck Gewinnspiel [link]<br />realdevelopers.com Code einsenden [link]<br />swiss-ski.ch Medienverteiler [link]<br />work4all.de Kontaktformular [link]<br />Jobguide Bestellung [link]<br />conject.com Kontaktformular [link]<br />
  29. 29. Integrators Corner<br />
  30. 30. 3.1.1 Admin / Vor- & Nachteile / Vorteile<br />Powermail Vorteile<br /><ul><li>Redakteure können Formulare „zusammenklicken“
  31. 31. HTML Templates und Typoscript für Flexibilität
  32. 32. JS- und PHP Validierung automatisch
  33. 33. Mehrseiten Formulare per Klick
  34. 34. Speicherung der Daten in DB (mit Exportfunktion)
  35. 35. Bestätigungsmail und -seite aktivierbar
  36. 36. Code zum Designen über CSS geschaffen
  37. 37. Weitere Extensions erweitern Möglichkeiten (_optin, _mul, dynamictarget, _frontend, etc…)</li></li></ul><li>3.1.2 Admin / Vor- & Nachteile / Nachteile<br />Powermail Nachteile<br /><ul><li>Einsatz in anderen Sprachen generiert derzeit neue Felder (neue uids)
  38. 38. JS Probleme zwischen prototype und mootools
  39. 39. tt_content Tabelle wird um einige Felder erweitert
  40. 40. Verschieben von Feldern in andere Elternelemente (Fieldsets) ist mit IRRE derzeit nicht möglich</li></li></ul><li>3.1.3 Admin / Vor- & Nachteile / Vergleich<br />
  41. 41. 3.2 Admin / Formulare mit CSS designen<br />HTML Beispiel:<br /><fieldsetclass="tx-powermail-pi1_fieldset tx-powermail-pi1_fieldset_page1 tx-powermail-pi1_fieldset_1" id="tx-powermail-pi1_fieldset_1"> <br /> <legend>Page 1</legend> <br /> <divid="powermaildiv_uid34" class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_text tx_powermail_pi1_fieldwrap_html_34"> <br /> <labelfor="uid34">Name<span class="powermail_mandatory">*</span></label> <br /> <inputname="tx_powermail_pi1[uid34]" value="" class="requiredpowermail_testpowermail_textpowermail_uid34" id="uid34“ tabindex="1" type="text"> <br /> </div> <br /></fieldset><br />
  42. 42. 3.3 Admin / Verfügbare powermail Extensions<br />wt_spamshield: Anti-Spam Maßnahmen<br />powermail_optin: Double Opt-In<br />powermail_frontend: Frontend Liste der Einträge<br />powermail_mul: Multiple Upload<br />powermail_cond: Javascriptconditions<br />powermail_sendpost: Sendingvalues via POST<br />wt_dynamictarget: Geobasedtarget<br />wt_directory: Adressverzeichnis mit Kontaktformular<br />wt_carmarket: KFZ Börse mit Kontaktformular<br />
  43. 43. 3.4 Admin / Blick in HTML Templates<br />HTML Beispiel:<br /><!-- ###POWERMAIL_FIELDWRAP_HTML_TEXT### begin --><br /> <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###><br /> <labelfor="###LABEL_NAME###"> ###LABEL######MANDATORY_SYMBOL### </label><br /> <input type="text" ###ONFOCUS######NAME######VALUE### ###CLASS######ID######SIZE######MAXLENGTH### ###READONLY######TABINDEX######ACCESSKEY######JS###/><br /> </div><br /><!-- ###POWERMAIL_FIELDWRAP_HTML_TEXT### end --><br />
  44. 44. 3.5 Admin / Blick in TypoScriptsetup<br />plugin.tx_powermail_pi1 { <br /> # prefilling form fields (example)<br />prefill {<br /> # fillfield uid997 with a statictext<br /> uid997 = TEXT<br /> uid997.value = examplevalue<br /> # fillfield uid998 withdatelike "Date: 20.01.2009"<br /> uid996 = TEXT<br /> uid996.data = date:U<br /> uid996.strftime = Date: %d.%m.%Y<br /> # fillfield uid995 with IP addressoftheuser<br /> uid995 = TEXT<br /> uid995.data = getIndpEnv:REMOTE_ADDR<br /> }<br />}<br />
  45. 45. 3.6 Admin / Fighting Spam<br />Bestätigungsseite<br />CaptchaExtensions<br />sr_freecap<br />captcha<br />jm_recaptcha<br />wt_calculating_captcha<br />Extension wt_spamshield<br />Submit über Javascript[link]<br />
  46. 46. 3.7 Admin / Speicherung in andere Tabellen<br />plugin.tx_powermail_pi1 { <br /> # Database entries in secondarytables<br />dbEntry {<br /> # enable or disable db entry for tt_address<br />tt_address._enable = TEXT<br />tt_address._enable.value = 1 <br /> # table "tt_address" with field "email"<br />tt_address.email = TEXT<br />tt_address.email.data = TSFE:fe_user|sesData|powermail_8|uid3 <br /> # table "tt_address" with field "pid" is the current pid<br /> tt_address.pid = TEXT<br />tt_address.pid.field = uid<br /> # table "tt_address" with field "tstamp" with timestamp<br />tt_address.tstamp = TEXT<br />tt_address.tstamp.data = date:U<br /> }<br />}<br />
  47. 47. Developers Corner<br />Nutzung von Hooks<br />
  48. 48. 4.1 Developer / Hook Nutzung<br />Hook documentation[Link]<br />
  49. 49. 4.2 Developer / Nutzung von TypoScript<br />Typoscript Feld in Powermail nutzen<br />lib.object = COAlib.object {        10 = TEXT        10.value = <labelfor="uid33">Select:</label>                20 = TEXT        20.wrap = <selectid="uid33" name="tx_powermail_pi1[uid33]">|</select><br /> 20.value = <optionvalue="1„>roter Schuh</option>        }<br />
  50. 50. 5.1 Coding Links<br />Code Snippets zu Powermail:<br />3.7 Speicherung in andere Tabelle <br />http://pastebin.com/f26aeda77<br />4.2.1 Statisches Dropdown <br />http://pastebin.com/fe7feeb2<br />4.2.2 Dropdown aus tt_address<br />http://pastebin.com/f2068b164<br />4.2.3 Dynamische Antwortseite <br />http://pastebin.com/f18b7b597<br />4.2.4 Google Suchwort <br />http://pastebin.com/f1fb6a4b9<br />Felder mit TS vorfüllen <br />http://pastebin.com/f4e666287<br />
  51. 51. 5.2 Allgemeine Links<br />Nützliches zu Powermail im www:<br /><ul><li>Handbuch:http://typo3.org/documentation/document-library/extension-manuals/powermail/1.4.1/view/
  52. 52. Offizielle Seite:http://www.einpraegsam.net
  53. 53. Video Tutorial:http://www.einpraegsam.net/fachgebiete/typo3-extensions/powermail-video.html
  54. 54. Powermail auf forge.typo3.orghttp://forge.typo3.org/projects/show/extension-powermail
  55. 55. Powermail im Einsatz:http://www.typo3.net/forum/list/list_post//84547/</li></li></ul><li>Vielen Dank<br />www.in2code.de<br />Stefan Busemann<br />Tina Gasteiger<br />Alex Kellner<br />In2code.<br />

×