• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Presentation of Powermail for TYPO3
 

Presentation of Powermail for TYPO3

on

  • 8,236 views

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.

Statistics

Views

Total Views
8,236
Views on SlideShare
8,043
Embed Views
193

Actions

Likes
2
Downloads
14
Comments
0

3 Embeds 193

http://www.in2code.de 187
http://relaunch.in2code.de 4
http://www.slideshare.net 2

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Presentation of Powermail for TYPO3 Presentation of Powermail for TYPO3 Presentation Transcript

    • TYPO3 Extension powermail
    • 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
    • Einleitung
    • 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
    • Admin Corner
      Einrichtung
    • 2.1.1 Admin / Einrichtung / Installation
      Powermail Installation
      Import aus TYPO3 Extension Repository (TER)
      Settings im Extension Repository und Update
    • 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
    • 2.1.2 Admin / Einrichtung / Plugin Einstellungen
      Verfügbare Felder
      • 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
      • TS Objekt einfügen
    • Admin Corner
      Powermail im Einsatz
    • 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]
    • Integrators Corner
    • 3.1.1 Admin / Vor- & Nachteile / 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)
      • Bestätigungsmail und -seite aktivierbar
      • Code zum Designen über CSS geschaffen
      • 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)
      • JS Probleme zwischen prototype und mootools
      • 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 Admin / Vor- & Nachteile / Vergleich
    • 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>
    • 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
    • 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 -->
    • 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
      }
      }
    • 3.6 Admin / Fighting Spam
      Bestätigungsseite
      CaptchaExtensions
      sr_freecap
      captcha
      jm_recaptcha
      wt_calculating_captcha
      Extension wt_spamshield
      Submit über Javascript[link]
    • 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
      }
      }
    • Developers Corner
      Nutzung von Hooks
    • 4.1 Developer / Hook Nutzung
      Hook documentation[Link]
    • 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>        }
    • 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
    • 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:http://www.einpraegsam.net/fachgebiete/typo3-extensions/powermail-video.html
      • Powermail auf forge.typo3.orghttp://forge.typo3.org/projects/show/extension-powermail
      • Powermail im Einsatz:http://www.typo3.net/forum/list/list_post//84547/
    • Vielen Dank
      www.in2code.de
      Stefan Busemann
      Tina Gasteiger
      Alex Kellner
      In2code.