Tutorial: Ein individuelles und responsives Kontaktformular erstellen!

Mit dem nachfolgenden Tutorial können Sie ganz einfach ein individuelles und responsives Kontaktformular erstellen!
Das Tutorial basiert auf unserem Kontaktformular Script, sodass bereits ein professioneller Spamschutz integriert ist. Sie können den Vorgang beliebig oft wiederholen und das Kontaktformular mit einer beliebigen Anzahl an Feldern erweitern. Das Hinzufügen von weiteren Input-Feldern, Select-Boxen und Checkboxen ist mit unserem Kontaktformular Tutorial ganz einfach möglich. Auch Designanpassungen (Breite definieren, Farben ändern etc.pp.) können Sie kinderleicht anhand der entsprechenden Anleitungen umsetzen!

Erstellen Sie - auf Basis unseres Kontaktformulars - ein individuelles und responsives Formular!


Die Vorteile:

  • Sie sind unabhängig von Drittanbietern! (sicherer Mailversand über Ihren Server!)
  • Sie nutzen ein professionelles PHP Script als Grundlage - © kontaktformular.com!
  • Sie profitieren von einem exzellenten Spamschutz: Sicherheitscode (an/aus), Sicherheitsfrage (an/aus), Zeitsperre (an/aus), Bad Word Filter (an/aus), Honeypot (an/aus), Klick-Check (an/aus) und Linkblocker (an/aus)
  • Sie können (optional) eine Dateianhang oder eine Upload Funktion nutzen! Somit können auch Dateien übertragen werden. (zusätzliche Optionen: Anzahl der Upload-Felder, Erlaubte Dateigröße(n), Erlaubte Dateiendung(en), IP Blacklist)
  • Sie können (optional) SMTP nutzen! Der Versand der Mails wird (per Standard) über die PHP Funktion mail() realisiert.
  • Sie können unser responsives Template vollständig über die Tutorials bzw. über das Stylesheet (CSS) anpassen!
  • Sie benötigen keinen Formmaker / Formbuilder / Formapp / Kontaktformular Generator. Unser Script läuft vollkommen eigenständig und kann mit den Tutorials unkompliziert nach Ihren Vorstellungen angepasst werden!
  • Perfekt geeignet für Bootstrap (« Anleitung), WordPress (« Anleitung), Typo3, Contao, Drupal, Joomla, Contrexx und CMSimple!
  • Der PHP und HTML Code des Formulars ist übersichtlich und sauber aufgebaut!
  • Etwaige Fehler(meldungen) werden auf der FAQ Seite beantwortet.
  • Das Kontaktformular entspricht der DSGVO / EU Datenschutzgrundverordnung. (Checkbox kann aktiviert/deaktiviert werden.)
  • Einfache Einbindung in Ihre Website mit unserer Schnellanleitung!

So funktioniert es!

  1. Laden Sie ein geeignetes Kontaktformular (inkl. Template) unter Download herunter!

  2. Installieren Sie das Kontaktformular auf Ihrer Website!

  3. Wählen Sie im nächsten Abschnitt (etwas runterscrollen) das zu überarbeitende Template aus, indem Sie auf den Link Tutorials: Kontaktformular - Template * klicken!

  4. Folgen Sie der Schritt für Schritt Anleitung, um eine Select-Box, eine Checkbox oder ein weiteres Input Feld hinzuzufügen. Die Tutorial-Seiten beinhalten auch weitere Anleitungen, um das Design individuell anzupassen. (Farben ändern, Breite, Ausrichtung etc.pp.)
    Benutzen Sie zum Bearbeiten der Datei kontakt.php bitte einen Editor (Empfehlung Windows: Notepad2; Empfehlung MacOS: Brackets). Etwaige Fehler(meldungen) werden auf der FAQ Seite beantwortet.


Tutorials: Kontaktformular - Template I

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 8


Weitere Versionen zu Template 1 finden Sie hier


Tutorials: Kontaktformular - Template II

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 11


Weitere Versionen zu Template 2 finden Sie hier


Tutorials: Kontaktformular - Template III

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 12


Weitere Versionen zu Template 3 finden Sie hier


Tutorials: Kontaktformular - Template IV

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 13


Weitere Versionen zu Template 4 finden Sie hier


Tutorials: Kontaktformular - Template V

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 7


Weitere Versionen zu Template 5 finden Sie hier


Tutorials: Kontaktformular - Template VI

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 10


Weitere Versionen zu Template 6 finden Sie hier


Tutorials: Kontaktformular - Template VII

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 9


Weitere Versionen zu Template 7 finden Sie hier


Tutorials: Kontaktformular - Template VIII

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 5


Weitere Versionen zu Template 8 finden Sie hier


Tutorials: Kontaktformular - Template IX

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 6


Weitere Versionen zu Template 9 finden Sie hier


Tutorials: Kontaktformular - Template X

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 1


Weitere Versionen zu Template 10 finden Sie hier


Tutorials: Kontaktformular - Template XI

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 2


Weitere Versionen zu Template 11 finden Sie hier


Tutorials: Kontaktformular - Template XII

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 3


Weitere Versionen zu Template 12 finden Sie hier


Tutorials: Kontaktformular - Template XIII

Advanced Version

Spamschutz: Sicherheitscode an/aus | Sicherheitsfrage an/aus   (» 5 weitere Optionen!)
Datenschutz: Datenschutzerklärung an/aus   (» Mehr lesen)
Fehlermeldungen (Design): Standard | HTML5
Dateianhang: Upload Funktion an/aus
Kopie senden: Mit Zustimmung | Ohne Zustimmung | Keine Kopie senden

Erweiterte Version - Style 4


Weitere Versionen zu Template 13 finden Sie hier