Ein modernes Kontaktformular für WordPress nutzen!

Unser responsives Kontaktformular (Demo - 12 Templates!) kann in weniger als 5 Minuten in WordPress integriert werden. Somit profitieren auch WordPress Nutzer von unserem PHP Formular Script und dem enthaltenen Spamschutz. Der sichtbare Spamschutz (Captcha) kann aktiviert/deaktiviert werden. Weitere Spamschutz Optionen: Klick-Check, Zeitsperre, Linkblocker, Honeypot und ein benutzerdefinierter Bad Word Filter. Wir möchten die Einbindung des Formulars anhand einer WordPress Beispiel-Installation veranschaulichen.



Unser Kontaktformular ist DSGVO konform und entspricht der Datenschutz-Grundverordnung der EU. Die entsprechende Checkbox inkl. Datenschutzerklärung kann optional aktiviert werden.
» Kontaktformular mit EU Datenschutz-Grundverordnung (DSGVO) nutzen!



Beispiel - Responsives Formular Template 1 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 1 finden Sie hier



Beispiel - Responsives Formular Template 2 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 2 finden Sie hier



Beispiel - Responsives Formular Template 3 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 3 finden Sie hier



Beispiel - Responsives Formular Template 4 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 4 finden Sie hier



Beispiel - Responsives Formular Template 5 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 5 finden Sie hier



Beispiel - Responsives Formular Template 6 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 6 finden Sie hier



Beispiel - Responsives Formular Template 7 - Standard Version

» In neuem Fenster öffnen, um responsives Layout zu testen!
» zur Download-Seite
» Spamschutz-Optionen: Captcha, Bad Word Filter, Zeitsperre, Klick-Check, Linkblocker & Honeypot


Weitere Versionen zu Template 7 finden Sie hier



» Weitere Templates finden Sie unter Download







Befolgen Sie einfach die nachfolgende Anleitung!

  1. Laden Sie das Kontaktformular unter Download herunter!

  2. Befolgen Sie die Installationsanleitung! (Schritt 1 - Schritt 9)

  3. Passen Sie ggf. das responsive Layout über die Datei style-kontaktformular.css Ihren Wünschen an, indem Sie eines unserer Tutorials nutzen. Mit Hilfe unserer Tutorials ist eine unkomplizierte Anpassung an Ihr Design möglich! (z.B. Breite anpassen, Formular zentrieren, Farben definieren etc.pp.)

  4. Im Administrationsbereich von WordPress klicken Sie links auf Seiten.
    Kontaktformular Wordpress Schritt 1

    (Zum Vergrößern auf das Screenshot klicken!)


  5. Unmittelbar nach der WordPress Installation erscheint hier lediglich die Seite Beispiel Seite. Klicken Sie auf Bearbeiten.
    Kontaktformular Wordpress Schritt 2

    (Zum Vergrößern auf das Screenshot klicken!)


  6. Sie befinden sich nun in dem Editor der Seite Beispiel Seite. Klicken Sie auf code.
    Kontaktformular Wordpress Schritt 3

    (Zum Vergrößern auf das Screenshot klicken!)


  7. Fügen Sie an eine geeignete Stelle den nachfolgenden IFrame Code innerhalb des code Tags (<code> </code>) ein, indem Sie auf den Button "code" über dem Textfeld klicken:

    <iframe src="kontakt.php" style="border: none; width:100%; height:700px; margin: 0 0 0 1%;"></iframe>

    Achten Sie auf den korrekten Pfad zwischen src="". Sofern das Kontakformular in ein Verzeichnis hochgeladen wurde, muss der Pfad entsprechend geändert werden.

    Die Höhe können Sie über "height" definieren. Alternativ kann eine automatische Höhenanpassung über dieses responsive IFrame realisiert werden. Um von dem "responsiven IFrame" Gebrauch zu machen, ist es notwendig das Plugin Insert Headers and Footers zu installieren, da in WordPress das Einfügen von Javascript Code nur mit einem solchen Plugin möglich ist.

    Nutzen Sie für die Danke-Seite ein Framebrecher-Script, sofern Sie das "responsive IFrame" einsetzen.

    Hinweis: Wenn Sie das Kontaktformular nicht responsive einbinden möchten, können Sie den Wert unter "width" auch in px angeben. Zum Beispiel:

    <iframe src="kontakt.php" style="border: none; width:700px; height:700px; margin: 0 0 0 1%;"></iframe>

    Kontaktformular Wordpress Schritt 4

    (Zum Vergrößern auf das Screenshot klicken!)


  8. Klicken Sie rechts auf Aktualisieren.
    Kontaktformular Wordpress Schritt 5

    (Zum Vergrößern auf das Screenshot klicken!)


  9. Fertig! Das Kontaktformular wurde erfolgreich in diese Seite mittels IFrame integriert. Natürlich steht es Ihnen frei, dass Kontaktformular auch via PopUp (z.B. Fancybox) zu integrieren. Um das Resultat zu sehen, klicken Sie auf Seite ansehen.
    Kontaktformular Wordpress Schritt 6

    (Zum Vergrößern auf das Screenshot klicken!)




Kontaktformular in WordPress einbinden!

Kontaktformular für das CMS/Blogsystem WordPress zum Download! Das Formular lässt sich einfach, schnell und flexibel in Ihre WordPress Seite einbinden! Responsive Design, Upload Funktion, SMTP Funktion und ausgezeichneter Spamschutz!