Passer au contenu

Comment créer un bouton sur son site Internet ? (WordPress et autres)

Vous souhaitez savoir comment créer, ajouter, et surtout personnaliser un bouton sur votre site Internet ? Nous allons vous expliquer comment faire à la suite. En effet nous avons préparé plusieurs tutoriels afin que vous puissiez ajouter rapidement des boutons “call-to-action” sur votre site WordPress, Jimdo, SiteW, ou encore Webself.

Créer Bouton Site Internet
© Pixabay

Comment créer et ajouter des boutons sur votre site WordPress ?

Pour débuter ce guide complet, nous allons nous attarder sur la création d’un ou plusieurs boutons pour un site WordPress.

Il est bon de noter qu’il existe plusieurs manières de faire :

À vous de voir la méthode qui correspond le mieux à vos besoins et surtout à vos compétences. Si vous n’avez pas la moindre connaissance en développement web, ne vous aventurez pas dans la création de boutons WordPress via HTML et CSS.

La solution la plus simple pour ajouter des boutons sur votre site WordPress est pour nous celle qui consiste à utiliser un plugin qui va générer des shortcodes.

On vous explique à la suite comment vous allez devoir procéder.

Ajout de boutons “call-to-action” sur un site WordPress avec MaxButtons

Pour créer des boutons personnalisables sur votre site WordPress, nous vous conseillons d’utiliser le plugin appelé MaxButtons :

Plugin WordPress Bouton Site
© MaxButtons

Ce dernier va vous permettre d’ajouter des boutons via un shortcode sur l’ensemble de vos pages et articles.

Une fois le plugin installé sur votre site, vous n’aurez qu’à vous rendre dans son panneau d’administration afin de créer un nouveau bouton call-to-action via l’option “Add” :

Création bouton site MaxButtons
© MaxButtons

Renseignez ensuite le nom de votre bouton, le lien vers lequel il va devoir diriger les visiteurs, la couleur, sa forme, etc.

Absolument tout est paramétrable avec MaxButtons. Autant vous dire que vous allez être en mesure de créer de beaux boutons pour votre site WordPress.

Une fois le bouton créé, enregistrez l’ensemble.

Choix Bouton MaxButtons
© MaxButtons

Vous retrouverez ensuite un récapitulatif de tous les boutons créés via le plugin MaxButtons. À ce sujet, sachez que depuis l’interface d’édition d’un article ou d’une page WordPress, vous pourrez retrouver un listing complet des boutons précédemment créés.

De ce fait en un simple clic vous pourrez les insérer dans un article ou encore modifier le texte de votre bouton afin de l’adapter à la situation ou la thématique traitée.

Notez d’ailleurs que le bouton ne s’affichera pas de manière visuelle dans votre éditeur d’article. Ce sera un simple shortcode. Pour les visiteurs par contre, cela sera tout bonnement transparent et ils verront directement la version graphique.

Quels sont les plugins alternatifs à MaxButtons ?

  • Forget About Shortcode Buttons
  • WordPress Shortcodes Plugin

Tutoriel pour ajouter un bouton sur votre site Jimdo

Après la création d’un site sur Jimdo, vous avez envie de savoir comment faire pour ajouter des boutons à vos articles et vos pages ?

Visiter le site de Jimdo

Voici en quelques étapes simples comment il va falloir vous y prendre :

  • Rendez vous dans l’interface Jimdo Creator
  • Cliquez sur “Ajouter un élément” puis sélectionnez l’option “Bouton”
  • Personnalisez votre bouton à votre guise (texte, lien, alignement, style et couleurs…)
  • Validez votre création en l’enregistrant.
Création Bouton Site Jimdo
© Jimdo

Et voilà, vous avez à présent un beau bouton call-to-action qu’il vous sera possible d’ajouter sur votre site Jimdo.

Comment créer et personnaliser un bouton sur un site SiteW ?

SiteW est un créateur de site basé en France qui s’avère être simple à utiliser.

Visiter le site de SiteW

Depuis son interface de personnalisation, vous allez en effet pouvoir créer de beaux boutons :

  • Utilisez le module “Bouton”
  • Renseignez le texte de votre call-to-action ainsi que le lien vers lequel il doit renvoyer
  • Cliquez sur “Design” afin de modifier le look (police, couleur, forme)
  • Ajoutez un icône dans votre bouton si l’envie vous prend puis validez l’ensemble.
Création bouton site SiteW
© SiteW

Guide pour créer et ajouter un bouton sur une page de votre site Webself

Vous avez créé votre site Internet grâce au logiciel de création Webself ?

Visiter le site de Webself

C’est parfait ! Dans ce cas découvrez la démarche à suivre afin de créer et ajouter un bouton sur vos pages et articles existants.

  • Rendez vous dans l’éditeur Webself
  • Cliquez sur “Bouton” dans la partie “Structure”
  • Choisissez la forme de celui-ci, le texte, ainsi que le lien
  • Modifiez la couleur et la forme afin que le design réponde à la charte graphique de votre site
  • Sauvegardez votre nouveau bouton.
Création Bouton Site Webself
© Webself

Une fois encore la démarche n’a rien de bien sorcier. C’est un véritable jeu d’enfant de créer et ajouter un bouton sur page de votre site Webself.

Sachez à ce propos que vous pourrez insérer des images dans vos boutons si vous en avez envie. Pour ce faire vous n’avez qu’à cocher la case “Image” puis télécharger l’image de votre choix.

Conclusion

Nous espérons qu’au travers de nos tutoriels vous avez pu réussir à créer un ou plusieurs boutons pour votre site Internet.

Comme vous avez pu le constater, peu importe le CMS ou le logiciel de création de site que vous utilisez la démarche est extrêmement simple.

Vous n’aurez pas besoin de vous embêter à coder en HTML et en CSS afin d’avoir de beaux call-to-action.