{"id":953,"date":"2025-01-25T01:18:12","date_gmt":"2025-01-25T01:18:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=953"},"modified":"2025-01-25T01:18:17","modified_gmt":"2025-01-25T01:18:17","slug":"comment-ajouter-un-bouton-acheter-sur-amazon-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-buy-on-amazon-button-in-wordpress\/","title":{"rendered":"Comment ajouter des boutons \"Acheter sur Amazon\" dans WordPress (3 fa\u00e7ons)"},"content":{"rendered":"<p>Amazon est l'une des plus grandes places de march\u00e9 du commerce \u00e9lectronique, tant pour les d\u00e9taillants que pour les grossistes. Non seulement les vendeurs et les clients, mais aussi de nombreux sp\u00e9cialistes du marketing d'affiliation rejoignent Amazon pour gagner des commissions en promouvant des produits et des services sur cette plateforme.<\/p>\n\n\n\n<p>Le bouton \"Acheter sur Amazon\" n'est rien d'autre qu'un <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-bouton-dappel-a-laction-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">CTA button<\/a> que les sp\u00e9cialistes du marketing d'affiliation ajoutent \u00e0 leur site web. Gr\u00e2ce \u00e0 ce bouton, ils peuvent diriger les utilisateurs vers des pages de produits sp\u00e9cifiques, ce qui leur permet d'acheter des produits en un seul clic.<\/p>\n\n\n\n<p>Dans cet article, nous allons vous montrer trois m\u00e9thodes simples pour ajouter des <strong>Acheter sur Amazon<\/strong> dans WordPress. Pr\u00e9parez-vous \u00e0 explorer.<\/p>\n\n\n<div class=\"wp-block-tableberg-wrapper wp-block-tableberg-table\" >\n\t\t\t<div class=\"tableberg-table-wrapper\" style=\"border-color: #abb8c3; \">\n\t\t\t\t<table class = \"has-inner-border\" style=\"border-spacing: 0 0; --tableberg-cell-padding-top: var(--wp--preset--spacing--medium); --tableberg-cell-padding-bottom: var(--wp--preset--spacing--medium); --tableberg-inner-border-top: none; --tableberg-inner-border-right: 1px solid #abb8c3; --tableberg-inner-border-bottom: 1px solid #abb8c3; --tableberg-inner-border-left: none; --tableberg-inner-border-top-first: 1px solid #abb8c3; --tableberg-inner-border-left-first: 1px solid #abb8c3; \" data-tableberg-header=\"\" data-tableberg-footer=\"\" data-tableberg-responsive data-tableberg-rows=\"1\" data-tableberg-cols=\"3\" data-tableberg-mobile-width=\"700\" data-tableberg-mobile-mode=\"stack\" data-tableberg-mobile-direction=\"row\" data-tableberg-mobile-count=\"1\" data-tableberg-mobile-header=\"1\" ><colgroup><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><\/colgroup><tbody><tr class=\"tableberg-odd-row\" style=\"\">\n<td data-tableberg-row=\"0\" data-tableberg-col=\"0\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Simple-Buy-on-Amazon-Button.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9thode 1<\/strong>: <a href=\"#Using-the-default-Buttons-Block\">Utilisation du bloc de boutons par d\u00e9faut<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"1\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-with-Icon.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9thode 2<\/strong>: <a href=\"#Using-the-Ultimate-Blocks\">Utilisation des blocs ultimes<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"2\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Buttons-on-Table.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9thode 3<\/strong>: <a href=\"#Using-the-Tableberg-Table-Block\">Utilisation du bloc de table Tableberg<\/a><\/p>\n<\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-default-Buttons-Block\">M\u00e9thode 1 : Utilisation du bloc de boutons par d\u00e9faut<\/h2>\n\n\n\n<p>L'\u00e9diteur Gutenberg est livr\u00e9 avec un <strong>bloc de boutons par d\u00e9faut<\/strong>. Avec ce bloc, vous pouvez cr\u00e9er et ajouter un bouton fonctionnel sur votre site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Ajouter le bloc de boutons par d\u00e9faut \u00e0 votre site<\/h3>\n\n\n\n<p>Ouvrez un article ou une page o\u00f9 vous souhaitez ajouter ce bouton CTA. Cliquez sur le bouton <strong>bouton plus (+)<\/strong> sur l'\u00e9diteur. Recherchez l'option <strong>Bloc de boutons<\/strong> en le tapant dans la bo\u00eete de recherche. Ajoutez-le \u00e0 un endroit appropri\u00e9 dans l'\u00e9diteur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp\" alt=\"Ajouter le bloc de boutons \u00e0 WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-453\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Le bloc Boutons est ajout\u00e9. Par d\u00e9faut, il ne contient pas de texte et est align\u00e9 \u00e0 gauche. Ensuite, nous allons ajouter un texte CTA avec un lien et l'aligner au centre.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png\" alt=\"Le bloc Boutons est ajout\u00e9\" class=\"has-border-color has-main-accent-border-color wp-image-954\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : Ajouter une copie et un lien CTA au bouton<\/h3>\n\n\n\n<p>Placez votre curseur sur le bouton et tapez <strong>Acheter sur Amazon<\/strong>. Vous pouvez mettre le texte en gras en appuyant sur la touche <strong>Option gras<\/strong> dans la barre d'outils. Ensuite, alignez le bouton au centre. Vous pouvez \u00e9galement l'aligner \u00e0 gauche ou \u00e0 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp\" alt=\"Ajoutez un texte CTA et placez le bouton au centre.\" class=\"has-border-color has-main-accent-border-color wp-image-955\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ajoutez un lien au bouton CTA en cliquant sur le bouton <strong>Option de lien<\/strong> dans la barre d'outils Gutenberg.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp\" alt=\"Ajouter un lien au bouton\" class=\"has-border-color has-main-accent-border-color wp-image-956\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 03 : Personnaliser et styliser le bloc de boutons<\/h3>\n\n\n\n<p>Vous obtiendrez le <strong>Param\u00e8tres<\/strong> et <strong>Onglets de style<\/strong> dans la barre lat\u00e9rale droite. L'onglet Param\u00e8tres vous permet de <strong>augmenter la largeur<\/strong> du bloc de boutons selon vos besoins.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp\" alt=\"Modifier les param\u00e8tres de largeur du bouton CTA\" class=\"has-border-color has-main-accent-border-color wp-image-957\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>A partir de la <strong>Onglet Styles<\/strong>, vous pouvez modifier le <strong>texte<\/strong> et <strong>couleur de fond<\/strong> du bouton. Ensuite, vous pouvez modifier les <strong>la typographie, la taille de la police, le rembourrage, les bordures, <\/strong>et <strong>rayon<\/strong> du bloc de boutons.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1594\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3081\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-300x189.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1024x644.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-768x483.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1536x965.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-2048x1287.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<p>J'esp\u00e8re que vous pouvez le faire vous-m\u00eame. Ainsi, vous pouvez cr\u00e9er le <strong>Bouton Acheter sur Amazon<\/strong> avec ce bloc par d\u00e9faut.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Ultimate-Blocks\">Deuxi\u00e8me m\u00e9thode : utilisation du bloc bouton (am\u00e9lior\u00e9)<\/h2>\n\n\n\n<p>Il existe de nombreux plugins de boutons en ligne, qui vous permettent d'ajouter davantage de caract\u00e9ristiques et de fonctionnalit\u00e9s \u00e0 vos boutons CTA. <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocs ultimes<\/a> est l'un d'entre eux. Il vous permet d'ajouter des effets d'animation au bouton et de l'afficher \u00e0 l'horizontale ou \u00e0 la verticale.<\/p>\n\n\n\n<p>Aller \u00e0 <strong>Plugins &gt; Ajouter de nouveaux plugins<\/strong>. Type <strong>Blocs ultimes<\/strong> dans la bo\u00eete de recherche. <strong>Installer<\/strong> et <strong>activer<\/strong> le plugin. Suivez ensuite les \u00e9tapes d\u00e9crites ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Installer et activer le plugin Ultimate Blocks\" class=\"has-border-color has-main-accent-border-color wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Trouver et ajouter le bloc bouton (am\u00e9lior\u00e9)<\/h3>\n\n\n\n<p>Le bloc de boutons propos\u00e9 par Ultimate Blocks s'appelle <strong>Bouton (am\u00e9lior\u00e9)<\/strong>. Trouvez-le et ajoutez-le \u00e0 l'\u00e9diteur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp\" alt=\"Ajouter le bloc Bouton (am\u00e9lior\u00e9) \u00e0 l&#039;\u00e9diteur\" class=\"has-border-color has-main-accent-border-color wp-image-959\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : Ajouter une copie et un lien au bloc du bouton (am\u00e9lior\u00e9)<\/h3>\n\n\n\n<p>Ajouter le texte du CTA '<strong>Acheter sur Amazon<\/strong>et un lien vers le bouton en suivant la m\u00eame m\u00e9thode que celle d\u00e9crite ci-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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp\" alt=\"Ajouter une copie et un lien au bouton CTA\" class=\"has-border-color has-main-accent-border-color wp-image-960\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 03 : Configuration des param\u00e8tres du bloc de boutons (am\u00e9lior\u00e9s)<\/h3>\n\n\n\n<p>Les <strong>Onglet Param\u00e8tres<\/strong> dans la barre lat\u00e9rale droite vous offrira de nombreuses options. Vous pouvez justifier les <strong>alignement<\/strong>, d\u00e9finir son <strong>l'orientation<\/strong>et choisir l'option <strong>taille<\/strong> et <strong>largeur<\/strong> du bouton.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp\" alt=\"Configurer les param\u00e8tres du bloc bouton (am\u00e9lior\u00e9)\" class=\"has-border-color has-main-accent-border-color wp-image-961\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 04 : Ajouter une ic\u00f4ne au bouton<\/h3>\n\n\n\n<p>Faites d\u00e9filer l'onglet un peu plus bas. Vous aurez la possibilit\u00e9 de <strong>ajouter une ic\u00f4ne <\/strong>au bouton. Vous pouvez \u00e9galement modifier la position du bouton, y compris sa taille. Vous pouvez voir ci-dessous que nous avons ajout\u00e9 l'ic\u00f4ne du panier au bouton.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1386\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3083\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-300x164.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1024x560.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-768x420.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1536x839.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-2048x1119.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-18x10.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 05 : ajouter une animation au bloc du bouton (am\u00e9lior\u00e9)<\/h3>\n\n\n\n<p>Faites d\u00e9filer l'onglet un peu plus bas. L'onglet <strong>Option pro<\/strong> est r\u00e9serv\u00e9e aux utilisateurs premium. Lorsque vous passez \u00e0 la version premium, vous pouvez <strong>ajouter des effets d'animation<\/strong> sur le bouton.<\/p>\n\n\n\n<p>Ensuite, vous pouvez choisir de masquer ce bloc pour des appareils sp\u00e9cifiques \u00e0 l'aide de l'option <strong>Option de contr\u00f4le r\u00e9actif<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp\" alt=\"Ajouter un effet d&#039;animation au bouton\" class=\"has-border-color has-main-accent-border-color wp-image-963\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 06 : Styliser le bloc du bouton (am\u00e9lior\u00e9)<\/h3>\n\n\n\n<p>Aller \u00e0 la page <strong>Onglet Styles<\/strong>. Vous pouvez s\u00e9lectionner le <strong>couleur du bouton, couleur du texte, couleur du survol, rayon du bouton, <\/strong>et <strong>style de pr\u00e9sentation<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp\" alt=\"Styliser le bloc bouton (am\u00e9lior\u00e9)\" class=\"has-border-color has-main-accent-border-color wp-image-964\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>En faisant d\u00e9filer l'onglet un peu plus loin, vous obtiendrez des options permettant d'ajouter <strong>style de bouton <\/strong>et<strong> param\u00e8tres de dimension<\/strong>. R\u00e9alisez ces stylisations vous-m\u00eame. Ainsi, vous pouvez cr\u00e9er des boutons CTA convaincants avec le plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp\" alt=\"Ajouter un style de bouton\" class=\"has-border-color has-main-accent-border-color wp-image-965\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Table-Block\">Troisi\u00e8me m\u00e9thode : Utiliser le plugin Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> est un plugin de construction de tableaux. Il y a beaucoup d'affili\u00e9s qui veulent promouvoir des produits \u00e0 travers des comparaisons et des tableaux de sp\u00e9cifications de produits. TableBerg pourrait \u00eatre un plugin id\u00e9al pour eux. Il vous permet d'ajouter des boutons CTA au tableau.<\/p>\n\n\n\n<p><strong>Installer<\/strong> et <strong>activer<\/strong> les <strong>Plugin TableBerg<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Trouver et ajouter le bloc Tableberg<\/h3>\n\n\n\n<p>Le plugin TableBerg est livr\u00e9 avec un bloc de construction de tableaux. Comme n'importe quel autre bloc, il faut trouver l'\u00e9l\u00e9ment <strong>TableBerg<\/strong> et l'ajouter \u00e0 l'\u00e9diteur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Trouvez et ajoutez le bloc TableBerg \u00e0 votre \u00e9diteur Gutenberg.\" class=\"has-border-color has-main-accent-border-color wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : Cr\u00e9ez votre tableau et ajoutez-y du contenu<\/h3>\n\n\n\n<p>Chaque cellule du tableau comporte \u00e9galement la mention Gutenberg <strong>bouton plus (+)<\/strong>. En cliquant sur le bouton, vous pouvez ajouter plusieurs types de blocs au tableau, ce qui vous permet d'ajouter diff\u00e9rents types de contenu. N'h\u00e9sitez pas \u00e0 l'explorer et \u00e0 le faire 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp\" alt=\"Utiliser les blocs TableBerg pour cr\u00e9er un tableau et y ajouter du contenu\" class=\"has-border-color has-main-accent-border-color wp-image-972\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez voir que nous avons cr\u00e9\u00e9 un tableau de d\u00e9monstration avec le plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp\" alt=\"Cr\u00e9er un tableau de d\u00e9monstration avec le plugin TableBerg\" class=\"has-border-color has-main-accent-border-color wp-image-973\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 03 : Ajouter des boutons CTA au tableau <\/h3>\n\n\n\n<p>Ajouter le <strong>Bloc de boutons<\/strong> \u00e0 toutes les cellules respectives du tableau, une par une.<\/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\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp\" alt=\"Ajouter le bloc de boutons \u00e0 toutes les cellules respectives du tableau\" class=\"has-border-color has-main-accent-border-color wp-image-974\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ensuite, ajoutez la copie '<strong>Acheter sur Amazon<\/strong>et personnaliser les boutons. Nous ne reprenons pas la proc\u00e9dure ici, car nous l'avons d\u00e9j\u00e0 expliqu\u00e9e dans les deux m\u00e9thodes pr\u00e9c\u00e9dentes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp\" alt=\"Ajouter un texte CTA et des personnalisations au bloc de boutons\" class=\"has-border-color has-main-accent-border-color wp-image-975\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Apprendre <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-specification-des-produits-dans-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"534\" rel=\"noreferrer noopener\">Comment cr\u00e9er un tableau de sp\u00e9cifications de produits dans WordPress<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>Ajouter des boutons CTA pour vendre des produits d'affiliation Amazon n'est pas difficile lorsque vous disposez des bons outils. Alors que le bloc par d\u00e9faut vous permet de cr\u00e9er des boutons m\u00e9diocres, les deux autres plugins pr\u00e9sent\u00e9s ci-dessus vous permettent de cr\u00e9er des boutons CTA plus attrayants.<\/p>\n\n\n\n<p>Gr\u00e2ce \u00e0 eux, vous pouvez am\u00e9liorer l'exp\u00e9rience d'achat, augmenter les conversions et g\u00e9n\u00e9rer des revenus pour votre site. Si vous avez aim\u00e9 cet article, faites-le nous savoir par le biais de la bo\u00eete de commentaires. De plus, si vous avez des questions, mentionnez-les \u00e9galement ci-dessous afin que nous puissions vous satisfaire avec des r\u00e9ponses informatives.<\/p>","protected":false},"excerpt":{"rendered":"<p>Amazon is one of the biggest eCommerce marketplaces both for retailers and wholesalers. Not only vendors and customers but also many affiliate marketers join Amazon to earn commissions by promoting products and services on this platform. The &#8216;Buy on Amazon&#8217; button is nothing but a CTA button affiliate marketers add to their websites. Using this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[36,33,17],"class_list":["post-953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-button-blocks","tag-button-plugins","tag-cta-button"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Add-Buy-on-Amazon-Button-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"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=953"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":7055,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/953\/revisions\/7055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/7053"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}