Le bouton d'action est l'élément avec lequel le client finalise sa configuration. Il se crée comme une caractéristique de type Frontend → Bouton d'action et dispose de paramètres propres que les autres types de caractéristiques n'ont pas.
Pour le configurateur de devis, le bouton d'action est l'élément de finalisation central — le client configure son produit et déclenche une action en un clic.
Ajouter un bouton d'action
- Ouvrir le composant → cliquer sur + à côté du groupe de caractéristiques dans l'arborescence de gauche
- Choisir Catégorie de données : Frontend
- Choisir Type de données : Bouton d'action
- Définir le libellé (par ex. « Demander un devis », « Acheter maintenant »)
- Configurer les paramètres du bouton dans le panneau PARAMÈTRES de droite
Dans le configurateur, le bouton apparaît avec le libellé « Enregistrer » — le texte affiché se configure via le libellé.
Paramètres de base
Dans le panneau PARAMÈTRES de droite, sous PARAMÈTRES DE BASE :
- Libellé — texte affiché sur le bouton
- Nom interne (ID) — identifiant unique
- Catégorie de données — Frontend
- Type de données — Bouton d'action
Sous COMPORTEMENT :
- Visibilité — Oui (visible) / Non (masqué) / Boutique uniquement / Backend uniquement
- Ordre — position dans le configurateur
- Classe CSS — classe CSS personnalisée facultative
PARAMÈTRES DU BOUTON
La section déterminante — disponible uniquement pour le bouton d'action :
Choisir une action
| Action | Description |
|---|---|
| URL personnalisée | Poster la configuration en JSON vers n'importe quelle URL (webhook) |
| Générer un PDF | Le PDF est généré et proposé au client en téléchargement |
| Envoyer un e-mail | Un e-mail avec l'aperçu de la configuration est envoyé |
| Envoyer un e-mail avec PDF | Un e-mail avec pièce jointe PDF est envoyé |
Paramètres PDF (pour les actions PDF)
- Nom du fichier — nom du fichier PDF
- Format — A4, A5, Letter, Legal
- Orientation — Portrait ou Paysage
- Contenu du PDF — éditeur de texte enrichi avec des espaces réservés
Paramètres e-mail (pour les actions e-mail)
- Champ destinataire — quelle caractéristique contient l'adresse e-mail du client (par ex. « email »)
- BCC — adresse BCC facultative (par ex. pour une copie interne au service commercial)
- Objet — objet de l'e-mail avec des espaces réservés
- Contenu de l'e-mail — éditeur de texte enrichi avec des espaces réservés
L'adresse d'expéditeur provient des Paramètres → Envoi d'e-mails globaux.
Redirection après action
URL optionnelle vers laquelle le client est redirigé après l'action.
Espaces réservés
Les espaces réservés suivants sont disponibles dans le contenu du PDF et dans le contenu de l'e-mail :
| Espace réservé | Description |
|---|---|
{{date}} |
Date actuelle |
{{time}} |
Heure actuelle |
{{component_title}} |
Nom du composant |
{{configuration_table}} |
Tableau de toutes les caractéristiques et options sélectionnées |
{{characteristic:NOM.value}} |
Valeur d'une caractéristique précise (NOM = nom interne) |
Exemple : {{characteristic:email.value}} renvoie la valeur de la caractéristique dont l'ID est « email ».
Branding
Pour que les e-mails et les PDF respectent votre charte graphique, enregistrez votre branding de façon globale sous Paramètres → Branding : logo, couleur primaire, police, en-tête et pied de page (par langue), mentions légales.
Plusieurs boutons
Si vous souhaitez proposer différentes actions, créez simplement plusieurs caractéristiques de type bouton d'action. Chaque bouton dispose de sa propre action et de son propre modèle.