Widget CTA

Le widget CTA (Call-to-Action) est un bouton stylisé qui incite l'acheteur à effectuer une action précise — réserver une réunion, accepter une proposition, démarrer un essai, télécharger une ressource.

Comment l'ajouter

1. Dans la barre d'édition en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover ⌄ Tous les widgets s'il ne s'y trouve pas.
2. Faites glisser le widget CTA sur la section cible.
3. Utilisez le menu flottant pour ouvrir le popover Modifier le CTA et configurez-le (libellé, URL, couleurs, bordure, comportement).

Le menu flottant — contrôles du CTA

Cliquez sur le bouton pour le sélectionner. De gauche à droite :

1. Modifier la ressource (icône curseurs) — ouvre le popover Modifier le CTA (voir ci-dessous). C'est là que se trouvent le libellé, le lien, les couleurs, la bordure et le comportement au survol.
2. Design (icône pinceau) — ouvre le Panneau Design contextuel (Mise en page & coins / Espacement / Effets). L'arrière-plan et la bordure sont ignorés ici — ils se trouvent dans le popover Modifier le CTA, puisque le remplissage du bouton est l'arrière-plan visuel.
3. ⋮ Plus — Modifier la ressource (identique à l'icône curseurs) · Dupliquer · Supprimer.

(Pas de pastilles Taille / Mode sombre / Remplacer / Étendre — un bouton n'a rien à redimensionner, à passer en mode sombre, à remplacer ou à étendre.)

Popover Modifier le CTA — tous les réglages

Ouvrez-le via l'icône curseurs du menu flottant (ou la même entrée dans le menu ⋮ Plus) :

• Libellé — le texte affiché sur le bouton (par ex. « Réserver une intro de 15 min »)
• URL du lien — la destination du clic (https://…)
• Couleur du bouton — couleur de remplissage (sélecteur de couleur / saisie hex)
• Couleur du texte — couleur du libellé (sélecteur de couleur / saisie hex)
• Bordure — activable/désactivable. Lorsqu'elle est activée, vous pouvez définir :
• Couleur de la bordure
• Épaisseur (px)
• Ouvrir dans un nouvel onglet — interrupteur ; lorsqu'il est activé, la destination s'ouvre dans un nouvel onglet du navigateur afin que l'acheteur conserve sa place dans l'Espace
• Effet au survol — au choix : Atténuer · Halo · Zoom · Aucun

Texte du bouton

Un bon texte de CTA :

• Commence par un verbe — « Réserver une démo », « Télécharger le brief »
• Est spécifique — « Démarrez votre essai de 14 jours » est plus efficace que « Commencer »
• Indique une faible friction — « Réserver une intro de 15 min » est moins intimidant que « Planifier une réunion »

Placement

• En fin de section — après avoir exposé vos arguments, invitez à l'action
• Après un bloc de tarification — associez à un CTA « Parler à notre équipe »
• En haut d'une section critique — lorsque toute la section porte sur le passage à l'action

Un CTA principal par section

La plupart des Espaces devraient comporter un CTA principal par section — l'action la plus importante. Si vous en avez besoin de plusieurs, rendez le principal visuellement plus fort (couleur plus marquée, bouton plus grand) et les autres secondaires (couleur plus claire, bordure plus fine, ou un Widget Lien à la place).

Quand choisir un autre widget

• Réserver une réunion — le Widget Réunion est généralement plus adapté (intégration calendrier, récupération automatique des enregistrements/transcriptions)
• Signer un document — utilisez le [Widget Signature](→ 02-rooms/05-widgets-conversion-engagement/03-signature-widget) pour les flux de signature électronique
• Référence neutre à une ressource externe — utilisez le Widget Lien ; il sert à dire « voici quelque chose », pas « faites cette chose »

Articles connexes

• Introduction aux widgets
• Widget Réunion
• [Widget Signature](→ 02-rooms/05-widgets-conversion-engagement/03-signature-widget)
• Widget Lien

Mis à jour le : 18/06/2026