Objekt E-Mail-Formular

Schritt 3 - Erstellen der Seiten >

Objekt E-Mail-Formular

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Beim Surfen im Internet haben Sie gewiss schon oft Formulare gesehen, die ausgefüllt werden müssen, um Daten per E-Mail zu versenden. Solche Module werden als Kontaktformulare verwendet, über die sich Benutzer zu bestimmten Diensten oder für den Zugang zu passwortgeschützten Bereichen anmelden oder mit denen Recherchen und Umfragen durchgeführt werden.

Welchen Zweck auch immer sie erfüllen, WebSite X5 können Sie auf sehr einfache Weise ein E-Mail-Formular erstellen, indem Sie die gewünschten Felder, das Layout und die grafischen Eigenschaften definieren und vor allem festlegen, auf welche Weise der Versand und die Erfassung der Daten erfolgen soll.

Die Funktionen, die Sie für die Gestaltung eines Objekts E-Mail-Formular benötigen, sind die folgenden Bereiche gegliedert: Liste, Senden und Stil.

Klicken Sie um zu erweitern/minimierenAnleitung: Die Bedienfelder der Sektion Liste

Mit den Funktionen im Tab Liste von dieser Sektion können Sie die Liste der Felder zusammenstellen, aus denen sich das E-Mail-Formular zusammensetzen soll.

Die bereits aufgenommenen Felder werden in der Übersicht angezeigt, die von jedem Eintrag folgende Informationen enthalten: Feldname, Feldtyp, Breite, ob es sich um ein Pflichtfeld sowie eine Beschreibung. Alle diese Parameter können bei der Erstellung des Felds im Dialogfenster Feld eingeben definiert werden.

Die Übersicht fasst nicht nur die wichtigsten Daten der ausgewählten Felder zusammen, sondern ist auch ein praktisches Tool mit verschiedenen Optionen:

Mit Doppelklick auf ein Feld öffnet sich das Dialogfenster Feld eingeben, wo Sie die Parameter ändern können;
Mit einem zweiten Klick auf ein bereits markiertes Feld können Sie dessen Namen ändern. Dies entspricht dem Öffnen des Dialogfensters Feld eingeben und dem dortigen Ändern der Beschriftung;
Nachdem Sie ein Feld markiert haben, können Sie außerdem die Schaltflächen an der rechten Seite nutzen, um eine Kopie zu erstellen sowie das Feld zu löschen, nach oben oder unten zu verschieben oder dessen Einstellungen zu ändern.

Über die Tabelle kann auch die Anordnung der Felder im Formular gesteuert werden. Eine hell gestrichelte Linie symbolisiert die Zeilen des Formulars. Wird ein Feld neben einem anderen positioniert, erscheint neben der Breiteangabe das Symbol . Sind zwei nebeneinander positionierte Felder breiter als der verfügbare Raum, wird dies mit dem Symbol signalisiert: Ändern Sie die Breite nicht, werden die Felder auf zwei Zeilen angezeigt.

Rechts neben der Übersicht finden Sie einige Schaltflächen, mit denen Sie die Liste der Felder für das Formular erstellen können:

: Öffnet das Dialogfenster Feld eingeben, mit dem Sie ein neues Feld in das Formular einfügen können.
Duplizieren: Hier können Sie von einem bestehenden, markierten Feld eine Kopie erstellen.
Entfernen: Mit dieser Schaltfläche löschen Sie ein markiertes Feld aus dem Formular.
Nach oben / Nach unten: Mit diesen Schaltflächen können Sie ein markiertes Feld vor oder hinter das jeweils benachbarte verschieben.
Bearbeiten...: Öffnet das Dialogfenster Feld eingeben, in dem Sie die Einstellungen des zuvor in der Liste markierten Felds ändern können.

Die Schaltflächen Senden für den Versand des ausgefüllten Formulars und Zurücksetzen zum Löschen aller in das Formular eingegebenen Inhalte werden automatisch vom Programm erstellt und am Ende des Formulars eingefügt.

Klicken Sie um zu erweitern/minimierenAnleitung: Die Bedienfelder der Sektion Senden

Mit den Bedienfeldern dieser Sektion können Sie die Modalitäten festlegen, mit denen die im Formular erfassten Daten per E-Mail versendet werden sollen.

Im Bereich Datenversand wird angegeben, wie die über das Formular erfassten Daten an den Eigentümer der Website versendet werden sollen. Sie haben folgende Optionen zur Auswahl:

Datenversand per E-Mail: Diese Option ist als Standard ausgewählt. Die über das Formular erfassten Daten werden mit Hilfe eines vordefinierten PHP-Skripts automatisch per E-Mail gesendet.

Datenversand an eine Datenbank:: Die über das Formular erfassten Daten werden mit Hilfe eines vordefinierten PHP-Skripts automatisch an eine bestimmte MySQL Datenbank gesendet.

Datenversand an eine Datei:: Die über das Formular erfassten Daten werden mit Hilfe eines bestimmten Skripts (PHP, ASP usw.) verwaltet. Diese Alternative bietet sich an, wenn ein eigenes Skript verwendet werden soll, zum Beispiel für den Datenversand, wenn der genutzte Server kein PHP unterstützt, oder wenn spezielle Verfahren und Verwaltungsmethoden verwendet werden sollen.

Je nach Art des gewählten Datenversands müssen einige Parameter festgelegt werden:

Datenversand per E-Mail:

E-Mail des Absenders: Bei Aktivierung dieser Option können Sie angeben, welche Adresse als Absender der über das Formular versendeten E-Mail mit den erfassten Daten verwendet werden soll.
Standardmäßig wird hier die E-Mail-Adresse des Empfängers verwendet, die in diesem Fall der des Webseitenbetreibers entspricht. Wird festgelegt, dass als Absender der E-Mail die Adresse des Benutzers verwendet werden soll, der das Formular ausgefüllt hat, kann beispielsweise der Befehl Antworten des E-Mail-Clients verwendet werden.
E-Mail des Empfängers: Hier können Sie angeben, an welche Adresse die über das Formular erfassten Daten gesendet werden sollen. Es können auch mehrere E-Mail-Adressen angegeben werden. Geben Sie hierzu alle Adressen, getrennt durch ein Semikolon, ein.
Betreff: Geben Sie hier den Betreff für die E-Mail mit den über das Formular erfassten Daten an.
Nachricht: Geben Sie hier einen Einleitungstext für die mit dem Formular erfassten Daten ein.
Daten im CSV-Format erfassen: Bei Aktivierung dieser Option werden die erfassten Daten auch in einer CSV-Datei gespeichert, die an die E-Mail angehängt wird. In einer CSV-Datei werden die Daten als Liste durch Semikolon getrennter Werte im Textformat gespeichert. Diese Dateien können komfortabel in Tabellenkalkulationsprogramme (z.B. Microsoft Excel) importiert werden.

Datenversand an eine Datenbank::

Datenbank: Name der zu verwendenden Datenbank, die aus der Liste der mit dem aktuellen Projekt verknüpften Datenbanken ausgewählt werden kann. Die Liste der Datenbanken die mit dem Projekt verbunden sind, muss im voraus im Datenmanagement Fenster eingetragen werden.
Tabellenname: Geben Sie hier den Namen der Tabelle in der Datenbank ein, in der Sie die Daten erfassen wollen. Wird ein Tabellenname eingegeben, der noch nicht existiert, wird die Tabelle automatisch erstellt.
Den Empfang der Daten per E-Mail bestätigen: Bewirkt, dass bei Eingang neuer Daten automatisch eine Benachrichtigungs-E-Mail versendet wird.
E-Mail des Empfängers: Gibt die Adresse an, an die die E-Mail mit der Benachrichtigung über den Eingang neuer Daten gesendet werden soll.

Datenversand an eine Datei::

Skriptdatei (z.B. PHP, ASP): Importieren Sie die Skriptdatei, die Sie für die Erfassung und den Versand der Daten verwenden wollen. In diesem Fall muss die Skriptdatei manuell erstellt werden, um die gewünschte Aufgabe zu erfüllen.

Im Bereich Bestätigungs-E-Mail an den Anwender senden, wenn als Datenversand nicht die Option Datenversand an eine Datei ausgewählt wird, stehen folgende Optionen zur Verfügung:

Bestätigungs-E-Mail an den Benutzer: Bei Aktivierung dieser Option erhält der Benutzer, nachdem er das Formular ausgefüllt und die Daten gesendet hat, automatisch eine Bestätigungs-E-Mail.
E-Mail des Absenders: Bei Aktivierung dieser Option kann hier eine gültige und aktive E-Mail-Adresse eingegeben werden, die in der Bestätigungs-E-Mail als Absender verwendet wird.

Der Standard-Absender ist die E-Mail-Adresse des Seitenbetreibers, d.h. es wird die Adresse verwendet, die als E-Mail des Empfängers im Bereich Datenversand eingegeben wurde. Geben Sie unter E-Mail des Absenders eine andere Adresse ein, können die Bestätigungs-E-Mails von einer Adresse versendet werden, die von der Empfangsadresse der Daten verschieden ist. Diese Option ist nützlich, wenn für die Kommunikation mit den Benutzern eine neutrale Adresse (vom Typ info@meinunternehmen.com oder noreply@meinunternehmen.com) anstelle einer persönlichen (name.nachname@meinunternehmen.com) verwendet werden soll.

E-Mail des Empfängers: Hier kann bestimmt werden, aus welchem der Formularfelder die E-Mail-Adresse des Benutzers bezogen werden soll, an die die Bestätigung geschickt werden soll.
Betreff: Geben Sie hier den Betreff der Bestätigungs-E-Mail ein.
Nachricht: Geben Sie hier die Nachricht der Bestätigungs-E-Mail ein.
Einfügen der erfassten Daten am Ende der Nachricht: Bei Aktivierung dieser Option werden die über das Formular erfassten Daten hinter der Nachricht eingefügt.

Im Bereich Optionen stehen schließlich folgende Optionen zur Verfügung:

Antispam-Filter 'Captcha' aktivieren: Bei Aktivierung dieser Option wird am Ende des Formulars die Anti-Spam-Kontrolle Captcha eingefügt. Bei dieser Methode werden einige Buchstaben verzerrt auf einem verworrenen Hintergrund dargestellt. Der Anwender muss die Buchstaben korrekt in ein bestimmtes Feld eingeben, um die Nachricht senden zu können.
Bestätigungsseite nach dem Datenversand: Legen Sie hier über die Sitemap die Seite fest, die automatisch angezeigt wird, wenn das Formular ausgefüllt und die eingegebenen Daten per E-Mail versendet wurden. Anstelle der Homepage empfiehlt es sich hier, eine spezifische Seite mit einer Danksagung einzufügen. Diese Seite muss mit der entsprechenden Option Schritt 2 - Erstellen der Sitemap als Seite im Menü nicht sichtbar im Menü eingestellt werden.

Die grafischen Eigenschaften der mit dem Formular versendeten E-Mails können Sie im Bereich E-Mail-Stil in Schritt 1 - Template-Stil individuell anpassen.

Klicken Sie um zu erweitern/minimierenAnleitung: Die Bedienfelder der Sektion Stil

Mit den Bedienfelder dieser Sektion können einige grafische Eigenschaften des E-Mail-Formulars festgelegt werden.

Wählen Sie zunächst das Formularelement aus, das Sie bearbeiten möchten: Die Auswahl kann über das gleichnamige Drop-Down-Menü erfolgen oder direkt per Klick auf das Element in der Vorschau.

Folgende Elemente können angepasst werden:

Textbeschreibungen: Dies ist die Feldbeschriftung, die angibt, welche Information eingegeben werden muss, oder die Frage, die beantwortet werden soll.

Felder: Feld, in das der Benutzer sie geforderte Information eingibt.

Senden'- und 'Zurücksetzen' -Button: Die Schaltflächen, die automatisch am Formularende eingefügt werden. Mit Klick auf diese Buttons werden die in die Felder eingegebenen Daten jeweils versendet oder gelöscht.

Beschreibung und Validierung der Felder: Dies sind Meldungen, die Zusatzinformationen enthalten, z.B. Hinweise zum Ausfüllen der Felder, für die Korrektur eingegebener Daten oder die Aufforderung, ein leer gelassenes Pflichtfeld auszufüllen.

Je nach gewähltem Element können im Bereich Stil verschiedene Optionen genutzt werden:

Textbeschreibungen:

Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes.
Farbe: Definiert die Farbe, die für den Text benutzt werden soll.
Anordnung: Legen Sie hier fest, wo die Feldbeschriftung angezeigt werden soll. Sie haben folgende Optionen zur Auswahl: Beschriftung über den Feldern anzeigen, Beschriftung innerhalb der Felder anzeigen und Beschriftung links neben den Feldern anzeigen. Wenn Sie die Beschriftungen links neben den Feldern anzeigen wollen, kann die Breite (%), festgelegt werden, also der Ausrichtung der von der Beschriftung belegt werden kann, als Prozentsatz.

Felder:

Farbe: Öffnet das Dialogfenster Farbe, in dem Sie die Farben für den Text (normal und ausgewählt), den Hintergrund (normal und ausgewählt) und den Rand (normal und bei Eingabe eines Fehlers) festlegen können.
Abgerundete Ecken: Definiert die Rundung der Ecken, auch einzeln.
Schatten: Fügt im Inneren der Felder einen Schatteneffekt ein, der ihnen optische Tiefe verleiht.

Senden'- und 'Zurücksetzen' -Button:

Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes.
Farbe: Definiert die Farbe die für den Text, den Hintergrund, und den Rand der Schaltflächen benutzt werden soll.
Abgerundete Ecken: Definiert die Rundung der Ecken, auch einzeln.
Hintergrundbild: Wählen Sie hier das Bild für den Hintergrund der Zelle aus. Sie können Dateien in den Formaten JPG, GIF und PNG verwenden.
Ausrichtung: Gibt die Ausrichtung der eingefügten Schaltflächen an, es kann ausgewählt werden zwischen Links, Mitte und Rechts.
Zurücksetzen' - Button anzeigen: Diese Option ist standardmäßig aktiviert und fügt am Formularende außer der Schaltfläche "Senden" automatisch auch die Schaltfläche "Zurücksetzen" ein (zum Leeren aller ausgefüllten Felder).

Beschreibung und Validierung der Felder:

 

 

Icon-Datei für die Feldbeschreibung: Hier können Sie eine Bilddatei (Format .JPG, .GIF und .PNG) importieren, die neben dem Feld als Icon erscheint und auf die Verfügbarkeit weiterführender Informationen hinweist.
Beschreibung bei Auswahl des Feldes anzeigen: Bei Aktivierung dieser Option wird die Meldung mit den Zusatzinformationen automatisch angezeigt, sobald in das Feld geklickt wird.
Falls eine Fehlermeldung bei der Datenverarbeitung erfolgt: Legen Sie hier fest, wie die Fehlermeldung angezeigt werden soll, wenn ein Feld nicht korrekt ausgefüllt wurde bzw. in einem Pflichtfeld die Eingabe fehlt. Sie haben folgende Optionen zur Auswahl: Browser Dialogfenster anzeigen, Internes Popupfenster anzeigen oder QuickInfo neben dem ungültigen Feld anzeigen neben dem ungültigen Feld anzeigen.

Wenn die Funktion der erstellten Seite lokal getestet wird, erscheint ein Hinweis, dass die E-Mail den im Formular erfassten Daten nicht gesendet wird. Das E-Mail-Formular funktioniert erst nach der Veröffentlichung der Website auf dem Server vollständigt.

Für den korrekten Betrieb des E-Mail-Formulars muss der Server, auf dem die Website veröffentlicht wird, die Programmiersprache PHP unterstützen und der Befehl MAIL muss aktiviert sein. Diese Informationen über den Server finden Sie im Bereich WebSite Test des Online-Control-Panels .

Treten Probleme mit dem Versenden von E-Mails auf, ist der verwendete Server wahrscheinlich nicht im Standard-Modus konfiguriert. Versuchen Sie in diesem Fall, im Dialogfenster Erweiterte Einstellungen | Datenmanagement den Skripttyp und die Methode für den E-Mail-Versand zu ändern. Für weitere Informationen wenden Sie sich bitte an Ihren Webspace-Anbieter.