Über ein Kontaktformular können Ihnen Website-Besucher direkt aus der Webseite Nachrichten per E-Mail senden.
In Weblication® CMS erstellen und verwalten Sie Formulare komfortabel mit dem Formulareditor / Formulargenerator. Im Weblics®-Portal steht Ihnen hierzu bereits ein fertiges Beispiel eines Kontaktformulares zur Verfügung. Dieses - auch in der BASE mitgelieferte - Anfrageformular ist bereits mit nahezu allen möglichen Formular-Elementen ausgestattet.
Der Formular-Editor ermöglicht in Verbindung mit dem Struktureditor (Core Zusatzmodul) das Bearbeiten, Verschieben, Einfügen und Löschen von Formularelementen.
Beachten Sie zum Formular-Editor in Weblication® CMS Core Classic und Business bitte die Hinweise unten!
Über das Modul können die Formulareinstellungen (Darstellung, Skript für Action, Empfänger E-Mail, Dankeseite, E-Mail-Vorlage, etc.) wie auch die einzelnen Formularfelder über Masken bearbeitet werden. Der Benutzer sollte hierzu zumindest in die Funktionsweise eines Formulares eingewiesen werden (siehe weiterführende Links unten).
Am Beispiel eines Formulares des BASE (Mobile First) Projektes werden nachfolgend die wichtigsten Einstellungen und Felder beschrieben.
Durch Klick auf diese Schaltfläche lädt der Editor die Seite mit dem Formular neu, um Änderungen direkt anzuzeigen.
Durch Klick auf diese Schaltfläche blenden Sie die erweiterten Formulareinstellungen ein.
In den erweiterten Einstellungen können Sie individuelle Skripte für das Verhalten vor und nach dem Absenden des Formulars erstellen, den Aufbau der E-Mail steuern und unter anderem die Weiterleitungsziele nach dem Versand des Formulares definieren.
Über diese Auswahlbox wählen Sie die Darstellungsart der Formularfelder. Die Standard-Darstellung wird bereits mitgeliefert und weitere Darstellungsarten können über CSS-Only-Varianten nachinstalliert werden (z.B. für Bezeichnungen neben oder in den Eingabefeldern).
In diesem Feld können Sie optional einen CSS Klassennamen eintragen, der für das Formular (form-Tag) gesetzt wird (z.B. myForm). Diese Klasse setzen Sie in der entsprechenden CSS-Datei (z.B. design.css), um die CSS-Formate zu definieren.
Ist das Feld leer, wird keine Klasse gesetzt und es gelten die allgemein definierten Formatierungen für das form-Tag.
Über diese Auswahlbox wählen Sie die Aktion, welche beim Absenden des Formulares ausgeführt werden soll, z.B.:
Ist dieser Parameter aktiviert, wird zu einer Formularfeldbezeichnung (Label) automatisch ein Sternchen (*) gesetzt, sofern ein Formularfeld als Pflichtfeld definiert wurde.
Ist dieser Parameter aktiviert, wird zu einem Formular-Platzhalter m Feld automatisch ein Sternchen (*) hinter dem Text gesetzt, sofern ein Formularfeld als Pflichtfeld definiert wurde.
Ist dieser Parameter aktiviert, werden bei einem (erneuten) Formularaufruf die Formulardaten initialisiert. Die Felder werden entweder mit definierten Initialwerten befüllt oder geleert.
Ist dieser Parameter aktiviert, wird autocomplete für das Formular abgeschaltet.
Ist dieser Parameter aktiviert, erfolgt zu den Formularfeldern eine Inlinevalidierung. Das bedeutet, daß beim Verlassen eines Feldes die Validierung greift (Kennzeichnung mit grünem Haken oder roter Farbe).
Ist dieser Parameter aktiviert, können Seitenbesucher das Formular nur nutzen, wenn JavaScript im Browser erlaubt ist.
Ist dieser Parameter aktiviert, wird beim Absenden des Formulares oberhalb des Formulares keine zentrale Hinweisbox mit den Fehlermeldungen angezeigt. Nur die Inline-Validierung zeigt fehlerhafte Angaben an.
Ist dieser Parameter aktiviert, wird die Inlinevalidierung auch nach fehlerhaftem Absenden angezeigt.
Ist dieser Parameter aktiviert, wird das Formular über einen Formular-Token abgesichert, um potentiellen Angreifern und Spam entgegenzuwirken.
Ist dieser Parameter aktiviert, werden die E-Mail Daten des Formulares in einer CSV-Datei protokolliert. Im Feld kann optional der Dateipfad zur CSV-Datei eingetragen werden. Dieser muss innerhalb der DocRoot der Domain liegen.
Sofern keine Angabe im Feld erfolgt, wird die CSV-Datei in einem /csv Unterverzeichnis zur Formularseite angelegt. Die CSV-Datei wird dabei mit dem aufgerufenen Dateipfad benannt (z.B. de_kontakt_index.csv). Bei Angabe eines Verzeichnispfades sollte dies ein separates Verzeichnis sein, da dies mit Zugriffsschutz versehen wird! Aus diesem Grund sollte bei einem Formular unter /de/kontakt/index.php nicht der Verzeichnispfad /de/kontakt hinterlegt werden, da dieses Verzeichnis bei Protokollierung gesperrt wird und somit das Formular selber nicht mehr aufrufbar ist!
Beim Schreiben der Formulardaten wird eine bestehende CSV-Datei ergänzt. Ändert sich die Struktur durch z.B. weitere, gelöschte oder umbenannte Formularfelder, wird die bisherige CSV-Datei versioniert und eine neue angelegt.
Für eine reibungslose Funktion müssen sowohl die CMS-Version, also auch das Formular-Weblic® und Formular-Skript im Formular auf aktuellstem Stand sein (siehe z.B. Mastertemplate-Element).
In diesem Feld tragen Sie eine gültige E-Mail Adresse ein, die als Absender E-Mail (From) beim Versand des Formulares herangezogen werden soll.
In der BASE werden Formulare so ausgeliefert, dass diese bei leerem Feld die in der Projektkonfiguration hinterlegte Standard E-Mail als Absender E-Mail verwenden. Dies wird dann unterhalb des Feldes angezeigt.
Ist dieser Parameter aktiviert, wird das Formular zusätzlich als verschlüsselter Briefkasten genutzt und unterhalb der Checkbox erscheint eine Auswahlbox, über welche der Benutzer ausgewählt werden kann, welcher als Empfänger hierfür herangezogen werden soll.
Diese Option wird nur angezeigt, wenn die Lizenz über eine Anzahl an verschlüsselten Briefkästen verfügt.
In diesem Feld tragen Sie eine gültige E-Mail Adresse ein, die als Empfänger E-Mail (To) beim Versand des Formulares herangezogen werden soll.
In der BASE werden Formulare so ausgeliefert, dass diese bei leerem Feld die in der Projektkonfiguration hinterlegte Standard E-Mail als Empfänger E-Mail verwenden. Dies wird dann unterhalb des Feldes angezeigt.
In diesem Feld tragen Sie den Betreff für die zu versendende E-Mail ein. Sofern das Feld nicht befüllt ist, wird ein Standardtext für den Betreff verwendet.
In diesem Feld tragen Sie den Pfad zu der Seite ein, die nach dem erfolgreichen Absenden des Formulares aufgerufen werden soll (z.B. /de/kontakt/danke.php).
In der BASE werden Formulare so ausgeliefert, dass diese bei leerem Feld auf die Formularseite selber weiterleiten.
In diesem Feld wählen Sie das Datumsformat aus, das für das Kalender-Element (Datumsauswahl) herangezogen werden soll.
Über diese Auswahlbox wählen Sie den Typ der zu versendenden E-Mail aus (Text oder HTML). Standardmässig wird Text (text/plain) verwendet.
In diesem Feld wird der E-Mail Kopf (Header) und Inhalt (Body) für die E-Mail an den Empfänger des Kontaktformulares definiert.
Über Platzhalter können die im Formular eingegebenen Werte in die E-Mail eingelesen werden. Der Name eines Formularfeldes (z.B. firstname) wird als Platzhalter angegeben, also z.B. [!--firstname--] (Groß-/Kleinschreibweise ist zu beachten).
Im Standard wird das Formular so ausgeliefert, daß als allgemeiner Platzhalter [!--wFormData--] verwendet wird, welcher automatisch alle bestehenden Formularfelder automatisch für die E-Mail einliest.
Falls der Inhalt der Text E-Mail individuell gestaltet werden soll, verwenden Sie die Schaltfläche "Alle Platzhalter ans Ende
der E-Mail Vorlage kopieren", welche per Klick alle Platzhalter der bestehenden Formularfelder ans Ende der Vorlage kopiert. Diese können Sie dann z.B. über Abstände, etc. individueller anordnen. Nehmen Sie dann den allgemeinen Platzhalter [!--wFormData--] raus, sonst werden die Felder doppelt eingelesen.
Bedenken Sie bei der Vorgehensweise, daß bei einer Änderung der Formularfelder auch die Vorlage wegen der Platzhalter angepasst werden muss.
Eine andere Möglichkeit ist, anstatt einer Text E-Mail eine HTML E-Mail zu nutzen. Dies stellen Sie zum contentType (siehe oben) entsprechend für HTML E-Mails ein.
Bei Textmails ist die Formatierung nur dann sauber, wenn der Empfänger in seinem E-Mail-Programm eine nicht proportionale Schrift, wie z.B. Courier nutzt, da sonst die Abstände unterschiedlich ausfallen.
Allgemeine Platzhalter:
In diesem Feld wird der E-Mail Kopf (Header) und Inhalt (Body) für die E-Mail an den Ausfüller des Kontaktformulares definiert.
Über Platzhalter können die im Formular eingegebenen Werte in die E-Mail eingelesen werden.
Falls der Inhalt der E-Mail gestaltet werden soll, stellen Sie zum contentType (siehe oben) am besten für HTML E-Mails ein.
Bei
Textmails ist die Formatierung nur dann sauber, wenn der Empfänger in
seinem E-Mail-Programm eine nicht proportionale Schrift, wie z.B.
Courier nutzt, da sonst die Abstände unterschiedlich ausfallen.
In diesem Feld wird das Skript definiert, das vor dem Generieren des Formulares ausgeführt wird.
Dieses Script wird ausgeführt, nachdem alle Elemente dem Formular hinzugefügt wurden und bevor dieses dargestellt wird. Sie können so z.B. bestehenden Formularelementen Werte dynamisch zuweisen.
In diesem Feld wird das Skript definiert, das nach dem Abschicken des Formulares ausgeführt wird.
Es prüft die Eingaben des Benutzers und sendet eine E-Mail, falls diese gültig sind. Andernfalls wird das Formular erneut angezeigt und der Benutzer bekommt Hinweise, welche Felder korrekt auszufüllen sind. Das Skript kann mit individuellen Funktionen erweitert werden.
Über den Struktureditor können Sie die bestehenden Formularelemente bearbeiten/löschen und weitere Elemente der Seite hinzufügen.
Innerhalb der Seitenbearbeitung lassen sich zudem die in der Seite vorhandenen Formularelemente verschieben.