Elemente und Feld Typen

Ein Konfigurator besteht aus Elementen, die du im Reiter Elemente zu einem Formular zusammenstellst. Es gibt drei Gruppen: Eingabefelder (erzeugen einen Wert), Gestaltungselemente (reine Anzeige) und Struktur-Elemente (ordnen das Layout). Struktur-Elemente werden gesondert unter Layout und Wiederholbarer Bereich beschrieben.

Versionshinweis: Die Eingabefelder stehen in jeder Version zur Verfügung. Gestaltungs- und Struktur-Elemente sind Teil der Premium-Version – in anderen Versionen werden sie in der Typ-Auswahl angezeigt, sind aber deaktiviert (siehe Versionen).

Gemeinsame Einstellungen

Viele Felder teilen sich dieselben Einstellungen:

• Beschriftung: der angezeigte Feldname (übersetzbar).

• Technischer Bezeichner: ein eindeutiger Schlüssel pro Konfigurator (z. B. farbe). Unter diesem Namen wird der Wert gespeichert und ist in Formeln als fields.farbe ansprechbar.

• Platzhalter: grauer Hinweistext im leeren Feld (übersetzbar).

• Pflichtfeld: erzwingt eine Eingabe vor dem Hinzufügen zum Warenkorb.

• CSS-Klasse: zusätzliche Klassen für individuelles Styling.

• Status: Aktiv, Deaktiviert (sichtbar, nicht bedienbar), Schreibgeschützt oder Versteckt.

• Im Konfigurator anzeigen / Im Checkout anzeigen: steuert, ob das Feld im Formular bzw. in der Warenkorb-Übersicht erscheint.

Außerdem hat jedes Feld einen Bedingungen-Reiter (siehe Bedingte Sichtbarkeit) und – bei passenden Typen – einen Info-Bereich für ein Hilfe-Popover (Text, Bild oder Video).

Eingabefelder

Feldtyp	Beschreibung
Textfeld	Einzeiliger Text, z. B. für Namen oder Gravurtexte.
Zahl	Numerische Eingabe mit optionalem Minimum, Maximum und Schrittweite.
Mehrzeiliger Text	Größeres Textfeld für längere Eingaben.
Auswahlliste (Dropdown)	Einfachauswahl aus mehreren Optionen. Unterstützt Farb-/Bild-Swatches.
Checkbox-Gruppe	Mehrfachauswahl – der Kunde kann mehrere Optionen ankreuzen.
Radio-Buttons	Einfachauswahl als Button-/Punkt-Liste.
Schalter (Toggle)	Ein/Aus-Auswahl (Ja/Nein).
Schieberegler	Wertauswahl per Slider mit Minimum, Maximum und Schrittweite.
Datum	Datumsauswahl mit optionalem Min-/Max-Datum.
E-Mail	Textfeld mit E-Mail-Prüfung.
Telefon	Textfeld mit Telefonnummer-Prüfung.
Zwischenergebnis	Kein Eingabefeld, sondern ein berechneter Anzeigewert (z. B. „Fläche: 1,50 m²"), der sich live aktualisiert. Wird über eine Formel befüllt.

Auswahllisten, Checkbox-Gruppen und Radio-Buttons besitzen einen Options-Editor – mehr dazu unter Optionen und Bild Selektor.

Gestaltungselemente

Diese Elemente erzeugen keinen Wert, sondern strukturieren und erklären das Formular:

Element	Beschreibung
Überschrift	Hebt einen Abschnitt hervor.
Trenner	Eine horizontale Linie zwischen Bereichen.
Abstand	Fügt vertikalen Leerraum ein.
Rich-Text	Frei formatierter HTML-Inhalt (Editor).
Erklärtext	Ein formatierter Hinweisblock.
Hinweis: Erfolg / Info / Warnung / Fehler	Farbige Hinweisboxen (grün, blau, orange, rot) für wichtige Mitteilungen.

Das Info-Popover

Vielen Eingabefeldern kannst du im Info-Reiter eine Zusatzinformation mitgeben – als Text, Bild oder Video (YouTube/Vimeo, datenschutzfreundlich eingebettet). Die Position ist wählbar, z. B. unter der Beschriftung, links/rechts vom Feld oder als Info-Icon, das ein kleines Fenster öffnet. So gibst du Hilfestellung, ohne das Formular zu überladen.

Tipp: Halte Beschriftungen kurz und nutze das Info-Popover für Erklärungen. Das hält dein Formular aufgeräumt und senkt Rückfragen.