Comment créer des liens, boutons et CTAs efficaces sur son site Showit
Dans cet article je vous montre comment gérer les interactions pour guider l’utilisateur à travers votre site.
C’est à dire, quelque soit l’endroit par lequel votre visiteur arrive sur votre page, il soit conduit à la bonne action à faire (s’inscrire à votre liste d’email, récupérer un produit gratuit, réserver un appel découverte, etc.).
Nous verrons donc comment cofigurer simplement les éléments tels que boutons, liens, formulaires, et autres objets d’appels à l’actions (CTAs).
Rendre n’importe quel élément cliquable
Sur Showit, tout peut devenir cliquable : un texte, une image, une forme, un bouton, un canvas entier. Il n’y a pas d’élément réservé aux liens.
- Sélectionnez l’élément sur votre canvas
- Dans le panneau de droite, cherchez la section Click Action
- Choisissez le type d’action (voir section suivante)
- Configurez la destination
💡 Vous pouvez rendre une image de profil cliquable vers votre page À propos, un bloc de tarification cliquable vers votre formulaire, ou une section entière cliquable vers votre Calendly.
Les 7 types d’actions cliquables et leur utilité business
Page
Redirige vers une autre page de votre site. Cas d’usage : Votre bouton « Voir mes offres » en hero section, le lien « En savoir plus » dans un bloc de service, un logo qui ramène à l’accueil.
Note : Gardez à l’esprit que si vous renommez vos pages, les URLs changent, donc il faudra revenir sur l’objet pour mettre à jour le lien, sinon il ne fonctionnera plus. On attend vivement que Showit midifie ce lien pour qu’on puisse éditer séparément le nom d’une page sans impacter le slug.
Canvas
Fait défiler la page jusqu’à une section précise sans quitter la page. Idéal pour les sites one-page ou les navigations par ancre. Cas d’usage : un menu qui emmène directement à la section Contact, un bouton « Voir comment ça fonctionne » qui scrolle jusqu’à ta section processus.
Note : Même remarque que pour les pages. Si vous renommez une section, il faudra probablement repasser sur tous les liens/CTAs car le slug sera différent.
URL
Redirige vers n’importe quelle adresse web externe. Cas d’usage : un lien vers une page de paiement (checkout page), votre Calendly, votre Notion public, une ressource externe, etc.
<aside> ⚠️ Toujours inclure https:// au début. www.monsite.com ne fonctionnera pas – https://www.monsite.com oui.
</aside>
Ouvre directement le client mail avec ton adresse pré-remplie. Cas d’usage : un bouton « M’écrire » ou un lien de contact sur ta page À propos (au lieu du formulaire intégré).
SMS
Ouvre l’application SMS du téléphone avec ton numéro pré-rempli. Pertinent uniquement sur mobile. Cas d’usage : si votre activité repose sur un contact rapide par texto par exemple.
<aside> ⚠️ Format requis : code pays + numéro, sans espaces ni tirets. Exemple France : 33612345678
</aside>
Share to Social
Permet à tes visiteurs de partager votre page sur les réseaux sociaux. Cas d’usage : un bouton « Partager cet article » en bas d’un article de blog, ou une page de remerciement post-inscription avec un bouton « Partager sur mes réseaux ».
WordPress Post
Disponible uniquement dans les templates de blog. Crée automatiquement le lien vers l’article complet. Cas d’usage : les cartes d’articles sur ta page blog – chaque carte pointe vers l’article correspondant.
Créer un lien vers une section précise de ta page
Tu peux créer un lien qui envoie une visiteuse non seulement sur une page précise, mais directement à une section précise de cette page. Pas besoin qu’elle scrolle pour trouver ton formulaire.
Pour ça, Showit utilise ce qu’on appelle un slug – un identifiant textuel unique attribué à chaque page et chaque section (canvas) de ton site. C’est simplement le nom de ta page ou de ton canvas, converti en minuscules avec des tirets à la place des espaces. Exemple : une section « Prendre RDV » aura le slug prendre-rdv.
Trouver le slug d’une page
- Clique sur le nom de la page dans le panneau de gauche
- Dans le panneau de droite, onglet Page Info → le slug est affiché là
Trouver le slug d’un canvas
- Clique sur le nom du canvas dans le panneau de gauche
- Dans le panneau de droite, onglet Canvas → le slug est affiché là
Créer le lien dans l’éditeur
- Canvas cible sur la même page : Click Action → Canvas → choisis le canvas dans la liste
- Canvas cible sur une page différente : Click Action → Page → sélectionne la page → entre le slug du canvas dans le champ Canvas
💡 Exemple concret : tu envoies une newsletter avec un bouton « Réserver un appel ». Plutôt que de pointer vers ta page Contact en espérant que la lectrice scrolle jusqu’au formulaire, tu crées un lien qui atterrit directement sur le canvas contenant ton widget Calendly.
Construire des URLs personnalisées – pour tes emails, ta bio et tes campagnes
Maintenant que tu connais les slugs, tu peux les combiner pour construire des URLs précises partageables depuis n’importe où en dehors de ton site.
- Lien vers ton site :
https://tondomaine.com - Lien vers une page précise :
https://tondomaine.com/slug-de-la-page
- Lien vers une section précise dans une page :
https://tondomaine.com/slug-de-la-page#slug-du-canvas
- Lien vers une vue précise d’une section :
https://tondomaine.com/slug-de-la-page#slug-du-canvas.0
<aside> ⚠️ ⚠️ Pour les canvas views, la numérotation commence à 0. La première vue = .0, la deuxième = .1, etc.
</aside>
Où utiliser ces URLs :
- Dans ta bio Instagram : lien direct vers ta page de vente ou ton formulaire
- Dans une newsletter : CTA qui atterrit sur la section formulaire, sans friction
- Dans ta signature email : lien vers ta page de services avec ancre sur la section tarifs
- Dans des publicités : URL qui pointe exactement sur le contenu de l’annonce
<aside> ⚠️ ⚠️ Ne construis jamais une URL de mémoire – vérifie toujours le slug exact dans l’éditeur. Un espace mal supprimé ou un tiret oublié, et ton lien ne fonctionnera pas.
</aside>
Les actions avancées : afficher, cacher, naviguer
En plus du lien classique, Showit te permet d’ajouter des actions secondaires à un clic. Ces actions contrôlent ce qui s’affiche ou disparaît sur la page, sans aucune navigation.
- Show Canvas → un clic fait apparaître un canvas caché. Parfait pour une FAQ en accordéon, un canvas « détails » révélé au clic.
- Hide Canvas → un clic fait disparaître un canvas visible. Bouton « Fermer » sur une popup ou un canvas de confirmation.
- Gallery → contrôle la navigation dans une galerie (précédent / suivant). Flèches d’un carrousel de témoignages ou de portfolio.
💡 Ces actions peuvent se combiner avec un lien classique sur le même élément. Exemple : un bouton qui à la fois scrolle vers un canvas ET révèle un canvas caché.
Ce que tu peux faire maintenant
- Vérifie tous tes CTAs principaux – chaque bouton « Prendre RDV », « Voir mes offres », « Me contacter » pointe-t-il vers la bonne destination ?
- Crée une URL ancrée vers ton canvas formulaire et utilise-la dans ta prochaine newsletter
- Remplace ton lien bio par une URL ancrée directement vers la section la plus pertinente selon ton objectif du moment
- Vérifie les slugs exacts de tes pages et canvases importants avant de les utiliser dans des campagnes
- Teste tous tes liens sur mobile – surtout les liens SMS et les actions canvas, qui se comportent différemment selon l’appareil