Paramètres de base

Texte

Texte
Texte
BUTTON STYLE

Peut differer legerement de l interface reelle.

Apercu des modifications

Ce parametre s applique au texte du bouton.

Point clé :
Définit le libellé principal du bouton.

Impact :
La formulation influence directement compréhension et taux de clic.

Conseil :
Utiliser une formule courte avec verbe d'action (ex. « Commencer », « En savoir plus »).

Paramètres

  • Texte : Texte visible sur le bouton (valeur par défaut : BUTTON STYLE).

Un texte différent au survol peut être défini dans Animation de texte.

Texte
Texte
BUTTON STYLE

Peut differer legerement de l interface reelle.

Apercu des modifications

Ce parametre s applique au texte du bouton.

Balise

Balise
Balise HTML
Link
URL du lien
https://
Cible du lien
_self
rel Attribute
none
Titre du lien
aria-label
ID de suivi
Emplacement du bouton
ID

Peut differer legerement de l interface reelle.

Point clé :
Définit le tag HTML de sortie et ses attributs.

Impact :
Affecte la sémantique, le SEO, l'accessibilité et le tracking.

Conseil :
Utiliser Lien (<a>) pour la navigation, Bouton (<button>) pour les actions (formulaire/JS).

Paramètres

  • Balise HTML : Lien (<a>) / Bouton (<button>), défaut : Lien.

Quand Lien est sélectionné

Balise HTML
Balise HTML
Link

Peut differer legerement de l interface reelle.

Quand Lien est selectionne
URL du lien
https://
Cible du lien
Même page
Définir comment le lien s'ouvre
REL Attribute
Aucun
Paramètres SEO et sécurité
Titre du lien
Info-bulle affichée au survol

Peut differer legerement de l interface reelle.

  • URL du lien
  • Cible du lien (_self / _blank)
  • Attribut rel (noopener, noreferrer, Ne pas suivre)
  • Titre du lien

Avec target="_blank", rel="noopener" est ajouté automatiquement.

Quand Bouton est sélectionné

Quand Bouton est selectionne
Type de bouton
button

Peut differer legerement de l interface reelle.

  • Type de bouton : bouton / soumettre / réinitialisation

soumettre envoie le formulaire, réinitialisation efface les champs. bouton est le choix sûr par défaut.

Accessibilité :
si l'URL est vide ou #, role="button" est ajouté automatiquement.

Options communes

Options communes
ARIA-LABEL
Texte descriptif pour les lecteurs d'écran
ID de suivi
ID de clic pour GTM etc. (data-click-id)
Emplacement du bouton
Lieu de placement du bouton (data-button-location)
ID

Peut differer legerement de l interface reelle.

  • Étiquette pour aria
  • ID de suivi
  • Emplacement du bouton
  • Numéro d'identification

ID de suivi et Emplacement du bouton sont sortis en data-*. L'Numéro d'identification doit rester unique dans la page.