Un plugin pour créer un bouton « call to action »

creer-bouton wordpress

De nombreux thèmes premiums proposent des options directement intégrées  dont notamment la possibilité d’insérer des boutons sur vos pages ou articles. Cependant certains thèmes peuvent être dépourvus de cette fonctionnalité. Pour palier à cela un plugin nommé MaxButtons:Wordpress Button Generator va vous permettre de créer vous même vos propres boutons, et de les placer où vous le souhaiter à l’aide de shortcodes.

Pourquoi ajouter un bouton « Call to action » ?

Comme leur dénomination l’indique, ce type de bouton a pour but d’amener le lecteur à interagir sur le site, à cliquer pour obtenir quelque-chose ou aller quelque-part. Vous pouvez les utilisez pour amener le lecteur sur une autre page de votre site (ex: la page services, la page de contact). Mais vous pouvez les utiliser également pour mettre en valeur un contenu à télécharger en bas de vos articles par exemple si vous proposez une image, un fichier zip, un pdf etc.

Comment utiliser Maxbuttons ?

Etape 1: « Add New » :Après avoir installé le plugin, un nouvel onglet a été créé. Cliquez dessus et appuyez sur Add New.

Etapes 2 à 5: « Basics »: Donnez un nom au bouton, un descriptif (afin de s’y retrouver si vous en créez plusieurs) , choisissez l’url vers laquelle le bouton va amener le visiteur qui clique dessus, et entrez le texte que vous souhaitez voir figurer sur le bouton.

Etape 6: « Text » :Stylisez la police d’écriture et choisissez la taille du bouton. Le padding va définir l’espace entre le texte et les bords du boutons. Vous pouvez vous amuser à le faire varier pour vous donnez une idée. Si vous laissez les cases vides, les valeurs par défaut seront appliquées.

Etape 7: « Border » :Ici vous allez donner une forme à votre bouton selon que vous le souhaitiez plus ou moins carré. Vous allez donc jouer avec les valeurs du radius. L’option « Style » définit la ligne qui entoure le bouton, elle peut être pleine ou en pointillés etc.

Etape 8: « Colors »: Vous allez maintenant choisir les couleurs de votre bouton. En haut les couleurs du bouton et du texte qui s’afficheront à la base et en bas lorsqu’on passe la souris dessus. Vous pouvez choisir des tonalités légèrement similaires ou un total contraste mais évitez des couleurs trop criardes…

Etape 9: « Container/advanced »: Concerne l’affichage de votre bouton au sein de votre article ou de votre page. Vous pouvez choisir de le centrer par défaut et définir « sa distance » par rapport aux autres éléments de votre page. La partie CSS est réservée aux personnes souhaitant le modifier. Si vous ne savez pas de quoi il s’agit ni touchez pas.

Etape 10: « Validation »: Cliquez sur Save, un message jaune apparait vous donnant le shortcode du bouton à insérer là où vous le souhaitez. Mais pas la peine de revenir sur cette page pour l’obtenir à nouveau, une nouvelle option est normalement apparue dans votre éditeur wordpress vous permettant d’ajouter votre bouton directement lorsque vous rédigez votre page ou votre article. Pratique ! 

TÉLÉCHARGER MAX BUTTON

Jette un oeil ici

Ola !

Je suis Christelle et je crée des sites internet pour les indépendants, coachs, thérapeutes dans le domaine du bien-être, professeurs de Pilates, de Yoga, infopreneurs et comme moi, les femmes qui se sont reconverties dans une activité en ligne durant leur expatriation. Parce que je comprends leur besoin et la stratégie à adopter en ligne, je suis à même de pouvoir les aider dans leur projet. 

J'aide également les Web Designers et Graphistes à réfléchir à la meilleure façon de développer leur activité et à travailler avec les clients qui sont faits pour eux. 

Tu n'as pas besoin de tout faire tout(e) seul(e). N'hésite pas à me contacter! 

14 Comments

  1. shojin sur 1 juillet 2014 à 22 h 08 min

    Bonjour, j’ai un souci avec cette appli, les couleurs sont enregistrées mais le texte ne reste pas ! Le lien de redirection est bon, il ne manque que le texte sur le bouton et ne fait que s’annuler chaque fois que je sauvegarde !
    Une astuce peut etre ?

  2. shojin sur 1 juillet 2014 à 22 h 09 min

    Rectification, en faites il s’affiche correctement sur la page ! ^^

    • Christelle Bourgeois sur 2 juillet 2014 à 10 h 11 min

      Bonjour Shojin, contente d’apprendre que tout est rentré dans l’ordre 🙂

  3. Vincent Le Coach sur 5 août 2014 à 19 h 12 min

    Merci Christelle pour cette information / formation.
    Une question : j’aimerais faire apparaître le bouton ainsi qu’un texte après un certain temps.
    Comment puis-je faire ceci ?

    Cordialement,
    Vincent

    • Christelle Bourgeois sur 6 août 2014 à 11 h 28 min

      Bonjour Vincent,
      Je ne suis pas sûre de cerner votre demande. Vous souhaitez que le bouton n’apparaisse pas tout de suite? Avec ce plugin ce n’est pas possible. Je me demande si ce n’est pas plutôt une solution de pop-up que vous cherchez. Or en ce domaine il existe plusieurs plugins de pop-up mais je n’ai pas encore fait de test concluant.

  4. filo sur 16 septembre 2014 à 11 h 34 min

    Merci Christelle ! Je l’intègre de suite !
    Tu es vraiment en Angola ?

    • Christelle Bourgeois sur 16 septembre 2014 à 12 h 21 min

      De rien! Et oui j’habite à Luanda en Angola 🙂

      • filo sur 16 septembre 2014 à 14 h 18 min

        un peu d’exotisme dans la journée 🙂
        Tu as le bonjour du soleil breton 🙂

        ton site est vraiment sympa… je t’ajoute dans mon flux G+ …
        alors a bientôt!

        • Christelle Bourgeois sur 17 septembre 2014 à 15 h 19 min

          Merci!
          Ben oui ah quoi bon aller chercher le soleil en Afrique (en plus en ce moment le ciel est bien gris même s’il fait chaud) alors qu’en France c’est l’été! La prochaine fois je rentre en France en Septembre 😉



  5. nashuya29 sur 20 octobre 2014 à 18 h 26 min

    Je n’ai pas encore essayé, mais je ne vais pas traîner ^^ Dans tous les cas déjà merci pour cette idée, et ces superbes explications 🙂

    • Christelle Bourgeois sur 6 novembre 2014 à 21 h 30 min

      Merci!

  6. ellemra sur 8 mai 2015 à 19 h 42 min

    J’utilise wordpress avec le theme Accesspress lite et j’aimerai changer les boutons Facebook, You tube et Laisser un commentaire. Est ce la bonne méthode ? L’article ne parle que de boutons à ajouter dans les articles ou page alors que là c’est le thême qu’il faudrait modifier. Mais je ne sais pas ou farfouiller dans la feuille de style…

    • Christelle Bourgeois sur 8 mai 2015 à 23 h 49 min

      Bonjour Armelle, non, ce n’est pas la bonne méthode. Ici il s’agit de placer des boutons dans des pages. Ce que vous vous souhaitez faire pour le bouton laisser un commentaire demande de manipuler le css. Quant aux boutons Facebook et youtube ils ont été également créés en css. Vous pouvez les changer de couleur via la feuille de style.

  7. Loïc sur 17 octobre 2016 à 15 h 11 min

    Merci pour ces explications claires.
    Elles me sont très utiles.

Laissez un commentaire





Centre de préférences de confidentialité

Cookies newsletter

Les cookies suivants sont utilisés par le système de gestion de newsletter Convertkit (conforme au RGPD).

_ck_form, _mailapp_session, XSRF-TOKEN

Cookies Analytics

J'utilise Google Analytics afin de connaître l'utilisation et les performances de mon site et d'en améliorer le fonctionnement ou la façon dont je présente le contenu.

_ga, _gat_gtag_UA_40189715_1,

Fermer votre compte ?

Votre compte sera fermé et toutes les données seront définitivement supprimées et ne pourront pas être récupérées. Confirmez-vous ?

Scroll Up
146 Partages
Enregistrer136
Tweetez
Partagez9
Partagez1