Articles sur : Espaces

Widget CTA

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

Comment l'ajouter

Dans la barre de construction flottante en bas de l'éditeur, ouvrez la popover ⌄ All widgets (tous les widgets) et repérez CTA.
Faites-le glisser dans la Section visée. La popover l'édition du bouton (modifier le CTA) s'ouvre aussitôt.
Configurez-le (libellé, URL, couleurs, bordure, comportement).

La largeur du bouton s'ajuste automatiquement à son libellé (minimum 160 px) : un libellé plus long donne donc un bouton plus large.

La pastille de sélection — les contrôles CTA

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

Demander à l'IA (la marque IA en dégradé).
l'édition du contenu (modifier le contenu — icône de réglages) — ouvre la popover l'édition du bouton (voir plus bas). C'est là que vivent le libellé, le lien, les couleurs, la bordure et le comportement au survol.
Design (icône pot de peinture) — ouvre le panneau Design contextuel (Layout & corners / Spacing / Effects). Mieux vaut laisser Background et Border à la popover Edit CTA, puisque le remplissage du bouton est son arrière-plan visuel.
le menu ⋯ (plus) — Dupliquer (dupliquer) · Supprimer (supprimer).

(Pas de chips Open / S-M-L — un bouton n'a rien à ouvrir ni à redimensionner.)

Elle s'ouvre via l'icône de réglages de la pastille :

Libellé — le texte affiché sur le bouton (par ex. « Book a 15-min intro »)
Link URL (URL du lien) — la destination du clic (https://…)
Button color (couleur du bouton) — le remplissage d'arrière-plan (sélecteur de couleur / champ hexadécimal)
Font color (couleur du texte) — la couleur du libellé (sélecteur de couleur / champ hexadécimal)
Border (bordure) — un interrupteur. Quand il est activé, vous pouvez régler :
- Border color (couleur de la bordure)
- Width (épaisseur) — de 1 à 8 px
Open in new tab (ouvrir dans un nouvel onglet) — un interrupteur ; quand il est activé, la destination s'ouvre dans un nouvel onglet du navigateur, ce qui permet à l'acheteur de garder sa place dans l'Espace
Hover effect (effet au survol) — un contrôle segmenté : Dim (atténuer) · Glow (halo) · Scale (agrandir) · None (aucun)

Les changements s'appliquent en direct pendant la saisie — il n'y a pas de bouton Save ; cliquez en dehors pour fermer.

Le texte du bouton

Un bon texte de CTA :

Commence par un verbe — « Book a demo », « Download the brief »
Est précis — « Start your 14-day trial » vaut mieux que « Get started »
Signale une faible friction — « Book a 15-min intro » est moins intimidant que « Schedule a meeting »

Placement

À la fin d'une Section — une fois votre argumentaire posé, invitez à l'action
Après un bloc de tarifs — associez-le à un CTA « Talk to our team »
En haut d'une Section critique — quand toute la Section porte sur le passage à l'action

Un seul CTA principal par Section

La plupart des Espaces devraient avoir un seul CTA principal par Section — l'action la plus importante. S'il vous en faut plusieurs, rendez le principal visuellement plus fort (couleur plus soutenue, bouton plus grand) et les autres secondaires (couleur plus claire, bordure plus fine, ou un widget Lien à la place).

Réserver une réunion — le widget Réunion est en général plus adapté (intégration calendrier, récupération automatique des enregistrements et transcriptions)
Faire signer un document — utilisez le widget Signature pour les parcours de signature électronique
Renvoyer neutrement vers une ressource externe — utilisez le widget Lien ; il sert à dire « voici quelque chose », pas « faites ceci »

Articles associés

Mis à jour le : 26/10/2026

Cet article a-t-il répondu à vos questions ?

Merci !