Comment ajouter des boutons d'appel à l'action dans WordPress (sans code)

Chaque jour, des clients potentiels visitent votre site Web WordPress. Ils lisent votre contenu, consultent vos services et peuvent être sincèrement intéressés.

Mais ensuite, ils partent sans entreprendre aucune action – pas d'inscription par e-mail, pas d'achat, pas de soumission de formulaire de contact.

Ce qui se passe est simple : vos visiteurs ne savent pas ce que vous voulez qu'ils fassent ensuite. Les boutons d'appel à l'action résolvent ce problème en donnant une direction claire aux personnes qui sont déjà engagées avec votre contenu.

Nous utilisons cette approche chez WPBeginner pour guider les lecteurs vers nos services professionnels et nos guides utiles, et cela a fait une énorme différence dans nos taux de conversion.

C'est pourquoi nous avons rassemblé ce guide complet pour ajouter des boutons d'appel à l'action à votre site WordPress sans aucune connaissance en codage requise.

Ajout de boutons dans les articles et pages WordPress (étape par étape)

WordPress rend l'ajout de boutons extrêmement facile avec un bloc Bouton intégré. C'est une fonctionnalité qui a été introduite avec l'éditeur de blocs WordPress Gutenberg.

Nous vous montrerons plusieurs façons d'ajouter des boutons d'appel à l'action aux articles de blog et aux pages WordPress. Vous pouvez choisir la solution qui convient le mieux à vos besoins.

N'hésitez pas à utiliser la table des matières ci-dessous pour naviguer facilement dans cet article :

• Comment ajouter un bouton d'appel à l'action dans l'éditeur de blocs WordPress
• Comment ajouter un bouton d'appel à l'action dans l'éditeur classique WordPress
• Comment ajouter un bouton d'appel à l'action avec un plugin WordPress
• How to Add Click-to-Call Button in WordPress

Comment ajouter un bouton d'appel à l'action dans l'éditeur de blocs WordPress

D'après notre expérience, cette méthode est facile et recommandée pour tous les utilisateurs. Elle utilise le bloc intégré « Boutons » dans l'éditeur de blocs WordPress. Si vous utilisez toujours l'ancien éditeur classique, vous pouvez passer à la section suivante.

Tout d'abord, vous devez créer un nouvel article ou modifier un article existant où vous souhaitez ajouter un bouton.

Sur votre écran d'édition d'article, cliquez sur l'icône « + » et sélectionnez le bloc Boutons dans la section Éléments de mise en page.

Ensuite, vous devriez voir le bloc bouton ajouté à l'éditeur de contenu.

Cliquez simplement sur la zone « Ajouter du texte... » et entrez le texte de votre bouton.

Après cela, cliquez sur le bouton Lien dans la barre d'outils pour ajouter un lien.

Vous pouvez rechercher un article ou une page ou simplement copier-coller une URL dans le champ de lien.

Une fois terminé, appuyez sur « Entrée » ou sur l'icône « Appliquer » pour enregistrer votre lien.

Si vous souhaitez afficher le bouton au centre, vous pouvez cliquer sur l'icône « Justifier » puis sélectionner « Justifier au centre ». Vous pouvez également modifier l'alignement vertical du bouton depuis la barre d'outils.

Ensuite, vous pouvez personnaliser le style de votre bouton et modifier les couleurs du texte et de l'arrière-plan depuis le panneau des paramètres du bloc sur le côté droit.

Basculez simplement sur l'onglet « Style » sous les paramètres du bloc pour ajuster le style de votre bouton.

Il existe trois styles de boutons parmi lesquels vous pouvez choisir : par défaut, contour et carré. Vous pouvez essayer chacun d'eux en cliquant dessus et en choisissant celui qui vous convient le mieux.

La section Paramètres de couleur comprend cinq variations de couleur pour l'arrière-plan et le texte du bouton. De plus, vous pouvez également utiliser une couleur personnalisée de votre choix en cliquant sur l'option « Couleur personnalisée ».

Une fois que vous êtes satisfait de la conception du bouton, vous pouvez enregistrer votre article ou le publier pour voir un aperçu en direct.

Voici à quoi cela ressemblait sur notre site Web de démonstration.

Comment ajouter un bouton d'appel à l'action dans l'éditeur classique WordPress

L'éditeur de blocs WordPress par défaut est moderne, plus rapide et plus facile. Certains utilisateurs utilisent encore l'ancien éditeur classique de WordPress.

Nous ne recommandons pas l'utilisation de l'éditeur classique de WordPress. Il est obsolète et ne dispose pas de suffisamment de fonctionnalités pour que les utilisateurs créent du contenu exceptionnel. Si vous l'utilisez encore, nous vous conseillons de le désactiver et de commencer à utiliser l'éditeur de blocs.

D'un autre côté, certains utilisateurs peuvent encore vouloir l'utiliser. Dans ce cas, vous aurez besoin d'une solution alternative pour ajouter des boutons à votre design WordPress.

Il existe trois options pour ajouter des boutons dans l'éditeur classique de WordPress :

1. Ajouter un bouton dans WordPress avec du code HTML / CSS.
2. Ajouter des boutons avec un plugin de shortcode de bouton WordPress.
3. Ajouter un bouton dans WordPress sans utiliser de shortcodes.

La première est une méthode de codage. Vous devrez écrire du code HTML / CSS et l'ajouter à votre site Web partout où vous avez besoin d'un bouton. Ce n'est pas adapté aux débutants.

La deuxième option est la méthode la plus couramment utilisée. C'est parce que la plupart des plugins de boutons WordPress fournissent des shortcodes pour ajouter des boutons.

La troisième option est la meilleure car elle vous permet d'ajouter facilement des boutons à vos articles et pages sans avoir à vous souvenir du shortcode.

Examinons comment ajouter des boutons dans WordPress sans utiliser de shortcodes.

La première chose à faire est d'installer et d'activer le plugin Forget About Shortcode Buttons. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Une fois le plugin activé, créez un nouvel article ou modifiez-en un existant. Dans l'éditeur, vous verrez un nouveau bouton intitulé « Insérer un bouton » dans l'éditeur visuel.

Pour insérer un nouveau bouton dans votre article, vous devez cliquer sur l'icône « Insérer un bouton ».

Cela ouvrira une fenêtre contextuelle où vous pourrez concevoir votre nouveau bouton.

Tout d'abord, vous devez ajouter le texte et l'URL de votre bouton. Pendant que vous ajoutez le texte de votre bouton, vous pouvez voir un aperçu en direct dans la boîte ci-dessous.

Ensuite, vous pouvez ajouter une balise nofollow à votre lien et ouvrir le lien dans un nouvel onglet en cliquant sur les cases à cocher ci-dessous.

Après cela, vous pouvez sélectionner une icône pour votre bouton. Si vous cliquez sur l'onglet « Icônes », vous pourrez voir les icônes que vous pouvez ajouter avant ou après le texte de vos boutons.

Ces icônes sont en fait des polices d'icônes (apprenez à utiliser les polices d'icônes dans l'éditeur d'articles WordPress).

Ensuite, vous pouvez choisir la couleur du texte et la couleur d'arrière-plan de votre bouton en cliquant sur l'icône de la boîte de couleur.

Après cela, cliquez sur le menu déroulant pour choisir le style du bouton.

Il existe huit styles de boutons différents prêts à l'emploi.

De même, vous pouvez également choisir la taille du bouton, de très petit à très grand.

Une fois que vous êtes satisfait de l'apparence, cliquez simplement sur le bouton « Mettre à jour ».

Vous pourrez voir votre bouton tel qu'il apparaît dans votre article, directement dans l'éditeur d'article.

Vous pouvez également définir l'alignement du bouton en sélectionnant simplement le texte du bouton et en utilisant les boutons de la barre d'outils dans l'éditeur classique.

Double-cliquer sur le bouton ouvrira la fenêtre contextuelle « Insérer le bouton », et vous pourrez rééditer votre bouton si vous le souhaitez.

Une fois que vous êtes satisfait de sa conception, vous pouvez publier ou mettre à jour votre article et le voir en action. Voici comment le bouton fantaisie est apparu sur notre site WordPress de démonstration.

Comment ajouter un bouton d'appel à l'action avec un plugin WordPress

Parfois, les options de bouton WordPress de base ne suffisent pas pour créer des boutons d'appel à l'action accrocheurs. C'est pourquoi nous aimons utiliser Ultimate Blocks – il vous offre de nombreuses autres façons de personnaliser vos boutons.

Commencer est facile. D'abord, installez et activez le plugin WordPress. Vous pouvez lire notre guide étape par étape sur comment installer un plugin WordPress si vous avez besoin d'aide.

Ensuite, ouvrez n'importe quel article ou page et recherchez le bloc « Bouton (Amélioré) » dans votre éditeur.

Une différence clé par rapport au bouton WordPress par défaut est le paramètre « Contrôle réactif », où vous pouvez masquer ou afficher le bouton sur les tablettes, les ordinateurs de bureau ou les appareils mobiles.

De cette façon, vous pouvez personnaliser votre appel à l'action pour différentes tailles d'écran.

Deuxièmement, vous pouvez ajouter une icône personnalisée à votre bouton.

Cela rendra le bouton plus attrayant visuellement et l'aidera à se démarquer sur votre page.

Il y a beaucoup plus de paramètres à explorer si vous optez pour la version pro. Par exemple, vous pouvez ajouter des effets animés à vos boutons, les rendant plus engageants et plus visibles pour vos visiteurs.

Pour voir tout ce que le plugin peut faire, consultez notre avis complet sur le plugin Ultimate Blocks.

Une fois que vous avez donné à votre bouton l'apparence souhaitée, cliquez sur « Publier » ou « Mettre à jour » pour enregistrer votre travail. Assurez-vous de prévisualiser votre site Web sur mobile et sur ordinateur pour que votre bouton s'affiche correctement sur tous les appareils.

Comment ajouter un bouton d'appel en un clic dans WordPress

En plus des boutons d'appel à l'action habituels, vous pouvez également ajouter des boutons d'appel direct sur votre site web pour augmenter les prospects et les conversions.

Un bouton d'appel direct est un type spécifique de bouton d'appel à l'action qui permet à vos utilisateurs de passer un appel téléphonique à votre équipe d'un simple toucher.

Grâce aux boutons d'appel direct, les visiteurs de votre site peuvent parler instantanément à votre équipe en personne et obtenir les informations dont ils ont besoin. Qu'il s'agisse d'une demande de devis, d'informations avant-vente ou d'un problème de support, les appels téléphoniques sont rapides.

Alors que le nombre d'utilisateurs de smartphones ne cesse de croître, l'ajout de boutons d'appel maintenant est encore plus pertinent de nos jours.

Si vous n'avez pas de téléphone professionnel, vous pourriez envisager d'obtenir un numéro de téléphone professionnel virtuel.

Cela dit, examinons comment ajouter des boutons d'appel direct dans WordPress étape par étape.

La première chose à faire est d'installer et d'activer le plugin WP Call Button. Pour des instructions détaillées, vous pouvez consulter notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous devez visiter la page Paramètres » WP Call Button pour configurer les paramètres du plugin et concevoir votre bouton d'appel direct.

Tout d'abord, vous verrez les paramètres du bouton d'appel fixe. Le bouton d'appel fixe est une fonctionnalité optimisée pour la conversion qui déplace le bouton d'appel avec les utilisateurs lorsqu'ils naviguent sur votre site.

Vous pouvez commencer par activer le statut du bouton d'appel. Cliquez simplement sur le bouton bascule pour l'activer.

Ensuite, vous devez saisir votre numéro de téléphone. WP Call Button dispose d'un champ pour le numéro de téléphone avec l'indicatif de votre pays. Sélectionnez simplement votre pays et saisissez le numéro de téléphone de votre entreprise.

Si vous n'avez pas de numéro d'entreprise, vous pouvez en obtenir un auprès de Nextiva. C'est un fournisseur VoIP d'entreprise fiable.

Ensuite, vous pouvez modifier le texte de votre bouton d'appel et choisir sa position et sa couleur.

De plus, vous pouvez sélectionner où afficher le bouton d'appel fixe sur votre site Web. Par défaut, le bouton d'appel s'affiche sur toutes les pages et sur tous les appareils. Vous pouvez afficher ou masquer le bouton sur certaines pages et l'afficher uniquement sur les appareils mobiles.

Une fois que vous avez examiné toutes les options, vous pouvez cliquer sur le bouton « Enregistrer les modifications » en bas. Après cela, vous pouvez visiter votre site Web et voir le bouton d'appel fixe en action.

En dehors des boutons d'appel fixes, vous pouvez également ajouter des boutons d'appel statiques sur vos pages, articles et barres latérales WordPress à l'aide de ce plugin.

Si vous utilisez l'éditeur de blocs WordPress, vous pouvez facilement ajouter le bouton d'appel sur vos pages à l'aide du bloc WP Call Button.

Créez une nouvelle page ou modifiez une page existante et ajoutez le bloc WP Call Button à l'aide de votre éditeur de page.

Après cela, vous pouvez personnaliser le texte du bouton, la couleur du bouton, la couleur du texte et la taille de la police, et afficher ou masquer l'icône du téléphone.

Une fois que vous êtes satisfait de sa conception, vous pouvez publier ou mettre à jour votre page.

Si vous utilisez l'éditeur WordPress classique, vous devez utiliser le générateur de bouton d'appel statique pour obtenir un shortcode.

Allez dans Paramètres » WP Call Button et cliquez sur le menu « Bouton d'appel statique » en haut.

Personnalisez simplement les options du bouton, puis copiez le shortcode. Après cela, vous pouvez utiliser le shortcode dans n'importe quel article ou page de votre site Web.

Le plugin WP Call Button vous permet également d'ajouter le bouton d'appel sur votre barre latérale WordPress et d'autres zones prêtes pour les widgets.

Allez simplement dans Apparence » Widgets et faites glisser le widget WP Call Button vers une zone prête pour les widgets où vous souhaitez afficher le bouton d'appel.

Vous pouvez maintenant ajouter un titre, une description et personnaliser le bouton d'appel dans la section Paramètres avancés. Une fois terminé, enregistrez votre widget.

C'est tout ! Si vous souhaitez voir un tutoriel plus détaillé, vous pouvez consulter notre guide étape par étape sur comment ajouter un bouton d'appel à l'action dans WordPress.

Astuce bonus : Utilisez un plugin de constructeur de pages WordPress

L'ajout d'un simple bouton d'appel à l'action ne suffit pas toujours. Vous voudrez peut-être aussi personnaliser la page ou l'article avec une image principale, des menus et une mise en page personnalisée.

Dans ce cas, nous vous recommandons d'utiliser un plugin de constructeur de pages WordPress glisser-déposer comme SeedProd ou Thrive Architect.

Ces constructeurs de pages vous aideront à créer des pages de destination personnalisées avec des boutons d'appel à l'action sophistiqués, exactement comme vous le souhaitez.

Quoi que vous fassiez, il est important de suivre les performances de vos boutons, car deviner n'est pas la meilleure stratégie de croissance d'entreprise.

Nous vous recommandons d'utiliser MonsterInsights. Il dispose d'un suivi d'événements intégré pour les liens d'affiliation, les liens sortants et les événements personnalisés, afin que vous puissiez voir comment vos boutons fonctionnent. Pour plus de détails, consultez les métriques marketing importantes que vous devez suivre dans WordPress.

Tutoriel vidéo

S'abonner à WPBeginner

Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement des boutons dans WordPress. Vous voudrez peut-être aussi consulter notre guide complet sur comment afficher un aperçu en direct des liens dans WordPress et nos sélections d'experts des meilleurs outils pour créer et vendre des produits numériques.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.