» Kontaktformular erstellen (Tutorial)

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!

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! (Captcha oder Sicherheitsfrage)
  • Sie können (optional) eine Datei-Upload-Funktion nutzen!
  • Sie können unser responsives Template vollständig über das Stylesheet (CSS) anpassen!
  • Sie benötigen keinen Kontaktformular Generator!
  • 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!
  • Layout- und Technikfragen werden auf der FAQ Seite beantwortet. (z.B. BCC Empfänger, Ausrichtung, Danke-Seite usw.)

So funktioniert es!

  1. Laden Sie das Kontaktformular (inkl. Template) unter Berücksichtigung der Lizenzbestimmungen unter Download herunter!

  2. Installieren Sie das Kontaktformular auf Ihrer Website!

  3. Wählen Sie auf dieser Seite das zu überarbeitende Template aus, indem Sie auf den Link Tutorial - Formularfelder hinzufügen! klicken!

  4. Folgen Sie der Schritt für Schritt Anleitung, um eine Select-Box, eine Checkbox oder ein weiteres Input Feld hinzuzufügen. Benutzen Sie zum Bearbeiten der Datei kontakt.php bitte einen Editor (z.B. Notepad2). Layout- und Technikfragen werden auf der FAQ Seite beantwortet.


Kontaktformular - Template 1 (Responsive Design)

• Erweiterte Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Erweiterte Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!


Kontaktformular - Template 2 (Responsive Design)

• Erweiterte Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Erweiterte Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!


Kontaktformular - Template 3 (Responsive Design)

• Erweiterte Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Erweiterte Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!


Kontaktformular - Template 4 (Responsive Design)

• Erweiterte Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Erweiterte Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitscode / Captcha
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!

• Normale Version mit Sicherheitsfrage / Rechenaufgabe
» Demo
» Download
» Tutorial - Formularfelder hinzufügen!