WordPress
time_read20mn de lecture

Comment créer des boutons sur un site web ?

09 janvier 2023

Comment créer des boutons sur un site web ?

Créer des boutons sur un site web est un processus extrêmement simple. L’utilisation de boutons sur internet est devenue une pratique courante au cours de ces dernières années. Les boutons incluent un appel à l’action pour amener vos visiteurs à interagir avec votre site. Cela peut être pour une redirection vers une page de vente, une page d’atterrissage, un menu ou n’importe quelle autre ressource utile aux visiteurs.🤗

Ce qui implique donc que votre bouton sera toujours associé à un lien. La création de boutons peut vous aider à augmenter considérablement votre taux de clics.🤭

Objectif

Dans cet article, nous allons vous expliquer comment ajouter des boutons sur un site web créé avec WordPress ou SiteBuilder Pro LWS.

Les étapes pour créer des boutons sur un site web

Quel que soit le motif pour lequel vous souhaitez ajouter des boutons, vous devez noter que le processus varie en fonction du module utilisé pour concevoir votre site. Mais comme nous l’avons dit tantôt, nous allons détailler ici le processus lorsque vous gérez un site WordPress ou s’il est créé avec SiteBuilder Pro LWS.

Créer un bouton avec WordPress

La façon la plus simple de créer des boutons sur WordPress consiste à utiliser un plugin. MaxButtons est sans le module le plus puisant et le plus populaire de la catégorie. Il s’agit d’une extension gratuite et pour l’installer, connectez-vous à votre espace d’administration. Ensuite, rendez-vous dans la section « Extensions › ajouter ».

Ajouter une extension WordPress

Ensuite, utilisez la barre de recherche, trouvez le plugin MaxButtons et suivez le processus d’installation classique.

Installer le plugin MaxButtons WordPress

Une fois que le processus d’installation est terminé, rendez-vous dans la section « Maxbuttons › add new » pour ajouter un nouveau bouton à votre site.

Créer un bouton avec le plugin MaxButtons WordPress

Dans l’interface suivante, vous avez différentes fonctionnalités à configurer pour créer votre bouton. Vous devez premièrement choisir si vous souhaitez créer un bouton pour les écrans de bureau ou pour les appareils mobiles. Une fois que vous avez fait le choix, cliquez sur le bouton « Save » afin d’enregistrer vos modifications.

Dans la section « Basics », vous devez ajouter le nom de votre bouton ainsi que l’URL de redirection. Vous pouvez ensuite activer la balise nofollow ou l’ouverture de la page sous-jacente dans un nouvel onglet.

Vous avez également des options pour personnaliser le texte du bouton, les dimensions, le style de la police, l’arrière-plan, la position du texte ou encore la description.

Éditeur de bouton WordPress

Une fois que vous avez terminé de configurer cette section, défilez l’interface vers le bas et ajustez les options de la section « Border ». Dans cette partie, vous pouvez personnaliser les paramètres en rapport avec la position du bouton lorsqu’il sera affiché.

Personnaliser un bouton WordPress

Vous pouvez ensuite personnaliser les options de la section « Background » qui concerne l’arrière-plan de votre bouton.

Choisir le style d'un bouton WordPress

Vous avez de plus d’autres options pour personnaliser davantage votre bouton.

Options de personnalisation de bouton WordPress

Et si vous maîtrisez du CSS, vous pouvez accéder à la section« Advanced » pour personnaliser manuellement le style de votre bouton.

personnaliser le CSS du bouton WordPress

Depuis l’interface, vous pouvez prévisualiser toutes les modifications de votre bouton dans un panneau dédié.

Prévisualiser le bouton WordPress

Une fois que vous avez terminé, cliquez sur le bouton « Save » pour enregistrer votre bouton.

Le plugin vous fournit par la suite un Shortcode, que vous pouvez copier pour insérer votre bouton à n’importe quel emplacement de votre site.

Shortcode bouton WordPress

Vous pouvez par exemple l’insérer sur la page d’accueil de votre site, dans un article ou dans un menu.

Créer un bouton dans WordPress

Créer un bouton avec SiteBuilder Pro LWS

Si votre site est plutôt déployé avec SiteBuilder Pro, le processus pour créer des boutons est complètement différent du premier.

Pour commencer, rendez-vous dans la section de modification de votre site depuis votre espace d’hébergement. Cliquez sur la fonctionnalité « Bouton » sur la barre supérieure.

créer un bouton avec SiteBuilder Pro LWS

Un tableau contextuel sera affiché et vous devez choisir le type de bouton que vous souhaitez ajouter. Cela peut être un bouton standard, un bouton de texte ou encore un bouton d’icônes.

Créer un bouton sur un site web

Une fois que vous avez fait le choix, vous serez redirigé vers l’interface de personnalisation de votre bouton. Dans la partie gauche, vous avez l’aperçu du bouton sur votre site et à droite, vous avez les paramètres de personnalisation.

Personnaliser un bouton sur SiteBuilderPro

Comme vous pouvez le voir, vous avez la possibilité de modifier le style, la taille et la couleur de la police. Vous devez également ajouter l’URL du bouton.

Lier un bouton à une page web

Les autres sections vous permettent de personnaliser davantage votre bouton.

Personnaliser un bouton créé avec SiteBuilder Pro LWS

Par exemple, la section « Animation » vous permet d’ajouter des effets animés à votre bouton.

Ajouter une animation sur un bouton

Une fois que vous avez terminé, il ne vous reste qu’à publier votre bouton.

Contrairement à WordPress, ici le bouton est directement ajouté et publié sur votre site à l’emplacement choisi, il n’y a pas de codes à gérer.

Publier un bouton sur SiteBuilderPro

Conclusion

🥳Bravo ! La création de boutons n’a plus de secret pour vous. La démarche à suivre dépend de l’application que vous avez utilisée pour créer votre site. Dans cet article, nous avons détaillé le processus à suivre pour WordPress et SiteBuilder Pro LWS. Maintenant, il ne vous reste qu’à mettre ces connaissances en pratique !

Si vous avez des questions et des ajouts sur la création de boutons sur un site web en ligne, utilisez la section dédiée aux commentaires pour nous écrire.

Besoin d’un hébergeur pour votre site ?

LWS vous conseille sa formule d’hébergement web en promotion à -25% (offre à partir de 1,49€ par mois au lieu de 1,99 €). Non seulement les performances sont au rendez-vous mais vous profitez d’un support exceptionnel.

Découvrir l’offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (2)

Chamusard Sébastien
14/06/2023 - 10:35
Karen
2023-06-14 10:43:20

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.