Neues Element einfügen

Um ein neues Element einzufügen, gehen Sie in den Bearbeiten-Modus der Website und bewegen Sie die Maus in den Bereich in den Sie ein neues Element einfügen möchten. Wenn Sie mit der Maus über ein bestehendes Element bewegen werden Ihnen an allein Seiten ein "+" Symbol angezeigt. Klicken Sie auf das "+" um ein Element einzufügen.

Wählen Sie nun das Element aus das Sie in die Website einfügen möchten. Das Element wird dann an der Stelle eingefügt bei dem Sie auf das "+" Symbol geklickt haben.

Neues Element als neue Reihe einfügen

Es steht Ihnen im WSW auch die Möglichkeit zur Verfügung eine neue Reihe anzulegen. Was ist eine Reihe? Sie haben z.B. einen Text und ein Bild nebeneinander. Nun möchten Sie unter dem Text und Bild ein Element einfügen das über die gesamte Fläche angezeigt wird. Würden Sie ein Element mit dem "+" ohne eine Reihe einfügen dann würde das Element unter dem Text oder Bild eingefügt werden jedoch nicht über die gesamte Fläche - sondern eben nur zu 50% wie im Screenshot rechts.

Um eine neue Reihe einzufügen gehen Sie mit der Maus in dem Bereich eines bestehendes Element und Klicken Sie auf "Reihe".

Wählen Sie nun das Element das Sie einfügen möchten.

Das Element wird nun unter den beiden bisherigen Element eingefügt. Wir haben nun etwas mehr Text eingefügt um Ihnen zu zeigen das es über die gesamte Fläche angezeigt wird.

Formular-Element

Fügen Sie das Formular-Element in einen Bereich in Ihrer Website ein.

Formular anlegen

Es wird automatisch der Button für das absenden des Formulars eingefügt. Wenn Sie mit der Maus in das Element fahren, können Sie die Formular Einstellung bearbeiten.

Wenn Sie in das Element klicken, werden Ihnen die Design-Einstellungen des Formulars angezeigt. Sie können nun neue Felder einfügen.

a) Sie können wie auch bei Sektionen neue "Reihen" in das Formular einfügen. Wenn Sie z.B. zwei Felder nebeneinander und anschliessend wieder nur ein Feld einfügen möchten, müssten Sie Reihen nutzen.

b) Wenn Sie neue Formular-Elemente links, rechts, oben oder unten einfügen möchten klicken Sie auf das "+".

c) Um ein Feld zu verschieben klicken Sie auf dieses Symbol und ziehen Sie das Feld in die gewünschte Position.

d) Klicken Sie hier um die Einstellungen des Feldes zu öffnen.

e) Kopieren Sie das bestehende Feld.

f.) Löschen Sie das bestehende Feld. Der Button für das absenden des Formulars kann nicht gelöscht werden.

Danach wird Ihnen ein blauer Rahmen mit einem blauen Punkt am Ende des Elements angezeigt. Klicken Sie auf den blauen Punkt und halten Sie die linke Maustaste gedrückt. Nun können Sie das Element nach obe und und ziehen. Lassen Sie das Element los und klicken Sie in einen anderen Bereich wenn Sie die gewünschte Höhe erreicht haben.

Sie können alle Elemente auch in der Breite verändern. Gehen Sie dafür mit der Maus in ein Element und ziehen Sie beim rechten Rahmen das Element nach Links und rechts. Wie oben muss auch hier die linke Maustaste gedrückt gehalten werden.

In unserem Beispiel fügen wir neben der Anrede noch den Vornamen ein.

Nach diesem Schritt sieht Ihr Formular wie im Beispiel rechts aus.

Beispieltext

Beispieltext

Wir haben nun weitere Felder eingefügt. Sowohl Nachname & Telefon als auch E-Mail wurde in einer neuen Reihe eingefügt.

Als Beispiel bearbeiten wir nun die Feldeinstellungen des Feldes "E-Mail".

a) Geben Sie den Feld-Namen ein. Dieser Name erscheint nur in dieser Ansicht.

b) Legen Sie das Label (Bennenung des Felds - über dem Feld) fest.

c) Geben Sie hier den Platzhalter (wird im Feld angezeigt) ein.

d) Definieren Sie ob das Feld ein Pflichtfeld sein soll.

e) Wenn Sie das Feld im Formular einfügen, jedoch in der Live-Ansicht verstecken möchten ,aktivieren Sie diese Einstellung.

Wir bearbeiten nun die Einstellungen des Formulars. Klicken Sie hierfür auf das "Stift"-Symbol wenn Sie Ihre Maus in den oberen Bereichs des Formular bewegen.

a) Geben Sie den Namen des Formulars ein.

b) Legen Sie das Layout des Formulars fest (im Moment ist nur Standard verfügbar).

Formular

c) Wählen Sie den Stil des Formulars aus. Wir wählen "Benutzerdefiniert" um alle Einstellungen anzuzeigen.

d) Legen Sie die Ausrichtung des Formulars fest.

e) Definieren Sie die Feld- & Formularabstände fest.

Formular Felder

f) Wählen Sie die Größe der Felder aus.

g) Legen Sie den Stil der Felder fest.

h) Wenn Sie möchten, dass nur die Platzhalter und nicht die Beschriftung der Felder angezeigt werden, aktivieren Sie diese Einstellung.

i) Legen Sie den Feldabstand zwischen den Feldern fest.

Erweiterte Gestaltung

j) Legen Sie die Stärke und Ausrichtung des Labels fest.

k) Wählen Sie die Größe und Abstand des Labels aus.

l) Definieren Sie die Stärke,Größe und Abstände der Optionen (z.B. Checkbox).

Aktion nach Senden

m) Legen Sie fest, was nach dem Absenden des Formulars angezeigt werden soll. Sie können einen Text anzeigen lassen, auf eine Seite weiterleiten oder einen Link öffnen.

Mehr Einstellungen

n) Aktivieren Sie diese Funktion wenn Sie den Nutzer der das Formular ausfüllt in Ihrer Datenbank speichern möchten. Bei aktivierter Option können Sie auch eine Gruppe auswählen.

o) Fügen Sie diesen Nutzer zu einer Mailing-Liste hinzu. Sie können diesen Nutzer später per Newsletter über Neuigkeiten informieren.

p) Legen Sie fest an welche E-Mail-Adresse die Benachrichtigung des Formulars versendet werden soll.

Wechseln Sie in den Reiter "Farben".

q) Hier haben Sie die Möglichkeit die Farben des Formulars anzupassen.