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.





  Zur Download-Seite von Template 2
Tutorials: Kontaktformular - Template 2




  Zur Download-Seite von Template 3
Tutorials: Kontaktformular - Template 3




  Zur Download-Seite von Template 4
Tutorials: Kontaktformular - Template 4




  Zur Download-Seite von Template 5
Tutorials: Kontaktformular - Template 5




  Zur Download-Seite von Template 6
Tutorials: Kontaktformular - Template 6




  Zur Download-Seite von Template 7
Tutorials: Kontaktformular - Template 7




  Zur Download-Seite von Template 8
Tutorials: Kontaktformular - Template 8




  Zur Download-Seite von Template 9
Tutorials: Kontaktformular - Template 9




  Zur Download-Seite von Template 10
Tutorials: Kontaktformular - Template 10




  Zur Download-Seite von Template 11
Tutorials: Kontaktformular - Template 11




  Zur Download-Seite von Template 12
Tutorials: Kontaktformular - Template 12




  Zur Download-Seite von Template 13
Tutorials: Kontaktformular - Template 13




  Zur Download-Seite von Template 14
Tutorials: Kontaktformular - Template 14