Neues Element einfügen

Um ein neues Element einzufügen, wechseln Sie in den Bearbeiten-Modus der Website und klicken Sie im oberen Bereich auf das Pluszeichen bzw. auf den Text „+ Element einfügen“, um ein neues Element hinzuzufügen.

Formular-Element

Wählen Sie das Formular-Element aus um das Element in einen Bereich in Ihrer Website einzufügen.

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.

Um eine zweite Zeile einzufügen klicken Sie auf "Reihe". Diese Button erscheint wenn Sie mit der Maus unter das Feld fahren.

Fügen Sie nun ein neues Feld ein wie z.B. das Feld "E-Mail".

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 (wenn Sie bei Stil des Formulars "Benutzerdefiniert" wählen)

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 oder diesen Nutzer zu einer Mailing-Liste hinzufügen.

p) Legen Sie fest an welche E-Mail-Adresse die Benachrichtigung des Formulars versendet werden soll bzw. ob im Bestätigungsmail auch die Beschreibungen der Textfelder angezeigt werden sollen.

Wechseln Sie in den Reiter "Farben".

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

Einstellungen Formular-Element

Wenn Sie auf das Element klicken, öffnen sich weitere Einstellungsmöglichkeiten für dieses Element.

Um die Einstellungen zu öffnen, klicken Sie auf dieses Symbol.

Wenn Sie die Farbe des Elements anpassen möchten, öffnen Sie diese Einstellungen.

Legen Sie nun die Farben für den Hintergrund, den Text und den Rahmen fest.

Hier können Sie die Ausrichtung des Inhalts innerhalb des Elementbereichs anpassen.

Um ein Element beim Scrollen zu bewegen, aktivieren Sie diese Einstellung.

Geben Sie nun an, an welcher Position das Element platziert werden soll, und legen Sie die Pixelangabe für den Bewegungseffekt fest.

Wenn Sie überlappende Elemente verwenden, können Sie hier die Reihenfolge des Elements ändern.

Bei Bedarf können Sie das Element drehen.

Wählen Sie nun den Drehwinkel und die Größe des Elements aus.

Um das Element zu kopieren, klicken Sie auf dieses Symbol.

Mit diesem Symbol markieren Sie das Element als Favorit. Dadurch kann es beim Hinzufügen eines neuen Elements automatisch in der Elementauswahl angezeigt und auf anderen Seiten wiederverwendet werden.

Wenn Sie das Element löschen möchten, klicken Sie auf dieses Symbol.

Element verschieben

Wenn Sie ein Element verschieben möchten, ziehen Sie es einfach in den Bereich, in dem es platziert werden soll.