Où positionner le bouton Réserver maintenant sur votre site Web

Les visiteurs du site sont attirés par les boutons Réserver maintenant

Il en faut beaucoup pour attirer des visiteurs sur votre site Web. Les personnes qui arrivent passeraient 6 à 8 secondes à décider si elles doivent rester, il est donc essentiel que vous créiez une forte impression positive à l'intérieur de cette fenêtre. Lorsque vous y parvenez, votre entonnoir de vente est susceptible de voir une augmentation significative du trafic. Cet article couvrira deux des meilleures façons de maximiser l'engagement avec un bouton Réserver maintenant pour planifier des démos avec des prospects entrants.

Qu'est-ce qu'un bouton Réserver maintenant ?

La plupart des gens veulent un moyen rapide et facile d'interagir avec vous lorsqu'ils arrivent sur votre site Web. Les images sur votre page leur parleront instantanément et un jugement de valeur sera porté. Après cela, vous avez quelques secondes pour leur parler avec des mots qui identifient leurs problèmes et orientent vers une solution. S'ils ne peuvent pas prendre des mesures immédiates pour résoudre ce problème d'un simple clic, ils abandonneront probablement et iront ailleurs.

A bouton d'appel à l'action peut résoudre ce problème s'il est bien mis en œuvre.

La série Devant et centre Approche

Le bouton Réserver maintenant à l'avant et au centre

Cette capture d'écran provient d'une démo Appointlet pour une agence numérique imaginaire. Le bouton Réserver maintenant possède plusieurs fonctionnalités qui le rendent efficace :

  1. Couleur: Par rapport aux teintes orange et grise de l'image d'arrière-plan, l'appel à l'action bleu offre suffisamment de contraste pour le rendre POPULAIRE.
  2. Wording: La phrase "Demandez une consultation gratuite” comprend un verbe (nécessaire) et un incitatif (consultation gratuite).
  3. Taille: la largeur du bouton et sa longueur de mot sont courtes par rapport à l'en-tête et au sous-en-tête.
  4. Cliquable: Lorsque vous cliquez sur le bouton, la solution apparaît immédiatement comme une page de réservation Appointlet
  5. Répétitions en bas de page: Pour les visiteurs qui font défiler la page pour en savoir plus, vous voulez être sûr de réitérer l'appel à l'action en bas.

Réintroduction du bouton d'appel à l'action en bas de page

Lorsque les visiteurs cliquent sur le bouton Réserver maintenant, le planificateur apparaîtra, réduisant l'opacité de votre page de destination sans quitter la navigation. Voici à quoi cela ressemble visuellement :

Vous pouvez cliquez ici pour voir ce site de démonstration en temps réel et le tester par vous-même.

La série Formulaire de la barre latérale Approche

Placer l'appel à l'action sur un formulaire de la barre latérale est une autre option

Cette deuxième capture d'écran est également une démo Appointlet (trouve ici), mais vous remarquerez que la page de destination est formatée d'une manière différente. Avec une série de champs de formulaire, vous pouvez collecter des données et les transmettre à Appointlet à l'aide du pré-remplissage du formulaire afin que les utilisateurs n'aient pas à saisir leurs informations deux fois.

  1. Forme de la barre latérale : L'en-tête et le sous-en-tête sont positionnés d'un côté, laissant de la place pour une courte forme verticale.
  2. Répéter les thèmes de couleur: En haut du formulaire, nous avons surligné les mots S'inscrire et Votre en orange. La même couleur est attribuée au bouton CTA en bas du formulaire.
  3. Wording: Encore une fois, nous trouvons une action (S’INSCRIRE) mais cette fois le lecteur reçoit un impératif. Quand dois-je le faire ? Maintenant!
  4. Lisible + cliquable: Le premier appel à l'action est simplement un en-tête de formulaire, mais il amorce le lecteur pour le bouton CTA cliquable en bas.

Personnaliser le bouton Réserver maintenant avec le mot

Ce dernier exemple présente une légère variation sur la forme de la barre latérale. Il utilise l'approche incitative (démo gratuite), mais le langage est moins urgent. Une seule phrase de texte d'aide est présentée sous l'en-tête du formulaire, expliquant ce qu'un participant obtiendra de la démo. Les mots « réserver ma démo » confèrent au visiteur la propriété, contrairement à « réserver une démo ».

Comment générer un bouton Réserver maintenant avec Appointlet

Si vous êtes nouveau sur Appointlet ou si vous n'avez jamais utilisé notre outil de partage, vous vous demandez peut-être comment faire en sorte que cette approche fonctionne pour votre équipe. Heureusement, la configuration d'un bouton CTA est incroyablement facile. Tout ce que vous avez à faire est de vous connecter à votre compte Appointlet, de cliquer sur l'outil de partage à côté de votre page de planification et de sélectionner Copier le lien:

Une fois le lien de votre page de planification copié dans votre presse-papiers, vous êtes prêt à le coller dans le champ de lien hypertexte d'un bouton sur votre site. Services de site Web comme Wix et Squarespace vous permettent de personnaliser vos propres boutons en sélectionnant un modèle parmi leurs conceptions en stock.

Si vous préférez afficher votre page de planification directement sur votre site, nous proposons un script html que vous pouvez copier et coller directement dans votre interface utilisateur. 

Cliquez sur le même Partager bouton mais cette fois, sélectionnez Intégrer sur le site Web au lieu:

Cela exposera notre script html prêt à l'emploi. Frappez le copier en haut à droite de la boîte html à copier dans votre presse-papiers. Vous pouvez coller l'extrait de code directement dans le code HTML de votre site Web et vous serez prêt à partir. 

C'est tout ce qu'on peut en dire!

 

Ezra Sandzer Bell

Ezra Sandzer Bell

Ezra est responsable marketing produit SaaS et fondatrice de Chiffrement audio, une société de logiciels de musique. Il a précédemment travaillé chez Appointlet en tant que responsable de la réussite client et spécialiste du marketing, aidant les chefs d'entreprise à optimiser leurs flux de travail de planification en ligne.

L'outil en ligne n°1 pour planifier des réunions