Verbessertes Kontaktformular (intouch) für wordpress

Ich benutze seit wordpress 1.5 das „intouch“ Plugin von adahas.com. Leider hat dieses Plugin einige Nachteile, wie z.B. eine (imho) unzureichende Filterung der Absender- E-Mail Adresse, was zum Missbrauch des Formulars zum Spam-Verschicken führen kann. Außerdem fügt es bei jedem Seitenaufruf (egal ob das Kontaktformular eingefügt wurde oder nicht) einen riesigen Block CSS und Javascript in den Header der HTML-Seite ein.

Daher habe ich das Plugin umgeschrieben. Es hat jetzt ein eigenes Verzeichnis unterhalb des „plugins“ Ordners, da es aus mehreren Dateien besteht. Die Absender-Adresse wird anständig gefiltert, und der Javascript-Code wird nur bei Bedarf in die Seite eingefügt.

Den CSS-Code habe ich in meinen eigenen Stylesheet ausgelagert, da er dort leichter veränderbar ist und vor allem auch vom Browser gecachet wird. In der ZIP-Datei ist der originale CSS-Code und mein angepasster als Vorlage enthalten, und kann in der Form in die eigene Stylesheet-Datei eingefügt werden. Zusätzlich habe ich die Formular-Labels und Statusmeldungen eingedeutscht.

Hier ist das Plugin: Download intouch_extended

Installation:

* Altes intouch-Plugin (falls vorhanden) deaktivieren und vom Server löschen
* Entpacken der Dateien nach wp-content/plugins/intouch/
* Aktivieren unter Admin -> Plugins
* CSS aus „original.css“ oder „exanto.css“ in die eigene Stylesheet-Datei einfügen
* Den intouch-Formular mittels des neuen Button „intouch form“ in die Beiträge / Seiten einfügen wo das Kontaktformular erscheinen soll

Eine Live-Version des Plugins kann unter Kontakt begutachtet werden.

21 Kommentare

  1. Vielen Dank für die Erweiterung. Mir ist allerdings noch eine Kleinigkeit aufgefallen, von der ich allerdings nicht weiss, ob sie nur auf meine Blog-Konfiguration zutrifft: In intouch.php stimmt der Pfad für die Anzeige des intouch-Panels im WP-Backend nicht. Bei mir hat’s mit „intouch/intouch-options.php“ aber geklappt.

  2. hallo,

    ich nutze sehr gerne deine version des forms…leider gibt es da einen css fehler den ich nicht heraus bekomme(das css ist sehr kompliziert und undurchsichtig).
    und zwar schwebt der button im ie7 rechts neben den form!

    hat jemand ne ahnung wie man das beheben könnte?

    danke!

    p.s.: das passiert im css exanto

  3. Hallo nick,

    bist du sicher, daß nicht eine andere CSS-Regel hier mit reinspielt? Ich habe das Formular bei mir ja auch im Einsatz, und dort sieht es auch im IE7 so aus wie es sein soll. Vielleicht kannst du den CSS-Code von meiner Seite mit deinem vergleichen?

    Gruß,
    Ingo

  4. Hallo

    ersteinmal super Plugin! Danke fürs verbessern.

    Dann für alle welche Probleme mit IE7 und dem Absendenbutton haben, das liegt an der Positionseinstellung bei:

    div.intouch div.inputfield input.submitbutton

    Wenn man diese ändert oder entfernt schwebt das Button nicht mehr über der Nachricht, sondern passt sich an.

    Ansonsten lieben Gruß und nochmal Danke
    Tanja

  5. Ich weiss nicht obs nur mir so geht oder einfach noch keinem aufgefallen ist… Aber sobald ich einen Umlaut im Namen habe, meint das Formular ich möge doch bitte das Feld ausfüllen :-/

  6. Hallo Björn,

    funktioniert bei mir bestens, auch mit Umlauten und verschiedenen Browsern. Wahrscheinlich liegt es an der Kodierung deiner PHP-Datei / vom Webserver oder so.

    Gruß,
    Ingo

  7. Hi Roger, ich setze es jetzt seit mehreren Jahren auf unterschiedlichen Domains ein, und nur in der ersten Version war mal eine Schwachstelle, die dann von mir beseitigt wurde. In der aktuellen Form kann ich mir keinen String vorstellen, der an den Filtern vorbeikommt um z.B. CC-Felder etc. zu transportieren.

  8. Hallo
    Habe alles instaliert und aktiviert, aber wie bringe ich das Kontaktformular jetzt online????

    Grüße
    Patrick

    PS: Antwort bitte per eMail an PAD [at] Crack-Music.de

  9. Ich habe das Plugin eingebaut und es klappt sofort.
    Einzig würde ich mir wünschen, das nach dem Absenden der Mail der Danke Text etwas mehr zu formatieren wäre.
    Der Abstand zum Formular ist zu eng und die Danke Seite würde ich ohne Formular begrüßen.
    Leider ist es mir nicht gelungen im Eingabefeld einen Code zu nutzen, der den Abstand reguliert.
    Ansonsten ein tolles Plugin.
    Danke für die Arbeit.
    lg Anne

  10. Könnt Ihr die letzten zwei Schritte
    •CSS aus “original.css” oder “exanto.css” in die eigene Stylesheet-Datei einfügen
    •Den intouch-Formular mittels des neuen Button “intouch form” in die Beiträge / Seiten einfügen wo das Kontaktformular erscheinen soll

    bitte nochmal für Dumme erklären?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert