modifier le bouton de la navigation Squarespace (aka, le header)

Le bouton du header est un élément clé pour attirer l'attention de vos visiteurs et les inciter à passer à l'action. Sur Squarespace, ce bouton est un bouton… à part ! 💁‍♀️ Mais cela ne l’empêche pas d’être personnalisable, avec une touche de code CSS, pour vous permettre d’aller plus loin et plus pertinent d’un point de vue marketing. 📈 Que vous souhaitiez booster les inscriptions à votre newsletter, encourager les achats ou simplement diriger les utilisateurs vers une page importante, le bouton du header peut jouer un rôle crucial dans votre stratégie.

que mettre en avant via le bouton de la navigation Squarespace ?

découvrir un produit ou service phare

Si vous avez un produit, un service, ou une offre signature, mettez-la en avant ! 🚀 Ce type de bouton attire l'attention sur votre offre principale et guide les visiteurs directement vers les pages les plus stratégiques de votre site, comme une page produit ou un portfolio. 

Par exemple, si vous êtes en plein lancement, le bouton peut être lié à une page de vente. De plus, vous pouvez renforcer son impact avec un design attractif : une couleur contrastante (c’est ce que nous allons voir dans le tutoriel plus bas…), une icône ou un texte engageant. En associant ce bouton à une page optimisée, vous pouvez également collecter des données utiles pour mieux comprendre vos visiteurs et ajuster vos stratégies marketing.

prendre rendez-vous et/ou réserver

Les entrepreneurs qui proposent un système de réservation de rendez-vous (salons, consultants, coachs…) peuvent inclure un bouton « Prendre rendez-vous ». 

Ce bouton offre une navigation fluide et simplifie l’expérience utilisateur en réduisant le nombre d’étapes nécessaires pour réserver. Moins de clic, plus de conversion ! 🙏 Par exemple, un consultant ou un coach peut intégrer ce bouton directement dans le header pour accéder à un calendrier ou un formulaire de réservation rapide. Une bonne synchronisation avec des outils tiers comme Calendly ou Acuity Scheduling garantit une expérience toujours plus fluide et professionnelle.

accéder à une ressource gratuite

Offrir du contenu gratuit est une excellente stratégie pour engager et fidéliser vos visiteurs.

Ce type d’appel à l’action est particulièrement utile pour établir une relation de confiance avec vos visiteurs et collecter leurs informations de contact. Et la confiance, c’est la clé… 😉

En plaçant ce bouton dans le header, vous maximisez sa visibilité et sa portée. Pour augmenter son efficacité, vous pouvez inclure une courte description du contenu offert ou des avantages, comme « Découvrez 10 astuces pour améliorer votre productivité ». En intégrant un formulaire simple, vous facilitez l’inscription tout en capturant des leads qualifiés.

comment modifier le bouton de la navigation sur Squarespace, le tutoriel

le sélecteur à utiliser :

#header .sqs-button-element--primary {
  font-family: 'Montserrat' !important;
  background-color: red;
  color: blue;
  font-style: italic !important;
}

plus d’articles et de tuto CSS

Webdesigner et consultante Squarespace, j’accompagne et je crée pour mes clients des sites intelligents, stratégiques et haut de gamme. On travaille ensemble ?

Personnalisez en quelques clics et copier-coller votre site Squarespace : intégrer votre police, personnaliser les cookies… sans savoir coder !