Its.shop Formulare

Aus ITscope GmbH - Wissensbasis

Der Formulargenerator ist das perfekte Baukastensystem, um individuelle Kontakt-, Support und Serviceformulare für die Storefront zu generieren. Formulare können dabei ganz nach individuellen Anforderungen des Shopbetreibers im Shopware-Backend zusammen-geklickt werden. Der its.shop generiert dann entsprechende Links, die auf einfache Art und Weise in die Storefront integrierbar sind und danach automatisch im Look & Feel des eingesetzten Templates erscheinen.

Tutorial: Eigenes Formular erstellen

In diesem Tutorial möchten wir es dem Kunden ermöglichen ein kurzes Feedback über den Shop zu schreiben und ggf. eine Antwort des Shopbetreibers zu erhalten. Dafür werden mehrere Arten von Eingabefeldern benötigt, wie Textfelder, Radio-Button oder Checkboxen.

Bild 1 - Formulare öffnen

Bild 2 - Formular erstellen

Bild 3 - Eingabefelder erstellen

Bild 4 - Fertiges Formular in der Storefront

Schritt 1: Login und Fenster aufrufen
Nach dem Login in das Shopbackend wird das Fenster "Formulare" aufgerufen. Dies geschieht über "Inhalte -> Formulare".

Schritt 2: Formular anlegen und speichern
Nun ist die aktuelle Formularliste einsehbar. Unter ihr befindet sich ein Button (anlegen), der das Anlegen neuer Formulare ermöglicht. Jetzt kann ein neues Formular erstellt werden. Unter Name tragen wird die Bezeichnung für das Formular angegeben, es dient dazu, um es später wiederfinden zu können. Unter Email wird die gewünschte Zieladresse angegeben und unter Betreff der gewünschte Betreff.

Unterhalb der Emaileinstellungen, befindet sich
der typische its.shop Texteditor. In dieses Feld kann eine Anmerkung zum Formular geschrieben werden (siehe Bild 2).

Der zweite Texteditor dient dem Kunden eine Bestätigungsnachricht anzeigen zu lassen, sobald er das Formular komplett ausgefüllt hat.

Der Bereich Felder bearbeiten,
dient dazu die einzelnen Eingabefelder einzufügen (siehe Bild 3).

Kurze Beschreibung der jeweiligen Spalten:

• Name:
  • Gibt den Namen in der HTML-Vorlage an
• Bezeichnung:
  • Ist einmal die Bezeichnung des Textfeldes und zugleich der Text, welcher neben dem Eingabefeld im Storefront angezeigt wird
• Typ:
  • Es gibt sieben Typen von Eingabefeldern:
    • Eingabefeld: Einspaltiges Textfeld, in das vom Benutzer eingetragen werden kann (z.B. Artikelnummern, Betreff etc.)
    • Zwei Eingabefelder: Nützlich bei, Vor- und Nachnamen oder bei Straßennamen mit Straßennummer
    • Radiobutton: Der Benutzer muss sich zwischen Einen von Mehreren Werten entscheiden
    • Auswahlfeld: Das gleiche Prinzip, wie ein Radiobutton, nur dass die Werte in einer "Drop-Down" dargestellt werden
    • Textfeld: Drei- oder mehrspaliges Eingabefeld, welches mit längeren Texten gefüllt werden kann, wie z.B. Nachrichten oder Bewertungen
    • Checkbox: Bei einer Checkbox kann ein Häkchen gesetzt werden, nützlich bei Anfragen, ob der Kunde einen Newsletter abonnieren möchte.
    • Email: Verlangt vom Benutzer, eine Email-Adresse zu hinterlegen.
• Aussehen:
• Position:
  • Die Elemente können wie auf einer Hierarchieebene angeordnet werden. 0 setzt das Element an die oberste Position. Die höchste Zahl hingegen auf die Unterste. Bleiben die Werte alle auf 0, so werden die Elemente nach dem Erstelldatum sortiert (das Älteste zuerst).
• Optionen:
  • Werte, die in Auswahlfelder, Checkboxen oder Radiobuttons ausgewählt werden können. Werden mehrere Werte verwendet, so müssen sie mit einem Semikolon getrennt werden (z.B. Wert1;Wert2)
• Kommentar:
  • Die Bezeichnungen sollten immer schön kurz gehalten werden, so vermeidet man Zeilenumbrüche, die den Besucher nur verwirren. Wenn man jedoch lange Fragen formulieren möchte, so kann man diese unterhalb der Eingabefelder mit einem Kommentar genauer beschreiben.
• Fehlermeldung:
• Eingabe erforderlich:
  • Hier kann bestimmt werden, ob es sich bei dem Eingabefeld um ein Pflichtfeld handelt oder nicht. Sollte bei Namen, Emailadresse und/oder Hausnummern gesetzt sein.