Versions Compared

Old Version 2

changes.mady.by.user Moritz Gysel (Unlicensed)

Saved on

compared with

New Version 3

changes.mady.by.user Tobia Prezioso (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

→ Layout → CMS → Contact Form

Mit dem Form Builder können individuelle Formulare erstellt werden.

...

Image Added


Note

Der Form Builder muss von ProSeller aktiviert werden und die Unterstützung für das Einrichten ist kostenpflichtig.

Für weitere Infos kontaktieren Sie bitte ProSeller unter der Mail Adresse ProSeller AG - Helpdesk <helpdesk@proseller.ch> mit dem Stichwort "Form Builder Info".

Nach erfolgter Freischaltung finden Sie den Form Builder im Admin Bereich unter :

→ Layout → CMS → Contact Form

Image Removed

Übersicht über die verschiedenen Formularelemente

Zur Verwendung im Formular stehen Ihnen 9 verschiedene Formularelemente zur Verfügung, die nachfolgend einzeln erklärt werden:

Child pages (Children Display)

Expand

Beispiel: Formular zur Teilnahme an einem Gewinnspiel

Image Modified

Hier wurden folgende Formularfelder verwendet:

  1. Text - Name "Name", Class-Attribute "form-control", Zwingend "Ja"
  2. Email - Name "Email", Class-Attribute "form-control", Zwingend "Ja"
  3. Radiobuttons - Name "Antwort", Class-Attribute "form-control", Optionen "Tiger,Elefant,Blauwal"
  4. reCaptcha - Class-Attribute "form-control"
  5. Absenden - Name "Submit", Label "Jetzt teilnehmen!", Class Attribute "btn btn-primary"

Der HTML-Code für das Beispielformular:

<div class="form-group">
<label> Ihr Name*:</label>
[Text name="Name" class="form-control" required="1"]
</div>

<div class="form-group">
<label> Ihre Email-Adresse*:</label>
[Email name="Email" class="form-control" required="1"]
</div>

Wie lautet die richtige Antwort?
<div class="form-group">
[Radios name="Antwort" options="Tiger,Elefant,Blauwal"]
</div>

<div class="form-group">
[Captcha class="form-control"]
</div>

<div class="form-group">
[Submit name="Submit" label="Jetzt teilnehmen!" class="btn btn-primary"]
</div>

...

Image AddedDownload HTML-Code

_______________________________________________________________

Wenn das Formular erstellt wurde, muss eine neue Seite erstellt werden:

Layout/CMS/Site  → Neu

Image Modified


Binden Sie jetzt mit dem Button Shortcodes das neu erstellte Formular ein.

Image Modified


Image Modified


Diese neue Site können Sie wie üblich in die Website einbinden.

Bsp: ihrshopname.ch/de/page/formular1





Inhalt

Table of Contents