Formulare anlegen und der Drag-and-Drop-Builder

Formulare legen Sie im Reiter Forms an. Der Drag-and-Drop-Builder ersetzt die manuelle Pflege von Shortcode-Templates und ist für jede Formularsprache unabhängig.

Formulare verwalten

Die Liste im Reiter Forms zeigt zu jedem Formular Name, den Formular-Marker (Shortcode zum Kopieren), ob es aktiviert ist, den Formular-Typ sowie Erstellungs- und Aktualisierungsdatum. Über den Button Formular erstellen legen Sie ein neues Formular an.

Beim Bearbeiten eines Formulars pflegen Sie zunächst diese Grundfelder:

Darunter folgen die Sprachreiter: Für jede im Shop aktive Sprache pflegen Sie Felder und Texte unabhängig von den anderen Sprachen. Innerhalb einer Sprache stehen mehrere Unterreiter zur Verfügung, unter anderem Inhalt (Drag-and-Drop-Builder), Email-Einstellungen, Kunden-Email, Vordefinierte Meldungen, ID & Klassen, PopUp-Button, Anzeige-Einstellungen, Angebots-Einstellungen, Anfragen-Archiv und Newsletter. Diese Unterreiter stehen bei jedem Formular zur Verfügung; inhaltlich wirksam sind PopUp-Button- und Angebots-Einstellungen aber nur, wenn der entsprechende Formular-Typ gewählt ist.

Der Drag-and-Drop-Builder (Reiter „Inhalt“)

Im Builder-Unterreiter stehen drei Bereiche zur Verfügung:

• Links: Palette „Feldtypen“ – alle verfügbaren Feldtypen zum Einfügen in den Canvas. Das Plugin bietet genau 14 Feldtypen: Text, E-Mail, URL, Telefon, Mehrzeiliges Feld, Auswahl (Dropdown), Checkbox-Gruppe, Datei-Upload, JTL-Checkbox (AGB/DSGVO), JTL-Captcha, Cloudflare Turnstile, Absenden-Button, Umbruch sowie Custom HTML.
• Mitte: Canvas – die aktuelle Feldreihenfolge des Formulars. Felder lassen sich per Maus umsortieren; ein Klick auf ein Feld wählt es zur Bearbeitung aus. Über einen Geräte-Umschalter (Mobil, Tablet, Desktop, Wide) lässt sich die Vorschau auf unterschiedliche Bildschirmbreiten umstellen.
• Rechts: „Feld-Eigenschaften“ – die Optionen des ausgewählten Felds. Je nach Feldtyp stehen unter anderem zur Verfügung: Label, Feld-Name, Pflichtfeld, Platzhalter, Min./Max.-Zeichenzahl, Breite (size), Spalten/Zeilen (bei Mehrzeiligem Feld), Mehrfachauswahl und Optionen (bei Auswahl/Checkbox-Gruppe), Dateitypen und maximale Größe (bei Datei-Upload), Spaltenbreite im Bootstrap-Grid, CSS-Klasse, HTML-ID sowie ein Standardwert. Beim Custom-HTML-Feld pflegen Sie stattdessen den HTML-Inhalt.

Änderungen im Builder werden laufend in ein verborgenes Formularfeld übernommen. Gespeichert werden sie erst, wenn Sie im Formular unten auf Speichern oder Speichern & weiter bearbeiten klicken – der Builder speichert nicht automatisch im Hintergrund.

Erweiterter Modus

Im Reiter „Inhalt“ lässt sich pro Sprache der Schalter „Erweiterter Modus (Shortcode-Template statt Drag-Drop-Builder)“ aktivieren. Ist der Schalter aus, wird das Shortcode-Template beim Speichern automatisch aus den Builder-Feldern erzeugt. Schalten Sie ihn ein, können Sie das Template manuell als Text bearbeiten; der Builder wird beim Rendern dann ignoriert, es zählt nur noch der eingegebene Code. Das ist nur für fortgeschrittene Nutzer gedacht, die Shortcode-Optionen benötigen, die der Builder nicht abdeckt – zum Beispiel Radio-Buttons, die im visuellen Builder nicht als eigener Feldtyp zur Verfügung stehen, sich aber als Shortcode-Feld einfügen lassen.

Häufige Fragen zum Builder

Warum sind meine Feldreihenfolgen in Deutsch und Englisch unterschiedlich? Jede Sprache hat einen eigenen, unabhängigen Builder-Zustand. Eine Umsortierung in einer Sprache wirkt sich nicht auf die anderen Sprachen aus.

Support

Bei Fragen erreichen Sie uns über das Kontaktformular auf salepix.de. Bitte nennen Sie die Plugin-Version und Ihre JTL-Shop-Version.