 |
Nouveau Formulaire (WebConnector) |
|
Retour au sommaire
|
a) Choisir le champ WebConnector - Formulare. S'il existe déjà des formulaires, vous en avez un aperçu de la liste. b) Si vous désirez créer un nouveau formulaire, cliquez sur Nouveau formulaire. c) Si vous voulez modifier un formulaire existant, cliquez sur le nom de celui-ci dans la ligne où il se trouve. Vous commencer directement dans les réglages du formulaire. d) Avec EDIT vous pouvez modifier le nom et la description du formulaire, En cliquant sur le symbole de la poubelle vous détruisez le formulaire, En cliquant sur le symbole Dupliquer/cloner vous faites une copie du formulaire avec tous les réglages effectués. C'est une aide précieuse lors de la mise en plaec de plusieurs formulaires similaires (en série). |
 |
|
|
Avant de commencer à travailler sur le formulaire, prenez connaissances de la description ci-dessous, afin d'utiliser de façon optimale l'éditeur de formulaire: |
|
Choisir un formulaire
Créer un nouveau formulaireUne fois que vous avez choisi de créer un nouveau formulaire, où de modifier par le bouton EDIT un formulaire existant, vous arrivez dans la fenêtre d'édition. Cliquez sur " Nouveau " pour créer un nouveau formulaire. d) Choisissez la grandeur standard du formulaire. Les trois propositions correspondent aux formats d'affichage actuels des terminaux Le réglage par défaut est la taille moyenne de ce qui est suffisant pour la plupart des ordinateurs de bureau et ordinateurs portables.
Utilisez un modèle existantCliquez sur "Liste" pour sélectionner un modèle d' E-mail existant.
|
|
|
|
Fonctions de l'éditeur de formulaire d) Choisissez la largeur de votre formulaire e) Cliquez sur Sauvegarder pour enregistrer votre travail d) Choix de la police d'écriture |
|
|
| Insérer un nouveau champ au formulaire a) Un nouveau champ du formulaire peut-être insérer en faisant un Drag and Drop (Marquer le champ et en restant appuyé sur le bouton gauche de la souris déplacez-le dans la zone désirée b) Um das Formularfeld im Formular Container zu platzieren, muss das Feld in die grau hinterlegte Zeile verschoben werden. Sobald sich das Formularfeld im Bereich der Zeile befindet, färbt sich die Zeile automatisch blau ein. Nun können Sie die linke Maustaste lösen und das Formularfeld im Container platzieren. c) Mit den Formularen der Worldsoft Business Software können Sie auch mehrspaltige Formulare erstellen. Wenn Sie eine neue Spalte in Ihrem Formular hinzufügen möchten, verschieben Sie ein Formularfeld direkt neben dem bereits bestehenden Formularfeld. Der Bereich neben dem bestehenden Feld wird automatisch orange eingefärbt wenn das neue Formularfeld seine richtige Position erreicht hat. Lösen Sie nun die linke Maustaste um eine neue Formularspalte zu erstellen. |
|
|
| Modifier le champ du formulaire Wenn Sie mit Ihre Maus über ein Formularfeld bewegen, öffnen sich automatisch weitere Einstellungsmöglichkeiten. a) Halten Sie die linke Maustaste gedrückt um das Formularfeld an eine andere Position im Formular zu verschieben. b) Um die Grösse des Feldes zu vergrössern oder zu verkleinern, halten Sie die linke Maustaste gedrückt und ziehen Sie das Formularfeld nach links oder rechts. Tipp: Füllen Sie mit Ihren Formularfeldern die gesamte Grösse des Editors aus. Standardmässig sind im Editor platz für 3 Spalten. Sie können jedoch bis zu 12 Spalten einfügen. Sollten Sie nur 1 oder 2 Spalten benötigen, ändern Sie bitte die Grösse der Felder so ab, dass die Felder die gesamte Fläche des Editors nutzen. c) Klicken Sie auf "CSS" um die CSS-Einstellungen für das Formulargeld vorzunehmen. In den CSS-Einstellungen des Formularfeldes können Sie die Schriftart, Schriftgrösse, Ausrichtung uvam für das Formularfeld festelgen. d) Mit dem Klick auf das "Stift" Symbol können Sie Einstellungen wie die Beschiftung des Feldes, die Optionen des Feldes und auch die Validierung des Feldes definieren. e) Klicken Sie auf das "X" Symbol um das Feld aus dem Editor zu entfernen. |
 |
|
| CSS-Einstellungen Formularfeld a) Wählen Sie im ersten Schritt aus was Sie bearbeiten möchten. b) Legen Sie die Schriftart fest. c) Legen Sie die Schriftgrösse fest. d) Wählen Sie ob der Text fett, kursiv oder unterstrichen angezeigt werden soll. e) Definieren Sie die Ausrichtung der gewählten Eigenschaft. f) Klicken Sie auf eine der Ecken um diese Ecke in der gewählten Eigenschaft abzurunden. g) Legen Sie den Radius der Rundung fest. h) Vergeben Sie die Farbe des Texts. i) Vergeben Sie die Hintergrundfarbe. j) Legen Sie hier das aussehen des Rands fest. |
 |
|
| Grundeinstellungen Formularfeld Beachten Sie, dass die Grundeinstellungen von der Art des Formularfelds abhängig sind. a) Name des Formularfelds. b) Geben Sie den Text ein der im Formularfeld angezeigt werden soll. Wenn Sie keinen Text eingeben bleibt das Feld leer. c) Legen Sie hier die CSS-Klasse für die Grösse des Formularfelds fest. d) (Reiter Validierung) Setzten Sie ein "häkchen" wenn Sie möchten das das Formularfeld ein Pflichtfeld im Formular ist. e) Wählen Sie aus welcher Inhalt in das Formularfeld eingeben werden kann. Weicht der eingegebene Text von den Einstellungen ab wird dem Interessenten automatisch eine Meldung angezeigt. f) Legen Sie die Mindeslänge des Inhalts im Formularfeld fest. g) Legen Sie die Maimallänge des Inhalts im Formularfeld fest. |
 |
|
| CSS-Einstellungen Formular Klicken Sie auf "Formular Stil" um die CSS-Einstellungen für das gesamte Formular anzupassen. In den Einstellungen können Sie das CSS für das Formular, die Labels, die Felder und die Platzhalter definieren. a) Wählen Sie aus für welches Formulareigenschaft Sie die CSS-Einstellungen Sie vornehmen möchten. Je nach Auswahl werden Ihnen unterschiedliche Einstellungsmöglichkeiten angezeigt. In unserem Beispiel bearbeiten wir die CSS-Einstellungen des Formulars. b) Legen Sie die Hintergrundfarbe des Formulars fest. c) Fügen Sie hier den Link zur Hintergrundgrafik des Formulars ein. d) Wählen Sie die Position der Hintergrundgrafik aus. e) Wählen Sie nun ob die Hintergrundgrafik wiederholt werden soll. |
 |
|
| CSS-Vorlagen a) Neben der Möglichkeit ein eigenes CSS für das Formular zu definieren, können Sie auch aus Vorlagen wählen. Klicken Sie auf den Button "Vorlagen" um die CSS-Vorlagen zu öffnen. b) Klicken Sie auf einen der Pfeile um nach links oder rechts zu navigieren. c) Standardmässig ist eine leere CSS-Vorlage ausgewählt. d) Wählen Sie eine gewünschte CSS-Vorlage aus. Nachdem Sie auf die Vorlage geklickt haben, werden die Einstellungen direkt im Formular darunter angezeigt. Klicken Sie nochmals auf den Button "Vorlagen" um die Vorlagen zu schliessen. Um das Formular zu speichern, klicken Sie auf den Button "Aktualisieren". |
 |
|
| Vorschau des erstellen Formulars a) Klicken Sie nachdem Sie das Formular gespeichert haben auf "Vorschau". Nun öffnet sich ein neues Tab in Ihrem Browser mit der Vorschau des erstellten Formulars. b) In der Vorschau wird Ihnen das Formular so angezeigt wie es auch auf Ihrer Website angezeigt werden würde. Die Formulare der Worldsoft Business Software sind für mobile Endgeräte optimiert und somit optimal für den Einsatz im Responsive Design einer Website. Nachdem Sie alle Einstellungen durchgeführt haben und das Formular in der Vorschau Ihren Vorstellungen entspricht, klicken Sie auf "Schritt vorwärts" um zu den Einstellungen des Formulars weitergeleitet zu werden. |
|
|
| Formulareinstellungen a) Formularnamen abändern. b) Formularbeschreibung abändern. c) Legen Sie hier den Title des Formulars fest. Der Titel wird über dem Formular angezeigt. d) Geben Sie hier den Text der Dankeseite ein. e) Geben Sie hier den Link zu Ihrer Dankeseite ein. f) Wählen Sie aus, ob Sie auf Ihren Link oder auf den vorher eingegeben Text nach dem absenden des Formulars verlinken möchten. g) Wählen Sie den Benutzer aus der die Daten des ausgefüllten Formulars zugesandt bekommt. h) Geben Sie die maximale Breite des Formulars ein. Da alle Formulare der WBS für das Responsive Design optimiert sind, werden die Grössendefinitionen in max. Breite und max. Höhe definiert. Max. Breite/Höhe bedeutet, dass das Feld max. diese Breite/Höhe annehmen kann. i) Geben Sie die maximale Höhe des Formulars ein. j) Sie haben die Möglichkeit ein eigenes CSS an das Formular anzubinden. Geben Sie hier die URL zur gewünschten CSS Datei an. k) Wenn Sie keine URL zur Verfügung haben, können Sie auch direkt CSS Befehle eingeben. l) Jedem Formular können Prozesse angehängt werden. Wählen Sie hier welcher Prozesse nach dem ausfüllen des Formulars ausgeführt werden soll. Klicken Sie auf "Regel hinzufügen" um eine neue Regel zu erstellen. m) Die definierten Regeln werden nach dem absenden des Formular ausgeführt. Folgende Regeln stehen Ihnen zur Verfügung: Zum Affiliate-Netzwerk hinzufügen Bestehende Gruppe ersetzen Lead-Manager Projekt zuweisen System E-Mail anbinden AddAffiliate Neue Gruppe hinzufügen E-Mail anbinden n) Je nachdem welche Regel Sie ausgewählt haben, stehen Ihnen hier die bereits angelegten Eigenschaften der Regel zur Verfügung. o) Fügen Sie eine weitere Regel hinzu. p) Löschen Sie eine Regel. q) Klicken Sie auf den "Speichern" Button um Ihre Einstellunge zu speichern. Um zum nächsten Schritt zu gelangen, klicken Sie ganz oben auf den Button "Schritt vorwärts". |
|
|
| Script für den Einbau des Formulars Um das Formular anzusehen oder einzubinden werden Ihnen im letzten Schritt ein Link und ein Script angezeigt. a) Mit diesem Link erhalten Sie eine Vorschau des Formulars. b) Benutzen Sie dieses Script um das Formular in die Website einzubinden. Eine detailierte Anleitung über das Einbinden auf eine Website finden Sie hier: Formular auf Website einbinden |
 |
