Kontaktformular (responsive) in Wordpress einbinden!

Unser Kontaktformular Script (Demo - Responsive Design!) kann in weniger als 2 Minuten in Wordpress integriert werden. Somit profitieren auch Wordpress Nutzer von unserem Kontaktformular und dem enthaltenen Spamschutz (Captcha). Wir möchten die Einbindung des Formulars anhand einer Wordpress Beispiel-Installation demonstrieren. 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 das responsive Layout über die Datei style-kontaktformular.css Ihren Wünschen an.

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

    (Zum Vergrößern auf 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 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 Screenshot klicken!)

  7. Fügen Sie an eine beliebige Stelle den nachfolgenden IFrame Code innerhalb des code Tags (<code> </code>) ein: <iframe src="kontakt.php" frameborder="0" width="550" height="700"></iframe>
    Die Breite und Höhe des IFrame können Sie über width (width="550") und height (height="700") definieren. Achten Sie auch auf den korrekten Pfad zum Kontaktformular! (src ="kontakt.php")

    Wenn Sie das Kontaktformular responsive einbinden möchten, muss die Angabe width immer 100% betragen. Also:
    <iframe src="kontakt.php" frameborder="0" width="100%" height="700"></iframe>
    Die Höhe können Sie weiterhin selbst definieren. Alternativ kann eine automatische Höhen-Anpassung über dieses responsive iFrame realisiert werden.
    Kontaktformular Wordpress Schritt 4

    (Zum Vergrößern auf Screenshot klicken!)

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

    (Zum Vergrößern auf 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 Screenshot klicken!)



Linktipp

Knothe Media
Webdesign und SEO Dienstleistungen aus Erfurt!
Gästebuch Script
Professionelles Gästebuch für Ihre Website!

Kontaktformular in Wordpress einbinden!

Kontaktformular für das CMS Wordpress zum Download! Das Formular lässt sich einfach, schnell und flexibel in Ihre Wordpress Seite einbinden! Upload Funktion und Spamschutz (Captcha)!