SlideShare ist ein Scribd-Unternehmen logo
TYPO3      Extension powermail
AgendaEinleitungEditors CornerEinrichtungPowermail im EinsatzAdminscornerVor- und Nachteile im Vergleich zu anderen Mailform ErweiterungenFormulare mit CSS designenIm TER verfügbare Powermail ErweiterungenBlick in Powermail HTML TemplatesBlick in Powermail setup und constantsFighting SpamSpeicherung der Formular Daten in eigener TabelleDevelopers cornerNutzungeinerderzahlreichenHooksNutzung von TS Feldern (z.B. userFunc) um Powermail noch flexibler zu machen
Einleitung
1. EinleitungErstellung einer neuen KontaktformularerweiterungEinfaches und schnelles Anlegen von FeldernSpeicherung der Daten in Datenbank mit ExportfunktionMöglichkeit von MehrseitenformularenBestätigungsmail an AbsenderJS Validierung der Felder
Admin CornerEinrichtung
2.1.1 Admin / Einrichtung / InstallationPowermail InstallationImport aus TYPO3 Extension Repository (TER)Settings im Extension Repository und Update
2.1.2 Admin / Einrichtung / Plugin EinstellungenHinzufügen eines Powermail Plugins in T3 Seite – verfügbare Reiter:AllgemeinFormulardatenFelderAbsenderEmpfängerAntwortseiteZugriff
2.1.2 Admin / Einrichtung / Plugin EinstellungenVerfügbare FelderTextfeld
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

Weitere ähnliche Inhalte

Mehr von Alex Kellner

TYPO3 Extension in2snippets
TYPO3 Extension in2snippetsTYPO3 Extension in2snippets
TYPO3 Extension in2snippets
Alex Kellner
 
jQuery Mobile mit TYPO3
jQuery Mobile mit TYPO3jQuery Mobile mit TYPO3
jQuery Mobile mit TYPO3
Alex Kellner
 
TYPO3 coding guidelines
TYPO3 coding guidelinesTYPO3 coding guidelines
TYPO3 coding guidelines
Alex Kellner
 
jQuery in TYPO3 nutzen
jQuery in TYPO3 nutzenjQuery in TYPO3 nutzen
jQuery in TYPO3 nutzen
Alex Kellner
 
TYPO3 TypoScript: IF, CASE, CONDITIONS
TYPO3 TypoScript: IF, CASE, CONDITIONSTYPO3 TypoScript: IF, CASE, CONDITIONS
TYPO3 TypoScript: IF, CASE, CONDITIONS
Alex Kellner
 
Extension linkhandler
Extension linkhandlerExtension linkhandler
Extension linkhandler
Alex Kellner
 
SEO for Editors
SEO for EditorsSEO for Editors
SEO for Editors
Alex Kellner
 
Secure TYPO Extensions
Secure TYPO ExtensionsSecure TYPO Extensions
Secure TYPO Extensions
Alex Kellner
 
TYPO3 security updates
TYPO3 security updatesTYPO3 security updates
TYPO3 security updates
Alex Kellner
 
SEO on TYPO3 homepage
SEO on TYPO3 homepageSEO on TYPO3 homepage
SEO on TYPO3 homepage
Alex Kellner
 

Mehr von Alex Kellner (10)

TYPO3 Extension in2snippets
TYPO3 Extension in2snippetsTYPO3 Extension in2snippets
TYPO3 Extension in2snippets
 
jQuery Mobile mit TYPO3
jQuery Mobile mit TYPO3jQuery Mobile mit TYPO3
jQuery Mobile mit TYPO3
 
TYPO3 coding guidelines
TYPO3 coding guidelinesTYPO3 coding guidelines
TYPO3 coding guidelines
 
jQuery in TYPO3 nutzen
jQuery in TYPO3 nutzenjQuery in TYPO3 nutzen
jQuery in TYPO3 nutzen
 
TYPO3 TypoScript: IF, CASE, CONDITIONS
TYPO3 TypoScript: IF, CASE, CONDITIONSTYPO3 TypoScript: IF, CASE, CONDITIONS
TYPO3 TypoScript: IF, CASE, CONDITIONS
 
Extension linkhandler
Extension linkhandlerExtension linkhandler
Extension linkhandler
 
SEO for Editors
SEO for EditorsSEO for Editors
SEO for Editors
 
Secure TYPO Extensions
Secure TYPO ExtensionsSecure TYPO Extensions
Secure TYPO Extensions
 
TYPO3 security updates
TYPO3 security updatesTYPO3 security updates
TYPO3 security updates
 
SEO on TYPO3 homepage
SEO on TYPO3 homepageSEO on TYPO3 homepage
SEO on TYPO3 homepage
 

Presentation of Powermail for TYPO3

  • 1. TYPO3 Extension powermail
  • 2. AgendaEinleitungEditors CornerEinrichtungPowermail im EinsatzAdminscornerVor- und Nachteile im Vergleich zu anderen Mailform ErweiterungenFormulare mit CSS designenIm TER verfügbare Powermail ErweiterungenBlick in Powermail HTML TemplatesBlick in Powermail setup und constantsFighting SpamSpeicherung der Formular Daten in eigener TabelleDevelopers cornerNutzungeinerderzahlreichenHooksNutzung von TS Feldern (z.B. userFunc) um Powermail noch flexibler zu machen
  • 4. 1. EinleitungErstellung einer neuen KontaktformularerweiterungEinfaches und schnelles Anlegen von FeldernSpeicherung der Daten in Datenbank mit ExportfunktionMöglichkeit von MehrseitenformularenBestätigungsmail an AbsenderJS Validierung der Felder
  • 6. 2.1.1 Admin / Einrichtung / InstallationPowermail InstallationImport aus TYPO3 Extension Repository (TER)Settings im Extension Repository und Update
  • 7. 2.1.2 Admin / Einrichtung / Plugin EinstellungenHinzufügen eines Powermail Plugins in T3 Seite – verfügbare Reiter:AllgemeinFormulardatenFelderAbsenderEmpfängerAntwortseiteZugriff
  • 8. 2.1.2 Admin / Einrichtung / Plugin EinstellungenVerfügbare FelderTextfeld
  • 27. TS Objekt einfügenAdmin CornerPowermail im Einsatz
  • 28. 2.2.1 Admin / Powermail Einsatz / BeispielePowermail 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]
  • 30. 3.1.1 Admin / Vor- & Nachteile / VorteilePowermail VorteileRedakteure können Formulare „zusammenklicken“
  • 31. HTML Templates und Typoscript für Flexibilität
  • 32. JS- und PHP Validierung automatisch
  • 34. Speicherung der Daten in DB (mit Exportfunktion)
  • 36. Code zum Designen über CSS geschaffen
  • 37. Weitere Extensions erweitern Möglichkeiten (_optin, _mul, dynamictarget, _frontend, etc…)3.1.2 Admin / Vor- & Nachteile / NachteilePowermail NachteileEinsatz in anderen Sprachen generiert derzeit neue Felder (neue uids)
  • 38. JS Probleme zwischen prototype und mootools
  • 39. tt_content Tabelle wird um einige Felder erweitert
  • 40. Verschieben von Feldern in andere Elternelemente (Fieldsets) ist mit IRRE derzeit nicht möglich3.1.3 Admin / Vor- & Nachteile / Vergleich
  • 41. 3.2 Admin / Formulare mit CSS designenHTML 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 Extensionswt_spamshield: Anti-Spam Maßnahmenpowermail_optin: Double Opt-Inpowermail_frontend: Frontend Liste der Einträgepowermail_mul: Multiple Uploadpowermail_cond: Javascriptconditionspowermail_sendpost: Sendingvalues via POSTwt_dynamictarget: Geobasedtargetwt_directory: Adressverzeichnis mit Kontaktformularwt_carmarket: KFZ Börse mit Kontaktformular
  • 43. 3.4 Admin / Blick in HTML TemplatesHTML 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 TypoScriptsetupplugin.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 SpamBestätigungsseiteCaptchaExtensionssr_freecapcaptchajm_recaptchawt_calculating_captchaExtension wt_spamshieldSubmit über Javascript[link]
  • 46. 3.7 Admin / Speicherung in andere Tabellenplugin.tx_powermail_pi1 { # Database entries in secondarytablesdbEntry { # enable or disable db entry for tt_addresstt_address._enable = TEXTtt_address._enable.value = 1 # table "tt_address" with field "email"tt_address.email = TEXTtt_address.email.data = TSFE:fe_user|sesData|powermail_8|uid3 # table "tt_address" with field "pid" is the current pid tt_address.pid = TEXTtt_address.pid.field = uid # table "tt_address" with field "tstamp" with timestamptt_address.tstamp = TEXTtt_address.tstamp.data = date:U }}
  • 48. 4.1 Developer / Hook NutzungHook documentation[Link]
  • 49. 4.2 Developer / Nutzung von TypoScriptTyposcript Feld in Powermail nutzenlib.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 LinksCode Snippets zu Powermail:3.7 Speicherung in andere Tabelle http://pastebin.com/f26aeda774.2.1 Statisches Dropdown http://pastebin.com/fe7feeb24.2.2 Dropdown aus tt_addresshttp://pastebin.com/f2068b1644.2.3 Dynamische Antwortseite http://pastebin.com/f18b7b5974.2.4 Google Suchwort http://pastebin.com/f1fb6a4b9Felder mit TS vorfüllen http://pastebin.com/f4e666287
  • 51. 5.2 Allgemeine LinksNützliches zu Powermail im www:Handbuch:http://typo3.org/documentation/document-library/extension-manuals/powermail/1.4.1/view/
  • 55. Powermail im Einsatz:http://www.typo3.net/forum/list/list_post//84547/Vielen Dankwww.in2code.deStefan BusemannTina GasteigerAlex KellnerIn2code.