Bouton d'appel à l'action¶
Un bouton d'appel à l'action (CTA) est un bouton d'action centré. Utilisez ce bloc pour donner au visiteur une étape suivante claire : prendre contact, télécharger un document, ouvrir un formulaire, sauter vers une autre page.
Comment cela apparaît sur le site¶
Champs¶
| Champ | Type | Obligatoire | Contenu |
|---|---|---|---|
| Bouton | Champ Lien avec texte personnalisable | Oui | Destination + texte visible du bouton. |
Le champ Lien est un champ composé. Vous choisissez d'abord le type de destination, puis vous remplissez les détails et, en option, un texte personnalisé pour le bouton.
Types de destination disponibles¶
- Page (
entry) — une autre page de ce site - URL — un lien externe (ex. vers
cbc.be) - E-mail — ouvre le client mail du visiteur avec cette adresse pré-remplie
- Téléphone — ouvre l'application téléphone avec ce numéro (surtout utile sur mobile)
- Fichier (
asset) — lien vers un document dans Ressources (ex. une brochure PDF)
Texte personnalisé sur le bouton¶
Par défaut, le bouton affiche « En savoir plus » (FR) ou « Lees meer » (NL). Vous voulez un autre texte ? Cochez Texte personnalisé et tapez ce qui doit apparaître sur le bouton, par ex. « Prendre rendez-vous », « Télécharger la brochure », « Nous contacter ».
Ouvrir dans une nouvelle fenêtre¶
Pour les liens externes, vous pouvez mettre cible = _blank. Le bouton s'ouvre alors dans une nouvelle fenêtre et le visiteur reste sur votre site. Sur le bouton apparaît une petite icône de lien externe. À éviter pour les liens internes — c'est troublant pour le visiteur.
Comment cela s'affiche¶
- Le bouton est centré dans sa propre section, avec un espace blanc au-dessus et en dessous.
- Le style suit la charte du site (bleu KBC ou rouge CBC, selon le thème).
- Liens externes → petite icône de lien externe après le texte.
- Liens internes → icône chevron (
>) après le texte.
Bons textes de bouton¶
- Verbe en tête, but clair : « Calculez votre prime », « Demandez un rendez-vous », « Consultez nos heures d'ouverture ».
- Court : 2 à 5 mots. « Cliquez ici » ne dit rien — utilisez toujours la destination comme texte.
- Pas « plus d'info » — sans valeur pour le SEO et l'accessibilité. Soyez spécifique.
- Pas identique au titre au-dessus, sinon c'est redondant.
Quand utiliser un CTA¶
- À la fin d'une page comme conclusion (« Prêt à démarrer ? Prenez rendez-vous »).
- Après un bloc d'explication où le visiteur veut cliquer pour en savoir plus.
- Pas plus d'un à deux CTA par page — sinon chaque bouton perd son attention.
Erreurs fréquentes¶
- Trois CTA l'un sous l'autre — le visiteur ne choisit rien. Prenez une action principale et laissez les actions secondaires de côté ou comme simples liens dans le texte.
- CTA vers une page qui n'existe pas — vérifiez dans Aperçu que le bouton fonctionne avant publication.
- Lien externe sans cible = nouvelle fenêtre — le visiteur perd votre site. Cochez toujours pour les URL externes.
- Pas de texte personnalisé, ce qui fait afficher partout « En savoir plus ». Un texte plus spécifique est presque toujours meilleur.
CTA pour un lien téléphone
Sur mobile, un lien téléphone est un CTA très puissant : un tap et le visiteur appelle votre bureau. Texte : « Appelez-nous : 02 123 45 67 ». Type : Téléphone.