Un composant est un configurateur pour un produit ou un groupe de produits spécifique. Cet article vous montre comment créer votre premier composant.
Qu'est-ce qu'un composant ?
Dans configento.app, chaque configurateur est appelé un composant. Un composant contient toutes les caractéristiques, valeurs de sélection, prix et règles pour un produit. Vous pouvez créer autant de composants que vous le souhaitez — un par produit ou groupe de produits.
Étape 1 : Ouvrir le backend V3
Connectez-vous sur service.configento.app et cliquez sur MANAGE V3 pour ouvrir le backend V3.
Le backend affiche l'aperçu des composants avec deux zones dans la navigation principale :
- Composants — tous vos configurateurs
- Paramètres — paramètres globaux du compte
Étape 2 : Créer un nouveau composant
Dans l'aperçu des composants, cliquez sur + Nouveau composant. Saisissez un titre — par ex. « Store standard » ou « Configurateur de carport » — et confirmez.
Alternative : importer un composant via Import ZIP depuis un autre compte.
Étape 3 : Paramètres de base
Après la création, le composant s'ouvre. Sous l'onglet Paramètres → Général vous trouvez :
| Paramètre | Description |
|---|---|
| Titre | Nom interne du composant |
| Titre affiché | Titre visible optionnel dans le configurateur |
| Langue par défaut | Par ex. Allemand (de_DE) |
| Affichage | Sans groupes / Onglets / Accordéon |
| Affichage du prix | Afficher le prix, type de prix, modèle de prix |
| Paramètres d'image | Image combinée, position de l'image |
Étape 4 : Ajouter des caractéristiques
Passez à l'onglet Caractéristiques dans le panneau de gauche. Cliquez sur + pour ajouter la première caractéristique. Dans le panneau PARAMÈTRES de droite configurez :
- Libellé — nom visible (par ex. « Couleur »)
- Nom interne (ID) — pour les formules (par ex. « couleur »)
- Catégorie de données — Caractéristique discrète / Saisie libre / Calcul / Frontend
- Type de données — Sélection, Boutons radio, Nombre, Texte etc.
Plus d'infos : Ajouter des caractéristiques & options
Étape 5 : Tester le configurateur
Cliquez sur Aperçu en haut pour voir le configurateur comme un client. Vérifiez :
- Toutes les caractéristiques s'affichent-elles correctement ?
- Les prix sont-ils calculés en temps réel ?
- Les règles (si présentes) fonctionnent-elles correctement ?
Remarque : L'aperçu nécessite une intégration HTML5 active sous Paramètres → Intégrations.
Étape 6 : Intégrer le configurateur
Quand le configurateur est prêt, intégrez-le dans votre boutique ou votre site web :
- Magento / Shopware → Installer le plugin Magento ou Installer le plugin Shopware
- WordPress, TYPO3 ou autre site web → Intégration extrait HTML
Utiliser l'agent IA à la place
Cliquez sur + Nouveau chat en bas à droite du backend et décrivez votre produit :
« Je vends des stores enrouleurs. Créez des caractéristiques pour la largeur (cm), la hauteur (cm), la couleur (12 options) et l'entraînement (chaîne / moteur). »
Plus d'infos : Agent IA : Créer un configurateur via le chat