Form Builder Pro: Formulare erstellen
So erstellst du mit Form Builder Pro eigene Formulare und bindest sie an beliebiger Stelle in deinem JTL-Shop ein.
- 2 Min. Lesezeit
Mit Form Builder Pro erstellst du beliebige Formulare direkt im JTL-Shop und zeigst sie an frei wählbaren Stellen an – zum Beispiel auf CMS-Seiten, der Startseite, Produktdetailseiten oder Landingpages.
Typische Einsatzbereiche sind Kontaktformulare, Angebotsanfragen, Datei-Uploads wie Druckdaten, Bewerbungen, Support-Anfragen und individuelle Projektanfragen.
1. Plugin installieren
- Öffne im Backend Plugins > Pluginverwaltung und lade die ZIP-Datei über „Upload“ hoch.
- Installiere und aktiviere das Plugin.
Mehr dazu im Artikel Plugin installieren.
2. Formular erstellen
- Allgemeine Angaben: Lege Bezeichnung, Einleitungstext, Empfänger und Button-Beschriftung fest. Am Einleitungstext erkennst du später, aus welchem Formular eine Anfrage stammt.
- Felder anlegen: Vergib für jedes Feld einen Namen, wähle den Typ und die Breite und speichere das Feld.
- Platzierung: Lege fest, wo das Formular angezeigt wird.
- Anzeigeart: Wähle „Inline“, wenn das Formular direkt sichtbar sein soll, oder „Modal“, wenn es sich erst nach einem Klick auf einen Button öffnet. Das Modal eignet sich besonders für Produktdetailseiten.
3. Formular einbinden
Du hast zwei Möglichkeiten:
- OnPage Composer: Füge das Portlet „Forms“ an der gewünschten Stelle ein.
- CSS-Selektor: Gib einen CSS-Selektor an, an dem das Formular eingefügt wird.
Was passiert mit den eingegebenen Daten?
Alle Felder und hochgeladenen Dateien werden an die hinterlegte Empfänger-E-Mail gesendet.
Die maximale Größe für Uploads stellst du im Reiter „Einstellungen“ ein. Standardmäßig sind es 5 MB.
Anbindung an ein CRM
Nach dem erfolgreichen Absenden löst das Plugin ein Event über den JTL-Event-Dispatcher aus. Das Event enthält alle geprüften Formulardaten sowie Metainformationen wie Formular-ID, Feldwerte, Dateiinformationen und Zeitstempel.
Darüber kannst du die Daten strukturiert an externe Systeme weitergeben, zum Beispiel an ein angebundenes CRM.
Spamschutz
Mit dem Plugin Friendly Captcha werden auch deine Formulare aus Form Builder Pro automatisch vor Spam geschützt.