Eine Komponente ist ein Konfigurator für ein bestimmtes Produkt oder eine Produktgruppe. Dieser Artikel zeigt wie du deine erste Komponente anlegst.
Was ist eine Komponente?
In configento.app wird jeder Konfigurator als Komponente bezeichnet. Eine Komponente enthält alle Merkmale, Auswahlwerte, Preise und Regeln für ein Produkt. Du kannst beliebig viele Komponenten anlegen — eine pro Produkt oder Produktgruppe.
Schritt 1: V3-Backend öffnen
Melde dich unter service.configento.app an und klicke auf MANAGE V3 um das V3-Backend zu öffnen.
Das Backend zeigt die Komponenten-Übersicht mit zwei Bereichen in der Hauptnavigation:
- Komponenten — alle deine Konfiguratoren
- Einstellungen — globale Account-Einstellungen
Schritt 2: Neue Komponente anlegen
In der Komponenten-Übersicht findest du den Button + Neue Komponente. Klicke darauf, vergib einen Titel — z.B. „Rollo Standard" oder „Carport Konfigurator" — und bestätige.
Alternativ: Komponente per ZIP importieren aus einem anderen Account übernehmen.
Schritt 3: Grundeinstellungen
Nach dem Anlegen öffnet sich die Komponente. Im Tab Einstellungen → Allgemein findest du:
| Einstellung | Beschreibung |
|---|---|
| Titel | Interner Name der Komponente |
| Überschrift | Optionale sichtbare Überschrift im Konfigurator |
| Standardsprache | z.B. Deutsch (de_DE) |
| Darstellung | Keine Gruppen / Tabs / Accordion |
| Preisanzeige | Preis anzeigen, Preistyp, Preismuster |
| Bildeinstellungen | Kombiniertes Bild, Bildposition |
Schritt 4: Merkmale anlegen
Wechsle zum Tab Merkmale in der linken Leiste. Klicke auf + um das erste Merkmal anzulegen. Im rechten EINSTELLUNGEN-Panel konfigurierst du:
- Bezeichnung — sichtbarer Name (z.B. „Farbe")
- Interner Name (ID) — für Formeln (z.B. „farbe")
- Datenkategorie — Diskretes Merkmal / Freie Eingabe / Calculation / Frontend
- Datentyp — Auswahl, Radio Buttons, Zahl, Text etc.
Mehr dazu: Merkmale & Optionen anlegen
Schritt 5: Konfigurator testen
Klicke oben auf Vorschau um den Konfigurator wie ein Kunde zu sehen. Du kannst Optionen auswählen und prüfen ob:
- Alle Merkmale korrekt angezeigt werden
- Preise in Echtzeit berechnet werden
- Regeln (falls vorhanden) korrekt greifen
Hinweis: Die Vorschau erfordert eine aktive HTML5-Integration unter Einstellungen → Integrationen. Aktiviere den HTML5-Toggle einmalig um die Vorschau zu nutzen.
Schritt 6: Konfigurator einbinden
Wenn der Konfigurator bereit ist, bindest du ihn in deinen Shop oder deine Website ein:
- Magento / Shopware → Magento-Plugin installieren bzw. Shopware-Plugin installieren
- WordPress, TYPO3 oder andere Website → HTML-Snippet Integration
Per KI-Agent noch schneller
Du kannst deine Komponente direkt per Chat aufbauen. Klicke auf + Neuer Chat unten rechts im Backend und beschreibe dein Produkt:
„Ich verkaufe Rollos. Bitte lege Merkmale für Breite (cm), Höhe (cm), Farbe (12 Optionen) und Antrieb (Kette / Motor) an."
Der KI-Agent legt alle Merkmale automatisch mit den richtigen Datentypen an. Mehr dazu: KI-Agent: Konfigurator per Chat aufbauen