{"id":1900,"date":"2022-11-12T16:07:45","date_gmt":"2022-11-12T16:07:45","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/11\/12\/6435964-hostinger-createur-de-sites-web-comment-ajouter-des-boutons\/"},"modified":"2025-08-26T21:34:52","modified_gmt":"2025-08-26T21:34:52","slug":"6435964-hostinger-createur-de-sites-web-comment-ajouter-des-boutons","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6435964-hostinger-createur-de-sites-web-comment-ajouter-des-boutons\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Sites Web : Comment Ajouter des Boutons"},"content":{"rendered":"<p class=\"no-margin\">Le moyen le plus simple d&rsquo;ajouter des boutons &agrave; votre site web est d&rsquo;utiliser <b>des &eacute;l&eacute;ments de bouton<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Dans l&rsquo;&eacute;diteur, d&eacute;veloppez le panneau <b>Ajouter un &eacute;l&eacute;ment<\/b> sur la gauche. S&eacute;lectionnez l&rsquo;&eacute;l&eacute;ment <b>bouton<\/b>, puis faites-le glisser et d&eacute;posez-le n&rsquo;importe o&ugrave; sur votre site web :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/ffea8cc0-dfce-42c2-9d00-c2b95d4a5f86.jpg\"><\/div><p class=\"no-margin\">Cliquez sur un bouton pour voir plus d&rsquo;options (modifier, dupliquer, supprimer, redimensionner) :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/8a317ddc-70d0-458c-8b97-34b62ee02e64.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>Modifier le bouton<\/b> pour ouvrir ses param&egrave;tres :<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td>\n<p class=\"no-margin\"><b>G&eacute;n&eacute;ral<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Style<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">Renommer le bouton<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Modifiez les attributs de style suivants du bouton :<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Couleur de fond<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Couleur, police et taille du texte<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rayon de la bordure (forme du bouton)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">Utilisez <b><a href=\"\/fr\/support\/6454367-createur-de-site-web-comment-ajouter-des-liens\" target=\"_blank\" class=\"intercom-content-link\">les options de liaison<\/a><\/b> ; vous pouvez cr&eacute;er un lien hypertexte vers un bouton avec :<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">N&rsquo;importe quelle URL<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">La page de votre site web<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Un num&eacute;ro de t&eacute;l&eacute;phone<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">une adresse &eacute;lectronique<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Fichier<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<td>\n<p class=\"no-margin\">\n<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\"><b>Remarques <\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">Une autre fa&ccedil;on d&rsquo;ajouter des boutons est d&rsquo;utiliser <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">des &eacute;l&eacute;ments de code incorpor&eacute;<\/a><\/b> ; de cette mani&egrave;re, vous pouvez ajouter des boutons <b><a href=\"https:\/\/www.paypal.com\/buttons\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">PayPal<\/a><\/b>, <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/share-button\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Share<\/a><\/b>, <b><a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/tweet-button\/overview\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tweet<\/a><\/b> et autres.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">En savoir plus sur les boutons &ldquo;<b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6570087-website-builder-add-to-bag-buttons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Ajouter au panier<\/a><\/b>&ldquo;.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ajouter des boutons \u00e0 votre site web.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1900","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435964-hostinger-website-builder-how-to-add-buttons\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435964-hostinger-creador-de-sitios-web-como-agregar-botones\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435964-hostinger-createur-de-sites-web-comment-ajouter-des-boutons\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435964-hostinger-website-builder-cara-menambahkan-tombol\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435964-hostinger-svetainiu-kurimo-irankis-mygtuko-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435964-hostinger-criador-de-sites-como-adicionar-botoes\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6435964-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1900"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1900\/revisions"}],"predecessor-version":[{"id":4081,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1900\/revisions\/4081"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}