Les blocs Bouton

Créez des boutons de liens visuellement attrayants pour diriger les visiteurs vers des informations ou du contenu importants que vous souhaitez mettre en avant.

Dernière mise à jour le 24 janvier 2025

Utilisez les blocs de boutons pour ajouter des boutons ou des appels à l’action sur votre site. Les blocs Bouton peuvent rediriger vers des pages de votre site web, d’autres sites Web, des fichiers téléchargeables, des adresses e-mail ou des numéros de téléphone.

Regarder une vidéo

Ajouter un bloc Bouton

Pour ajouter un bloc Bouton :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou un point d’insertion, puis sélectionnez Bouton dans le menu.Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Pour ouvrir l’éditeur de bloc, cliquez sur l’icône crayon dans la barre d’outils du bloc.
  3. Dans l’onglet Contenu, cliquez sur le champ Texte pour modifier le texte par défaut En savoir plus. Nous vous recommandons de limiter le texte des boutons à 25 caractères.
  4. Cliquez sur Joindre le lien et ajoutez une adresse web sous URL, ou cliquez sur le menu déroulant URL pour plus d’options.
  5. Cliquez sur Design, puis sur le menu déroulant Bouton principal pour modifier les paramètres de style suivis par le bouton. Ce paramètre est défini sur Principal par défaut, mais vous pouvez le remplacer par Bouton secondaire ou Bouton tertiaire. Pour en savoir plus, consultez Style du bouton.
  6. Si vous utilisez l’Éditeur intuitif, définissez le bouton sur Ajuster dans le bloc avec marge intérieure ou Remplissez le bloc en entier.
  7. Pour modifier l’alignement des boutons, choisissez gauche, centre ou droite.
  1. Modifiez une page ou une publication, cliquez sur un point d’insertion, puis sélectionnez Bouton dans le menu. Pour en savoir plus, consultez l’article Ajouter du contenu avec les blocs.
  2. Dans le champ Texte, saisissez le texte du bouton. Nous vous conseillons de ne pas dépasser 25 caractères pour le texte du bouton.
  3. Cliquez sur Joindre le lien et ajoutez une adresse web sous URL, ou cliquez sur le menu déroulant URL pour ajouter différents types de liens.
  4. Cliquez sur l’onglet Design pour personnaliser la taille et l’alignement du bouton.
  5. Lorsque vous avez terminé, cliquez en dehors de l’éditeur de bloc. Vos modifications sont enregistrées automatiquement.

Personnaliser le bouton

Les options de style des blocs Bouton dépendent de la version de votre site.

Vous pouvez modifier le style de vos boutons pour mettre en évidence différents appels à l’action. Pour modifier le style de vos boutons, cliquez sur l’icône en forme de pinceau dans le coin supérieur droit tout en éditant une page contenant un bouton, puis :

  • Cliquez sur Boutons pour modifier la police, la forme et la taille. Pour créer une variété, définissez différents styles pour les boutons de type primaire, secondaire et tertiaire, puis modifiez n’importe quel bloc Bouton pour définir son type.
  • Cliquez sur Couleurs pour modifier la couleur de tous les boutons de votre site. Pour créer de la variété, utilisez des thèmes de section pour ajouter différents jeux de couleurs.

Pour en savoir plus, rendez-vous sur la page Stylisation de boutons

Utilisez l’onglet Design de l’éditeur du bloc Bouton pour modifier la taille et l’alignement du bouton :

  • Sous Taille, sélectionnez S, M ou L.
  • Sous Alignement, sélectionnez Gauche, Centre ou Droite.

Modifiez les autres paramètres de style et de conception des boutons, notamment la couleur et la forme, dans les styles du site. Pour en savoir plus, consultez l’article Personnaliser les boutons.

Faire le suivi des clics sur les boutons

Utilisez Conversions par formulaires et par boutons pour découvrir combien de visiteurs cliquent sur vos appels à l’action. Vous pouvez suivre le taux de conversion de vos boutons, qui compare le nombre de vues enregistré par un bouton au nombre de clics reçus.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.