Alle Beiträge mit dem Schlagwort „Kontaktformular”
14. Mai 2010 von Dieter | 9 Kommentare
Kontaktformular mit Contact Form 7
Seit heute gibt es ein neues Kontaktformular auf der Website Webseiten-Infos.de.
Grund: Das von mir bisher eingesetzte WordPress-Plugin WP-ContactForm erzeugte folgende Fehlermeldung:
Du hast nicht ausreichend Rechte, um auf diese Seite zuzugreifen.
Zwar gibt es eine aktualisierte Version, aber diese ist nicht über das Plugin-Verzeichnis von WordPress verfügbar und kann deshalb auch nicht automatisch aktualisiert werden.
Zudem hatte ich an diesem WordPress-Plugin in dessen Quellcode Erweiterungen zur Verbesserungen der Zugänglichkeit (Accessibility) vorgenommen.
Ich hatte keine Lust wieder am Quelltext des Plugins arbeiten zu müssen und suchte deshalb ein WordPress-Plugin für Formulare, das auch das label-Element unterstützt.
Mit dem WordPress-Plugin Contact Form 7 (Webseite zum Plugin, Quick Start Guide for Contact Form 7: 31 Seiten, 664 KB) wurde ich fündig. Es gibt zwar einen Ableger (Fork) namens Contact Form 8 davon, aber das Plugin scheint weniger weit entwickelt zu sein und nicht so intensiv weiter entwickelt zu werden.
Gut gelöst finde ich bei Contact Form 7 den Spamschutz mittels einer leichten Rechenaufgabe.
Lediglich die Möglichkeit, dass der Absender eine Kopie der Mitteilung erhalten kann, fehlt mir. Der Absender kann eine Kopie der Mitteilung erhalten, wenn beim Formular im Administrationsbereich (Backend) die Option “verwende Mail (2)” mit einem Häkchen versehen ist. 
Damit nicht die Plugin-eigene CSS- und JavaScript-Datei bei allen WordPress-Seiten geladen wird, habe ich die wp-config.php um Folgendes ergänzt:
1 2 | define('WPCF7_LOAD_JS', false); define('WPCF7_LOAD_CSS', false); |
Zudem kopierte ich den CSS-Code aus der Datei style.css im Plugin-Ordner contact-form-7 in die CSS-Datei meines WordPress-Themes. So sparte ich eine HTTP-Anfrage (einen HTTP-Request) ein.
Soweit ich das nach eigenen Tests erkennen kann, müsste es das gewesen sein, damit das Kontaktformular funktioniert.
Wer sich gut in PHP-Sicherheitsfragen auskennt, kann übrigens auf ein Plugin für das Formular verzichten und stattdessen die Lösung Contactable – Kontaktformular in WordPress von Frank Bültge nutzen. Für mich ohne tiefgehende PHP-Kenntnisse aber leider keine Alternative, obwohl ich gerne versuche die Zahl der von mir eingesetzten WordPress-Plugins zu verringern.
Solltest Du Verbesserungsbedarf an dem Kontaktformular feststellen, würde ich mich über einen Hinweis darauf freuen.
Und welche Lösung verwendest Du für ein Kontaktformular?
Infos
Webseite veröffentlicht am Freitag, den 14. Mai 2010, um 22:32 Uhr, zuletzt geändert am
Samstag, den 3. Dezember 2011, um 14:53 Uhr.
Kategorie: WordPress
Schlagworte: Contact Form 7, Kontaktformular, Plugin, Spamschutz, Website, WordPress, WP-ContactForm
1. Tweets die Kontaktformular mit Contact Form 7 | Webseiten-Infos.de erwähnt -- Topsy.com
Pingback vom 14. Mai 2010 um 22:51
[...] Dieser Eintrag wurde auf Twitter von Dieter Welzel erwähnt. Dieter Welzel sagte: Kontaktformular mit Contact Form 7 http://tinyurl.com/38k22pk [...]
2. Tanja
Kommentar vom 16. Mai 2010 um 07:23
Wenn ich Formulare in WordPress brauche – was hin und wieder gerade bei Kundenprojekten vorkommt – greife ich immer auf den “dd formmailer” zu. Falls er Dich interessiert, suche ich Dir die Adresse raus. Ist ziemlich einfach gestrickt das Plugin und man kann beliebig viele Formulare erstellen und einbinden.
3. Dieter
Kommentar vom 16. Mai 2010 um 08:42
@Tanja
Danke, “dd formmailer” habe ich über Google schon gefunden.
Das WordPress-Plugin “Sitemap Generator Plugin for WordPress” vom selben Autor (Dagon Design) setze ich hier ein.
Beliebig viele Formulare kann ich übrigens auch mit dem WordPress-Plugin Contact Form 7 erstellen und einbinden.
Gleichwohl vielen Dank für Deinen Tipp. Werde mal bei Gelegenheit auf einer Testinstallation den dd formmailer ausprobieren.
4. Tanja
Kommentar vom 16. Mai 2010 um 09:27
Ich mag das Plugin total gerne und habe schon super unterschiedliche Formulare für Kunden damit erstellt. Funktioniert auch immer reibungslos. Hier habe ich es auf einer Domain von mir im kleinen Einsatz: http://www.officetrend.de/kontakt/, falls Dich das interessiert
5. Dieter
Kommentar vom 16. Mai 2010 um 12:18
@Tanja
Schönes Beispiel! Das Formular hast Du schön gestaltet. Gefällt mir.
Im Moment reicht mir Contact Form 7, aber gut zu wissen, dass es eine gute Alternative gibt.
6. arbeitstier
Kommentar vom 15. August 2010 um 01:47
Contact Form 7 halte ich derzeit für das beste Plugin in Sachen Formulare in WordPress 3. In Verbindung mit dem Spam-Schutz “really simple captcha” eine langlebige sichere Sache und wirklich schnell einsatzbereit.
7. Dieter
Kommentar vom 15. August 2010 um 10:06
Da Contact Form 7 bereits einen optionalen Spamschutz in Form einer beliebigen Additionsaufgabe mitbringt, erschließt sich mir nicht direkt der Sinn eines (zusätzlichen) Captcha.
Die Rechenaufgabe ist beim Kontaktformular von Webseiten-Infos.de übrigens aktiviert und bisher kam bei mir darüber kein Spam.
Das kann ich persönlich erst nach einer Einarbeitung mit der Funktionsweise des Plugins bestätigen. Aber vielleicht liegt das auch daran, dass ich Webdesign nur als Hobby in meiner Freizeit betreibe.
8. Uwe
Kommentar vom 4. Juli 2011 um 18:15
Hallo Herr Welzel,
danke für den Tipp, ich finde das ContactForm7 Plugin super. Ich habe nur zwei Fragen: Wie kann ich den Abstand nach unten, zwischen den einzelnen Feldern, verändern. Der default Abstand ist ziemlich groß, wie und wo kann ich diesen verändern bzw. anpassen?
Mir gefällt diese Box mit den abgerundeten Ecken, die Sie hier für Ihr Formular verwenden. Wie kann ich eine solche Box gestalten und wie kann ich dann auch ein Kontaktformular hinein bringen?
Vielen Dank im voraus,
MFG
Uwe
9. Dieter
Kommentar vom 4. Juli 2011 um 22:51
Hallo Uwe,
freut mich, dass Dir der Tipp mit dem Plugin Contact Form 7 zusagt.
Ich versuche mal Deine Fragen zu beantworten:
Schau Dir mal den Quelltext der Webseite mit dem Formular an (z.B. mit Firefox-Addon Firebug).
Bei meiner Seite ist das Formular (form) mit einem Container (div) umgeben, der die id wpcf7-f1-p15-o1 hat. Die einzelnen Zeilen mit den Eingabefeldern (input) sind mit einem Absatz (p) umgeben.
In der CSS-Datei kannst Du nun für den Selektor wpcf7-f1-p15-o1 p einen eigenen unteren Abstand zum nächsten Element definieren, z.B. margin-buttom: 0.2em. Mit dem Firebug kannst Du diese Änderungen sogar in Firebug direkt begutachten und erst wenn es Dir gefällt in die CSS-Datei eintragen und hochladen (uploaden).
Die abgerundeten Ecken sieht man nur in modernen Browsern, also z.B. nicht im Internet Explorer 8 und kleiner.
Sie sind mit CSS3 realisiert. Hier wie folgt:
2
3
4
5
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
}
Ich hoffe, das hilft Dir weiter.
Beste Grüße
Dieter