Skip to end of metadata
Go to start of metadata

Module: Kontaktformular

Seit beecomb 2.1.2 sind folgende neue Funktionen dazugekommen:

Module Detail

Nachdem man eine neue Seite erstellt hat und als Module 'Kontaktformular' ausgewaehlt hat, wird einem folgendes Moduledetail angezeigt (dieses Beispiel wurde bereits bearbeitet):

Von hier aus stehen folgende Moeglichkeiten zur Verfuegung:

Buttons

Beschreibung

Wysiwyg Editor / Einfacher Editor

Hier kann der Content oberhalb des Kontaktformulars bearbeitet werden.

bearbeiten

hier werden alle Details zum Kontaktformular verwaltet.

Feedback - Wysiwyg Editor / Feedback - Wysiwyg Editor

Hier kann der Content bearbeitet werden, welcher nach einem erfolgreichem senden dargestellt wird.

Seit beecomb 2.1.2 sind folgende zwei neue Einstellungsmöglichkeiten hinzugekommen:

  • Kontakt an Empfänger  Adressen senden? d.h., der Kontakt (wird tabellarisch aufgelistet) and die Empfänger Adressen gesendet, das Email erhält dabei das definierte Subject.
  • Bestätigungsmail senden? d.h. es kann dem Benutzer, welcher das Kontaktformular ausgefüllt hat, ein Bestätigungsmail gesendet werden. Wie das Bestätigungsmail konfiguriert wird ist hier beschrieben.

Kontaktformular konfigurieren

nachdem der Button 'bearbeiten' gedrueckt wurde, kommt man zu folgender Uebersicht.

Diese Uebersicht teilt sich in zwei Teile auf:

  • Allgemeine Einstellungen
  • Konfiguration der Kontaktformular Felder

Allgemeine Einstellungen

Alle dieser Felder sind Mussfelder. Damit das Formular richtig funktionieren kann, muessen die zuerst ausgefuellt werden.

Feld

Beschreibung

Absender Adresse

Die Emailadresse des Senders, d.h. welche im Email als 'From' dargestellt wird.

Kontakt an Empfänger Adressen senden?

Soll ein Bestätigungsmail gesendet werden, d.h. wenn ja, wird an die unten stehenden Email Adressen, der Kontakt tabellarisch mit dem Subject als Titel gesendet. (seit beecomb 2.1.2)

Empfänger Adressen

Die Emailadressen wohin das Kontaktformular gesendet werden soll. Es können mehrere Emailadressen konfiguriert werden, dabei werden die einzelnen Adressen mittels ; getrennt, dies sieht dann wiefolgt aus: test1@beecom.ch;test2@beecom.ch

Subject

Der Titel des Emails.

Bestätigungsmail senden?

Soll ein Bestätungsmail an die Person gesendet werden, welche das Kontaktformular ausgefüllt hatte. Wie das Bestätigungsmail konfiguriert wird, ist hier beschrieben. (seit beecomb 2.1.2)

Bezeichnung des senden Buttons

Bezeichung des Buttons, welche das Kontaktformular sendet.

Bezeichnung des zuruecksetzen Buttons

Bezeichnung des Buttons, welches das Kontaktformular in eine vorherigen Zustand zurueckversetzt.

Konfiguration Kontaktformular Felder

Nachfolgend sind die verschiedenen Felder beschrieben, welche im Kontaktformular verwendet werden koennen.
Zum direkt rauskopieren:
\S+@\S+$

Textfeld


Dies zeigt ein Textfeld mit allen moeglichen Einstellungen. Die einzelnen Felder werden nachfolgend beschrieben.

Feld

Beschreibung

Name

Dieses Feld bezeichnet den Namen des Feldes, dieser Name wir ausschliesslich intern als Variable für das Bestätigungsmail verwendet. In diesem Feld sind ausschliesslich Buchstaben und Zahlen erlaubt. Für die Verwendung der Variable, siehe hier. (seit beecomb 2.1.2)

Bezeichung

Bezeichnung des Feldes, welches als Label im Kontaktformular dargestellt wird.

Mussfeld?

Wenn das Feld ein Mussfeld ist, wird das Label zusaetzlich mit '*' bezeichnet. Das Feld 'Mussfeld Text' muss danach ausgefuellt werden.

Mussfled Text

Der Text, welcher dargestellt wird, wenn das Textfeld nicht ausgefuellt wurde.

Spezielle Validierung?

Dies gibt einem die Moeglichkeit spezielle Valdierungen zu definieren, dabei wird im Feld Validierungsregel die Regel definiert sowie im Validierungstext der Text, welcher erscheint, wenn die  Eingabe nicht der Validierungsregel entspricht.

Validierungsregel

Hier kann die Regel fuer die Validierung eingegeben werden. Die Regel muss nach Regexp entsprechen. Die hier dargestellte Regel validiert ob es eine gueltige Emailadresse ist.

Valdierungstext

Der Text, welcher dargestellt wird, wenn die Eingabe nicht der Validierungsregel entspricht.

Feldlaenge in Zeichen:

Die Laenge des Eingabefeldes in Zeichen


Checkbox Feld

Feld

Beschreibung

Bezeichung

Bezeichung des Feldes, welcher als Label im Kontaktformular dargestellt wird.

Text nach Checkbox?

Damit kann man steuern, ob die Bezeichung vor oder nach der Checkbox dargestellt wird.

Select Feld

Feld

Beschreibung

Bezeichung

Bezeichung des Feldes, welcher als Label im Kontaktformular dargestellt wird.

Mussfeld?

Siehe Textfeld

Erster Auswahlwert

Hier kann der Defaultwert eingetragen werden, welcher in der Selectbox dargestellt werden soll. Wichtig: der Wert muss auch in den Auswahlwerten vorhanden sein.

Auswahlwerte

Jede Zeile in den Auswahlwerten werden als Option in der Selectbox zur Auswahl stehen.

Textarea Feld

Feld

Beschreibung

Bezeichung

Bezeichung des Feldes, welcher als Label im Kontaktformular dargestellt wird.

Mussfeld?

Siehe Textfeld

Spezielle Valdierung?

Siehe Textfeld

Anzahl Zeilen:

Anzahl Zeilen, welche die Texteingabe moeglich sind.

Anzahl Kolonnen:

Siehe Textfeld, entspricht dem Feld 'Feldlaenge in Zeichen'

Captcha Feld

Captcha steht fuer 'Completely Automated Public Turing test to tell Computers and Humans Apart' und hilft gegen Spaming des Kontaktformulars durch automatisierte Mechanismen.

Feld

Beschreibung

Bezeichung

Bezeichung des Feldes, welcher als Label im Kontaktformular dargestellt wird.

Valdierungstext

Der Text, welcher dargestellt wird, wenn die Captcha Zeichenfolge nicht mit der Zeichenfolge im Bild uebereinstimmt.

Beispiel eines Kontaktformulars

Das nachfolgende Bild zeigt ein Kontaktformular, welches ohne Eingaben versucht wurde zu senden. Hier ist auch gut ersichtlich, welche Felder, weshalb nicht moeglich waren zu senden.

Positionierung des Formulars

Die Angaben unten dienen als Beispiel. Grundsätzlich kann man so die Position der Eingabefelder, wie auch deren Beschriftung anpassen.

Die obigen css style im content Bereich weden ganz am Schluss angehaengt.

Zeile 1) verschiebt das ganze Formular um 170px auf der linken Seite
Zeile 2) Maximalbreite der Tabelle des Kontaktformulars, also z.B. 3 Spalten + 2 Abstaende -> 3*160px + 2*10px = 500px
Zeile 3) Die Breite der ersten Spalte

Labels: