Your SlideShare is downloading. ×
0
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Presentation of Powermail for TYPO3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Presentation of Powermail for TYPO3

7,769

Published on

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

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

Published in: Technology, News & Politics
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,769
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 8. 2.1.2 Admin / Einrichtung / Plugin Einstellungen
    Verfügbare Felder
  • Admin Corner
    Powermail im Einsatz
  • 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
  • 30. 3.1.1 Admin / Vor- & Nachteile / Vorteile
    Powermail Vorteile
    • Redakteure können Formulare „zusammenklicken“
    • 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
    • 37. Weitere Extensions erweitern Möglichkeiten (_optin, _mul, dynamictarget, _frontend, etc…)
  • 3.1.2 Admin / Vor- & Nachteile / Nachteile
    Powermail Nachteile
    • Einsatz 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öglich
  • 3.1.3 Admin / Vor- & Nachteile / Vergleich
  • 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
  • 51. 5.2 Allgemeine Links
    Nützliches zu Powermail im www:
    • Handbuch:http://typo3.org/documentation/document-library/extension-manuals/powermail/1.4.1/view/
    • 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
    • 55. Powermail im Einsatz:http://www.typo3.net/forum/list/list_post//84547/
  • Vielen Dank
    www.in2code.de
    Stefan Busemann
    Tina Gasteiger
    Alex Kellner
    In2code.

×