22Mai

CHLOE - Bootstrap Kontaktformular

CHLOE - Bootstrap Kontaktformular

Unser neues Kontaktformular mit Bootstrap Techniken ist online.

CHLOE ist ein einfaches Kontaktformular mit allen notwendigen Formularfeldern. Diese sind so begrenzt, sodass CHLOE auch mit der kostenlosen LITE Version genutzt werden kann.
Doch das Beste: Es lässt sich perfekt in eine Bootstrap Homepage einbauen und passt sich dank Responsive Design an jede Displaygröße an.

Die Idee

Immer mehr Webseiten werden mit dem Framework Bootstrap erstellt. Unzählige Bootstrap Templates werden (z.B. auf themeforest.net oder wrapbootstrap.com) angeboten um damit seinen eigenen Webauftritt zu realisieren. Einige Templates verfügen sogar über ein funktionstüchtiges Kontaktformular. Jedoch habe ich noch nie eines gesehen, das neben den (meiner Meinung nach) zwingend notwendigen Eingabeüberprüfungen weitere Sicherheitsrelevanten Funktionen mitbringt.

Mit phpContact lassen sich neben einer Captcha Abfrage und Reloadsperre noch viele weitere, für phpContact gewohnten Funktionen, einbauen.

Funktionen

Um nur kurz einige wichtige Funktionen zusammenzufassen:

  • mehrere Empfänger (Cc oder BCc) sind möglich
  • Autoresponder kann eingerichtet werden
  • Empfänger Auswahlfeld
  • E-Mail Typ: HTML, reiner Text oder HTML mit alternativem TEXT

Eine Liste aller phpContact Funktionen gibt es hier: phpContact Funktionsübersicht

Punkto Anzahl der Formularfelder wurde beim Kontaktformular "chloe" aber gespart. Es sind aber alle notwendigen Eingabefelder eingebaut:

  • Name des Empfängers
  • E-Mail Adresse des Empfängers
  • Der Betreff der E-Mail
  • Die eigentliche Nachricht

Als Sicherheit ist eine Captcha Abfrage vorhanden.

Eine kleine Besonderheit wurde ein Auswahlfeld eingebaut, mit dem man bis zu 10 Empfänger auswählen kann. Diese Funktion ist in der Grundausstattung deaktiviert. Kann aber mit wenigen Klicks eingerichtet werden.

Design

"chloe" ist komplett im Responsive Design und passt sich somit jedem Endgerät (Desktop, Tablet, Smartphone,...) bzw. dessen Displaygröße automatisch an.

Der Look dieses Kontaktformulars ist ganz dem Bootstrap Formular bzw. dessen Eingabefeldern zugeschnitten. Im Programmcode wurden neben der HTML Struktur auch die CSS Klassen verwendet. Somit passt es sich (bei richtiger Konfiguration) jeder Bootsrap Homepage an.

 

Mehr Informationen, den Download und die Links zu den Demos finden Sie hier:

Kontaktformular Template chloe

horizontale Linie

Posted in Neuigkeiten

Kommentare (0)

Supportfragen werden nicht veröffentlicht und nicht beantwortet.
Bitte nur Kommentare schreiben.

Bitte einloggen, um einen Kommentar zu schreiben.