Comment ajouter des boutons personnalisés aux articles et pages de WordPress : un tutoriel détaillé étape par étape

Les blocs de boutons intégrés de WordPress rendent l'ajout de boutons très facile, une fonctionnalité introduite dans l'éditeur de blocs WordPress Gutenberg. Dans cet article, nous vous montrerons les nombreuses façons d'ajouter des boutons d'appel à l'action aux articles et pages de blog WordPress. Vous pouvez choisir la solution qui correspond le mieux à vos besoins.

Ajouter des boutons aux articles/pages de WordPress en utilisant l'éditeur par défaut

Cette méthode est facile à utiliser et convient à tous les utilisateurs. Elle utilise la fonction intégrée "boutons"Blocs. Si vous utilisez encore l'ancien éditeur classique, vous pouvez passer à la section suivante.

1. sélectionner la page

besoinCréer un nouveau messagepeut-êtreModifier un message existantpour ajouter des boutons.

Dans l'écran d'édition du message, cliquez sur "+"et sélectionnez le bloc de boutons dans la section Éléments de mise en page.

2. ajouter un bloc de boutons

Ensuite, vous devriez voir que le bloc de boutons a été ajouté à l'éditeur de contenu. Cliquez simplement sur "Ajouter un texte..."et saisissez le texte du bouton.

3. ajouter le texte du bouton

Cliquez ensuite sur le bouton Lien dans la barre d'outils pour ajouter un lien. Vous pouvez rechercher le message ou la page, ou simplement copier et coller l'URL dans le champ du lien. Lorsque vous avez terminé, appuyez sur le bouton "Entrer"ou cliquez sur "appareil"pour enregistrer le lien.

4. ajouter un lien vers un bouton

Pour centrer le bouton, vous pouvez cliquer sur "s'aligner dans le bon ordre"et sélectionnez "aligné au centre". L'alignement vertical des boutons peut également être modifié à partir de la barre d'outils.

5. modifier l'alignement des boutons

Vous pouvez ensuite personnaliser le style du bouton et modifier les couleurs du texte et de l'arrière-plan à partir du panneau Paramètres du bloc situé à droite. Il suffit de passer aux paramètres du bloc sous "type"pour ajuster le style du bouton.

6、Changer le style des boutons

Trois styles de boutons sont disponibles : par défaut, contour et carré. La section des paramètres de couleur comprend cinq variations de couleur pour l'arrière-plan et le texte du bouton. Les paramètres de couleur peuvent également être modifiés en cliquant sur le bouton "Couleurs personnalisées"Vous pouvez également choisir une couleur personnalisée. Une fois satisfait du design du bouton, enregistrez ou publiez votre message pour en avoir un aperçu en direct.

Créer des boutons WordPress dans l'éditeur classique

L'éditeur de blocs par défaut de WordPress est plus moderne et plus rapide. Certains utilisateurs utilisent encore l'ancien éditeur classique de WordPress. Nous ne recommandons pas l'utilisation de l'éditeur classique parce qu'il a des fonctionnalités limitées et qu'il est dépassé.

Si vous utilisez toujours l'éditeur classique, vous pouvez ajouter des boutons à WordPress de trois façons :

1. Ajouter des boutons à l'aide du code HTML/CSS.
2. Ajoutez des boutons à l'aide du plugin Button Shortcode.
3. Ajouter des boutons sans utiliser le shortcode.

1. utiliser Oubliez les boutons de shortcode plug-in (composant logiciel)

La troisième méthode recommandée consiste à utiliser un plugin. Tout d'abord, installez et activez dans le tableau de bord Oubliez les boutons de shortcode Plugin. Après avoir activé le plugin, créez un nouvel article ou modifiez un article existant. Dans l'éditeur, cliquez sur "Bouton d'insertion"Icônes.

2、Insérer l'icône du bouton

Une fenêtre s'ouvre pour vous permettre de concevoir le nouveau bouton. Tout d'abord, ajoutez le texte et l'URL du bouton. Ensuite, vous pouvez ajouter le lien vers la page nofollow et sélectionnez Ouvrir le lien dans un nouvel onglet.

3. sélectionner les icônes et les couleurs des boutons

Vous pouvez également sélectionner l'icône du bouton, la couleur du texte et la couleur d'arrière-plan, choisir le style et la taille du bouton. Lorsque vous avez terminé, cliquez sur "mettre à jour"Le bouton sera inséré dans le message.

4、Alignement des boutons

L'alignement des boutons peut être défini en sélectionnant le texte du bouton et en utilisant les boutons de la barre d'outils de l'éditeur. Une fois que vous êtes satisfait du design, publiez ou mettez à jour le message pour voir le résultat.

Ajouter des boutons "cliquer pour appeler" dans WordPress

Les boutons "cliquer pour appeler" sont un type spécifique de bouton d'appel à l'action sur lequel les utilisateurs n'ont qu'à cliquer pour appeler votre équipe. Ce type de bouton est très efficace pour augmenter le nombre de prospects et de conversions.

1. l'installation Bouton d'appel WP plug-in (composant logiciel)

Premièrement.Installer et activer le plugin WP Call ButtonAprès l'activation, visitez la page Paramètres. Après l'activation, visitez la page Paramètres "WP Call Button" pour configurer les paramètres du plugin et concevoir le bouton d'appel.

2、Configurer le bouton d'appel collant

Dans les paramètres des boutons d'appel collants, activez l'état du bouton Appeler maintenant, entrez le numéro de téléphone, modifiez le texte du bouton d'appel, sélectionnez la position et la couleur du bouton.

3、Réglage des boutons personnalisés

Vous pouvez personnaliser le texte du bouton, les couleurs, les icônes, etc. et choisir sur quelles pages du site web et sur quels appareils le bouton d'appel collant sera affiché. Enregistrez vos modifications et visitez le site web pour voir l'effet du bouton.

4. ajouter un bouton d'appel statique

Des boutons d'appel statiques peuvent également être ajoutés aux pages, aux articles et aux barres latérales de WordPress à l'aide du plugin. Ajoutez un bloc WP Call Button dans l'éditeur de blocs et personnalisez le design du bouton. Si vous utilisez l'éditeur classique, vous pouvez utiliser le générateur de code court pour obtenir le code court et l'ajouter à l'article ou à la page.

5. ajouter des widgets

Faites glisser le widget WP Call Button dans la barre latérale ou dans une autre zone de widget pour enregistrer les paramètres.

Ajouter des boutons personnalisés dans WordPress

L'ajout de boutons n'est pas suffisant, il peut être nécessaire d'utiliser la fonctionImage du hérosetMenus et mises en page personnaliséesPersonnaliser la page. Il est recommandé d'utiliser l'optionglisser-déposer Les plugins de construction de pages WordPress tels que SeedProd peut-être Thrive Architect. Ces outils vous permettent de créer des pages personnalisées avec de magnifiques boutons d'appel à l'action.

Résumé :

Cet article détaille les nombreuses façons d'ajouter des boutons d'appel à l'action dans les articles et les pages de WordPress. Que vous utilisiez l'éditeur de blocs Gutenberg par défaut ou l'éditeur classique, plusieurs options s'offrent à vous. Vous pouvez ajouter des boutons personnalisés et des boutons d'appel à l'aide de blocs de boutons intégrés, de plugins comme Forget About Shortcode Buttons et WP Call Button.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.