Quantcast
Channel: Themestotal
Viewing all articles
Browse latest Browse all 2339

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

$
0
0

Voulez-vous ajouter un appel aux boutons d'action dans vos publications ou pages WordPress?

Les boutons sont un excellent moyen de stimuler les conversions. Ils sont très remarquables, ce qui les rend excellents pour rediriger l’attention de l’utilisateur vers l’interaction souhaitée.

Par exemple, vous pouvez utiliser un bouton d'appel à l'action pour diriger les utilisateurs vers une page transactionnelle telle qu'une page de tarification, une page de produit, une page de services et autres sur votre site Web.

Vous pouvez également utiliser des boutons d'appel à l'action pour promouvoir des offres spéciales, de nouveaux produits ou des liens d'affiliation pointant vers des sites Web partenaires.

Dans cet article, nous allons vous montrer comment ajouter facilement de magnifiques appels à des boutons d'action dans WordPress sans écrire de code.

Ajouter des boutons dans WordPress, étape par étape

Remarque: Cet article concerne l'ajout d'un appel personnalisé aux boutons d'action dans WordPress. Si vous souhaitez ajouter des boutons de partage social, consultez notre guide sur la procédure d’ajout de boutons de partage social dans WordPress.

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

WordPress facilite grandement l’ajout de boutons avec un bloc ‘Bouton’ intégré.

Il s’agit d’une nouvelle fonctionnalité introduite dans WordPress 5.0, ainsi que du nouvel éditeur de blocs Gutenberg WordPress.

Dans cet article, nous allons vous montrer trois façons d'ajouter des appels aux boutons d'action dans les articles et les pages de blogs WordPress. Vous pouvez choisir la solution qui correspond le mieux à vos besoins.

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

Table des matières:

  1. Ajout de boutons dans les publications / pages WordPress à l'aide de l'éditeur par défaut
  2. Création d'un bouton WordPress dans l'éditeur classique
  3. Ajout d'un bouton Cliquer pour appeler dans WordPress

Ajout de boutons dans les publications / pages WordPress à l'aide de l'éditeur par défaut

Cette méthode est plus simple et recommandée pour la plupart des utilisateurs. Il utilise le bloc de boutons intégré dans le nouvel éditeur WordPress. Si vous utilisez toujours l'ancien éditeur classique, vous pouvez passer à la section suivante.

Tout d'abord, vous devez créer un nouveau message ou modifier un message existant auquel vous souhaitez ajouter un bouton.

Sur votre écran de post-édition, cliquez sur l’icône «+» pour ajouter un nouveau bloc et sélectionnez le bloc bouton dans la section Éléments de présentation.

Ajouter un bloc de boutons dans WordPress Block Editor

Ensuite, vous devriez pouvoir voir le bloc de boutons ajouté à l'éditeur de contenu

Bouton de blocage ajouté à WordPress Post Editor

Cliquez simplement sur la zone ‘Ajouter du texte…’ et entrez le texte de votre bouton.

Ensuite, vous devez coller l’URL de la page à lier dans le champ ‘Coller l’URL ou taper à la recherche’ sous le bouton.

Une fois cela fait, cliquez sur l'icône Appliquer.

Entrez le texte du bouton et le lien dans WordPress

Si vous souhaitez afficher le bouton au centre, vous pouvez cliquer sur l'icône Aligner au centre dans la barre d'outils des blocs ci-dessus.

Aligner le centre de votre bouton dans WordPress Block Editor

Ensuite, vous pouvez personnaliser le style de vos boutons, modifier la couleur d'arrière-plan et la couleur du texte à partir du panneau des paramètres de bloc situé à droite.

Choisir le style du bouton dans les paramètres de blocage de WordPress

Vous pouvez choisir parmi trois styles de boutons: 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.

Choisissez la couleur personnalisée de votre bouton WordPress

Une fois que vous êtes satisfait de la conception des boutons, vous pouvez enregistrer votre publication ou la publier pour voir un aperçu en direct.

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

Aperçu du bouton WordPress

Prime: Si vous voulez savoir si vos boutons fonctionnent bien, vous devez utiliser MonsterInsights. Il intègre un système de suivi des événements pour les liens d’affiliation, les liens sortants et les événements personnalisés. Vous pouvez ainsi voir la performance de vos boutons. Pour plus de détails, consultez les statistiques marketing importantes que vous devez suivre dans WordPress.

Création d'un bouton WordPress dans l'éditeur classique

Bien que l'éditeur de blocs de Gutenberg soit plus rapide et plus simple, de nombreux utilisateurs préfèrent encore l'ancien éditeur WordPress classique. Si vous êtes l'un d'entre eux, vous devez trouver une solution alternative pour ajouter des boutons sur votre site WordPress.

Il existe principalement trois options disponibles pour ajouter des boutons dans WordPress Classic Editor.

  1. Ajouter un bouton dans WordPress avec du code HTML / CSS.
  2. Bouton Ajouter dans WordPress avec WordPress Bouton Shortcode Plugin.
  3. Ajouter un bouton dans WordPress sans utiliser de code court.

Parmi les trois options, la première est la méthode de codage. Vous devrez écrire du code HTML / CSS et l’ajouter à votre site Web partout où vous aurez besoin d’un bouton. Ce n'est pas convivial pour les 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 codes abrégés pour l’ajout de boutons.

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

Voyons comment ajouter des boutons dans WordPress sans utiliser de code court.

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 l’installation d’un plugin WordPress.

Une fois que vous avez activé le plug-in, créez un nouveau message ou modifiez-en un existant. Dans l'éditeur, vous verrez un nouveau bouton dans l'éditeur visuel intitulé Insérer un bouton.

Insérer une icône de bouton dans l'éditeur WordPress classique

Pour insérer un nouveau bouton dans votre message, vous devez cliquer sur le bouton Insérer. Cela fera apparaître une fenêtre contextuelle où vous pourrez concevoir votre nouveau bouton.

Saisir le texte du bouton et l'URL dans Classic Editor

Tout d'abord, vous devez ajouter le texte de votre bouton et votre URL. Lorsque vous ajoutez le texte de votre bouton, vous pouvez voir un aperçu en direct dans la zone ci-dessous.

Ensuite, vous pouvez ajouter une balise nofollow à votre lien et l'ouvrir dans un nouvel onglet en cliquant sur les options de case à cocher ci-dessous.

Ensuite, 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.

Ajouter une icône à votre bouton dans l'éditeur classique

Ces icônes sont en fait des polices d'icônes (découvrez comment utiliser les polices d'icônes dans l'éditeur de publications 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 Couleur.

Changer la couleur de fond du bouton dans WordPress Classic Editor

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 à être utilisés.

Choisissez un style de bouton dans l'éditeur WordPress classique

De même, vous pouvez également choisir la taille du bouton, du plus petit au plus grand.

Une fois que vous êtes satisfait du look, cliquez simplement sur le bouton Mettre à jour.

Vous pourrez voir votre bouton tel qu’il apparaît dans votre message, directement dans l’éditeur de messages.

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

Centrer le bouton dans l’éditeur classique

Double-cliquez sur le bouton pour afficher la fenêtre contextuelle Insérer un bouton. Vous pouvez rééditer votre bouton si vous le souhaitez.

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

Aperçu du bouton - Construit dans l'éditeur classique

Ajout d'un bouton Cliquer pour appeler dans WordPress

En plus des boutons d’appel habituels, vous pouvez également ajouter des boutons Cliquer pour appeler sur votre site Web pour augmenter les leads et les conversions.

Un bouton Cliquer pour appeler est un type spécifique de bouton d'appel à l'action qui permet à vos utilisateurs de téléphoner à votre équipe d'un simple toucher.

À l'aide des 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 préalables à la vente ou d'un problème d'assistance, les appels téléphoniques sont rapides.

À mesure que le nombre d'utilisateurs de smartphones augmente, l'ajout de boutons Appel maintenant est encore plus pertinent de nos jours.

Si vous n’avez pas de téléphone professionnel, vous voudrez peut-être chercher à obtenir un numéro de téléphone professionnel virtuel.

Ceci dit, voyons comment ajouter des boutons Cliquer pour appeler dans WordPress, étape par étape.

La première chose à faire est d’installer et d’activer le plug-in WP Call Button. Pour des instructions détaillées, vous pouvez consulter notre guide étape par étape sur la façon d’installer un plugin WordPress.

Lors de l'activation, vous devez visiter Paramètres »Bouton d'appel WP page pour configurer les paramètres du plugin et concevoir votre bouton Cliquer pour appeler.

Paramètres du bouton d'appel rémanent dans WordPress

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

Vous pouvez commencer par activer l’état du bouton Appeler maintenant. Cliquez simplement sur l'interrupteur pour l'activer.

Après cela, vous devez entrer votre numéro de téléphone. Le bouton d’appel WP a un champ de numéro de téléphone intelligent avec votre code pays. Sélectionnez simplement votre pays et entrez votre numéro de téléphone professionnel.

Si vous n’avez pas de numéro d’entreprise, vous pouvez en obtenir un de Nextiva. C'est un fournisseur VoIP de confiance.

Ensuite, vous pouvez éditer le texte de votre bouton d’appel, choisir la position et la couleur du bouton d’appel.

En outre, vous pouvez sélectionner l'emplacement d'affichage du bouton d'appel permanent sur votre site Web. Par défaut, le bouton d’appel apparaît sur toutes les pages et sur tous les appareils. Vous pouvez choisir d'afficher ou de masquer le bouton sur certaines pages et d'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 maintenant en action.

WordPress Cliquez pour appeler bouton

Outre les boutons d’appel adhésifs, vous pouvez également ajouter des boutons d’appel statiques sur vos pages, messages et barres latérales WordPress à l’aide de ce plugin.

Si vous utilisez le nouvel éditeur de blocs WordPress, vous pouvez facilement ajouter le bouton Appel maintenant sur vos pages à l’aide du bloc Bouton d’appel WP.

Créez une nouvelle page ou modifiez une page existante et ajoutez le bloc Bouton d'appel WP dans votre éditeur de page.

Ajouter un bloc de boutons d'appel WP dans WordPress

Vous pouvez ensuite personnaliser le texte et la couleur du bouton, la couleur du texte, la taille de la police et afficher ou masquer l'icône du téléphone.

Personnalisation du bouton d'appel dans WordPress Page Editor

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 code court. Aller à Paramètres »Bouton d'appel WP et cliquez sur le menu du bouton d'appel statique en haut.

Boutons d'appel statiques dans les paramètres WordPress

Personnalisez simplement les options des boutons, puis copiez le shortcode. Après cela, vous pouvez utiliser le shortcode dans n’importe quel message ou page de votre site Web.

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

Il suffit d'aller à Apparence »Widegts Faites glisser le widget Bouton d’appel WP vers une zone prête pour le widget où vous souhaitez afficher le bouton d’appel.

Widget de la barre latérale du bouton d'appel WordPress

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 ça! Si vous souhaitez consulter un didacticiel plus détaillé, vous pouvez consulter notre guide étape par étape pour savoir comment ajouter un bouton Cliquer pour appeler dans WordPress.

Astuce bonus pour l'ajout de boutons personnalisés dans WordPress

Si vous souhaitez ajouter des appels aux boutons d’action entièrement personnalisés dans WordPress, vous recherchez probablement une solution vous permettant également d’ajouter des sections personnalisées ainsi que des boutons personnalisés dans l’en-tête de votre site Web, les menus et d’autres domaines.

Dans ce cas, nous vous recommandons d’utiliser un plug-in de création de page WordPress, par glisser-déposer, comme Beaver Builder ou Divi.

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

Quoi que vous fassiez, il est important que vous surveilliez la performance de vos boutons, car deviner n’est pas la meilleure stratégie de croissance pour l’entreprise.

Nous vous recommandons d'utiliser MonsterInsights. Il intègre un système de suivi des événements pour les liens d’affiliation, les liens sortants et les événements personnalisés. Vous pouvez ainsi voir la performance de vos boutons. Pour plus de détails, consultez les statistiques marketing importantes que vous devez suivre dans WordPress.

Nous espérons que cet article vous a aidé à apprendre à ajouter facilement des boutons dans WordPress. Vous voudrez peut-être aussi voir notre liste des meilleurs plugins WordPress et des meilleurs services de marketing par courriel pour les petites entreprises.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.

Le message Comment ajouter des boutons d’appel à l’action dans WordPress (sans code) est apparu en premier sur themestotal.

L’article Comment ajouter des boutons d'appel à l'action dans WordPress (sans code) est apparu en premier sur Themetotal.


Viewing all articles
Browse latest Browse all 2339

Trending Articles