{"id":1183,"date":"2024-04-30T17:24:06","date_gmt":"2024-04-30T17:24:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1183"},"modified":"2025-06-16T09:47:47","modified_gmt":"2025-06-16T09:47:47","password":"","slug":"comment-ajouter-des-boutons-aux-tableaux-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-add-buttons-to-wordpress-tables\/","title":{"rendered":"Bloc de boutons"},"content":{"rendered":"<p>Les boutons sont un \u00e9l\u00e9ment web puissant qui peut inciter les utilisateurs \u00e0 effectuer diverses actions. En ajoutant des boutons aux tableaux, vous pouvez inciter les utilisateurs \u00e0 explorer et \u00e0 acheter vos produits.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TableBerg<\/a> est un merveilleux plugin de construction de tableaux qui vous permet de cr\u00e9er et d'ajouter des boutons \u00e0 vos tableaux. Voyons comment ajouter des boutons aux tableaux WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 01 : S\u00e9lectionner la cellule dans laquelle vous souhaitez ajouter le bouton<\/h2>\n\n\n\n<p>S\u00e9lectionnez la cellule o\u00f9 vous souhaitez ajouter un bouton en pla\u00e7ant votre curseur dessus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button.webp\" alt=\"S\u00e9lectionnez la cellule dans laquelle vous souhaitez ajouter le bouton.\" class=\"wp-image-1184\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 02 : Ajouter le bloc de boutons au tableau<\/h2>\n\n\n\n<p>Cliquez sur le bouton Gutenberg <strong>ic\u00f4ne plus (+)<\/strong>. Vous verrez le <strong>Bloc de boutons<\/strong>. <\/p>\n\n\n\n<p><strong>Ajouter au tableau<\/strong> en cliquant dessus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table.webp\" alt=\"Ajouter le bloc de boutons au tableau\" class=\"wp-image-1185\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 03 : Ajouter un texte CTA au bouton<\/h2>\n\n\n\n<p>Un texte CTA est indispensable pour chaque bouton. <strong>Ajoutez votre texte CTA<\/strong> sur le bouton.<\/p>\n\n\n\n<p>Vous pouvez modifier la position du bouton \u00e0 l'aide de l'option Alignement de la barre d'outils. Ensuite, vous pouvez augmenter sa largeur \u00e0 l'aide de l'option Largeur de la barre lat\u00e9rale droite.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button.webp\" alt=\"Ajouter une copie du CTA au bouton\" class=\"wp-image-1186\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 04 : Styliser le bouton<\/h2>\n\n\n\n<p>Venez au <strong>Onglet Styles<\/strong>. \u00c0 partir de l\u00e0, vous pouvez modifier la couleur du texte du bouton, la couleur d'arri\u00e8re-plan, la couleur de survol, la typographie et les dimensions. J'esp\u00e8re que vous pourrez effectuer les modifications vous-m\u00eame.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button.webp\" alt=\"Styliser le bouton\" class=\"wp-image-1187\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 05 : Ajouter un lien de destination au bouton<\/h2>\n\n\n\n<p>Cliquez sur le bouton <strong>Option de lien<\/strong> dans la barre d'outils. Une bo\u00eete s'ouvrira, dans laquelle vous pourrez ajouter un lien de destination. Copiez-collez le lien de votre article ou de votre page dans la bo\u00eete.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button.webp\" alt=\"Ajouter un lien de destination au bouton\" class=\"wp-image-1188\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ainsi, vous pouvez ajouter des boutons CTA \u00e0 vos tables WordPress. Pour en savoir plus, consultez cet article sur <a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-un-bouton-acheter-sur-amazon-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment ajouter des boutons \"Acheter sur Amazon\" dans un tableau WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tutoriel vid\u00e9o<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Ajouter des boutons \u00e0 un tableau dans WordPress avec Tableberg\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/3ZJ4RrEwdKE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>Buttons are a powerful web element that can trigger users to complete various actions. By adding buttons to tables, you can motivate users to explore and buy your products. TableBerg is a wonderful table-builder plugin by which you can create and add buttons to your tables. Let&#8217;s have a tour on how to add buttons [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[63],"class_list":["post-1183","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-table-buttons"],"year_month":"2026-04","word_count":272,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Table Buttons","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/table-buttons\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=1183"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1183\/revisions"}],"predecessor-version":[{"id":9745,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1183\/revisions\/9745"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1183"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1183"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}