Mit Form Builder Pro erstellst du Formulare in kürzester Zeit. Die zentralen Funktionen sind bereits praxisnah vordefiniert, sodass du nicht jedes Detail manuell konfigurieren musst.
Der Fokus liegt klar auf Effizienz: schnelle Umsetzung, klare Struktur, keine unnötigen Einstellungen – nur das, was du wirklich brauchst.
Form Builder Pro – Highlights
- Unbegrenzt viele Formulare – einsetzbar für Landingpages, Artikel, Kategorien oder individuelle Content-Seiten
- Zentrale Verwaltung im JTL-Backend – alle Formulare übersichtlich an einem Ort
- Über 13 integrierte Feldtypen – u. a. Textfeld, Select, Checkbox, Datei-Upload und weitere
- Flexible Platzierung im Shop – per OnPage Composer oder gezielt über CSS-Selector
- Schnelle Erstellung direkt im Backend – ohne Umwege oder externe Tools
- Drag-&-Drop Sortierung – Felder einfach verschieben und strukturieren
- Individuelle Feldbreite pro Element – z. B. 25 %, 33 %, 50 % oder 100 %
- **Kopie an den Empfänger mit eigenem Text möglich inkl. Formularangaben
- **Weiterleitung auf eine frei definierbare Seite nach dem Absenden des Formulars (z. B. für Retourenanfragen)
- CRM-ready – vorbereitet für die strukturierte Weiterleitung der Daten an externe Systeme
Technische Flexibilität: OnPage Composer oder Selektor-Einbindung
Die eigentliche Stärke des Plugins liegt in der sauberen und flexiblen Integration in die JTL-Architektur. Statt Template-Dateien manuell anzupassen, stehen dir zwei professionelle Einbindungswege zur Verfügung:
Einbindung über den OnPage Composer (OPC)
Im JTL-Shop 5 ist der OnPage Composer das zentrale Werkzeug für Layout und Content.
Form Builder Pro liefert ein eigenes Portlet mit.
Vorgehen:
- Portlet im OPC an gewünschter Position platzieren
- Formular auswählen
- Speichern – fertig
Das Formular wird sauber gerendert, ohne Template-Anpassungen oder Code-Eingriffe.
Einbindung per CSS-Selektor
Für spezifische Anforderungen oder Positionen außerhalb klassischer OPC-Bereiche kannst du mit CSS-Selektoren arbeiten.
Beispiel:
Du möchtest ein „Produkt billiger gesehen“-Formular direkt unter dem Warenkorb-Button platzieren.
Definiere einfach den passenden Selektor – das Plugin injiziert das Formular automatisch exakt an dieser Stelle.
Das gibt dir maximale Kontrolle über die Positionierung, ohne das Template dauerhaft zu verändern.
Welche Daten werden übermittelt?
Es werden sämtliche im Formular erfassten Eingaben vollständig übertragen. Zusätzlich wird automatisch die URL der Seite übermittelt, auf der das Formular abgesendet wurde.
Die Übertragung erfolgt in klarer, strukturierter Form:
- Einleitungstext (z. B. Formularname oder Kontext)
- Shop-URL (exakte Seite der Anfrage)
- Feldname: Feldwert (alle ausgefüllten Formularfelder)
- Anhänge (z. B. hochgeladene Dateien)
Das sorgt für vollständige, nachvollziehbare und direkt weiterverarbeitbare Datensätze – ideal für Support, Vertrieb oder CRM-Anbindung.
Ihre Vorteile
- CRM-ready – vorbereitet für die strukturierte Weiterleitung der Daten an externe Systeme
- Individuelle Feldbreite pro Element – z. B. 25 %, 33 %, 50 % oder 100 %
- Schnelle Erstellung direkt im Backend – ohne Umwege oder externe Tools
- Zentrale Verwaltung im JTL-Backend – alle Formulare übersichtlich an einem Ort
- Kopie an den Empfänger mit eigenem Text möglich
13+ Feldtypen: Für jede Anforderung das passende Instrument
Ein Formular ist ein Conversion-Tool – kein Selbstzweck. Jeder Feldtyp im Form Builder Pro erfüllt eine konkrete Funktion innerhalb der Customer Journey und sorgt für saubere Datenerfassung ohne Reibungsverluste.
Hier die verfügbaren Typen und ihr sinnvoller Einsatz:
- Text – Einzeiliges Eingabefeld für kurze Angaben wie Name, Betreff oder Kundennummer.
- Textarea – Mehrzeiliges Feld für ausführliche Nachrichten, Anforderungen oder Projektbeschreibungen.
- E-Mail – Feld mit integrierter Syntax-Validierung zur Sicherstellung korrekter E-Mail-Adressen.
- Zahl – Numerisches Eingabefeld, ideal für Mengen, Maße oder Budgetangaben.
- Notiz – Reines Informationselement zur Darstellung von Hinweisen, Erklärungen oder Prozessinformationen.
- Datum – Datepicker zur komfortablen Auswahl von Terminen oder gewünschten Zeitpunkten.
- Farbe (Colorpicker) – Visuelle Farbauswahl für Individualisierungen oder Produktkonfigurationen.
- Dropdown (Select) – Kompakte Optionsliste für strukturierte Einzelauswahl.
- Radio – Auswahlfelder für genau eine Entscheidung, wenn Optionen klar gegeneinanderstehen.
- Checkbox – Für Mehrfachauswahl oder verpflichtende Bestätigungen (z. B. Einwilligungen).
- Schieberegler (Range) – Intuitive Werteauswahl über eine visuelle Skala.
- Datei-Upload – Upload-Funktion für Bilder, PDFs oder andere Dokumente.
- Hidden – Unsichtbare Felder zur Übergabe technischer Metadaten wie SKU, URL oder Kampagnenparameter.
Das Ergebnis: strukturierte Datenerfassung, weniger Rückfragen im Support und klar verwertbare Informationen für Vertrieb, CRM oder Automatisierungen.
