{"id":1381,"date":"2024-05-12T15:09:08","date_gmt":"2024-05-12T15:09:08","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1381"},"modified":"2024-11-11T12:08:58","modified_gmt":"2024-11-11T12:08:58","password":"","slug":"comment-ajouter-des-images-de-produits-amazon-a-un-tableau-dans-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-add-amazon-product-images-to-a-table-in-wordpress\/","title":{"rendered":"Add Amazon Product Images to a Table"},"content":{"rendered":"<p>Si vous \u00eates un sp\u00e9cialiste du marketing affili\u00e9 sur Amazon, vous pouvez cr\u00e9er diff\u00e9rents types de tableaux, tels que des tableaux comparatifs, des tableaux de sp\u00e9cifications, des tableaux de listes, etc. pour promouvoir des produits. Vous devrez ajouter des images au tableau pour rendre votre contenu attrayant et accrocheur.<\/p>\n\n\n\n<p>Mais pour afficher les images des produits Amazon, vous devez utiliser leurs liens d'image g\u00e9n\u00e9r\u00e9s avec des codes de suivi. Il ne suffit pas de t\u00e9l\u00e9charger et d'envoyer des images. <\/p>\n\n\n\n<p>Cet article vous montrera comment ajouter des images de produits Amazon \u00e0 un tableau dans WordPress en utilisant l'option <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TableBerg\">TableBerg<\/a> plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 01 : Connectez-vous \u00e0 votre compte du programme d'affiliation Amazon<\/h2>\n\n\n\n<p>Vous devez d'abord vous connecter \u00e0 votre <a href=\"https:\/\/www.amazon.com\/ap\/signin?openid.pape.max_auth_age=3600&amp;openid.return_to=https%3A%2F%2Faffiliate-program.amazon.com%2Fhome&amp;openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&amp;openid.assoc_handle=amzn_associates_us&amp;openid.mode=checkid_setup&amp;language=en_US&amp;openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&amp;openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Programme d&#039;affiliation Amazon\">Programme d'affiliation Amazon<\/a> compte. Ensuite, vous pourrez g\u00e9n\u00e9rer des liens d'image avec des codes de suivi.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account-1024x510.webp\" alt=\"Connectez-vous \u00e0 votre compte du programme d&#039;affiliation Amazon\" class=\"wp-image-839\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account-1024x510.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account-300x149.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account-768x382.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 02 : Acc\u00e9der \u00e0 la page de votre produit<\/h2>\n\n\n\n<p>Allez sur la page du produit que vous souhaitez promouvoir sur votre site.<\/p>\n\n\n\n<p>Cliquez sur le bouton <strong>Option d'image<\/strong> dans la barre sup\u00e9rieure de la page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1268\" height=\"650\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-a-Product-Page.png\" alt=\"Acc\u00e9der \u00e0 la page d&#039;un produit\" class=\"wp-image-1163\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-a-Product-Page.png 1268w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-a-Product-Page-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-a-Product-Page-1024x525.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-a-Product-Page-768x394.png 768w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 03 : Copier le code de suivi de l'image<\/h2>\n\n\n\n<p>Une fen\u00eatre contextuelle s'ouvrira sur le c\u00f4t\u00e9 droit sous l'option d'image. Vous pourrez modifier et <strong>s\u00e9lectionner la taille de l'image <\/strong>vous voulez. <\/p>\n\n\n\n<p>Vous obtiendrez le code de suivi de l'image ci-dessous. Nous avons tout indiqu\u00e9 dans l'image ci-dessous.<\/p>\n\n\n\n<p><strong>Copier le code de suivi<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code-.png\" alt=\"Copier le code de suivi de l&#039;image\" class=\"wp-image-1164\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code-.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code--300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code--1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code--768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 04 : Ajouter le bloc HTML personnalis\u00e9 au tableau<\/h2>\n\n\n\n<p>Maintenant, venez sur votre site web. Cr\u00e9ez un tableau avec l'\u00e9l\u00e9ment <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TableBerg\">TableBerg<\/a> plugin. Ensuite, ajoutez l'\u00e9l\u00e9ment <strong>Bloc HTML personnalis\u00e9<\/strong> dans la cellule souhait\u00e9e du tableau.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1.webp\" alt=\"Ajouter le bloc HTML personnalis\u00e9 au tableau\" class=\"wp-image-1384\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Le bloc HTML personnalis\u00e9 sera ajout\u00e9 au tableau dans une seconde. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Custom-HTML-block-is-added-to-the-table.png\" alt=\"Le bloc HTML personnalis\u00e9 est ajout\u00e9 au tableau\" class=\"wp-image-1385\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Custom-HTML-block-is-added-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Custom-HTML-block-is-added-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Custom-HTML-block-is-added-to-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Custom-HTML-block-is-added-to-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 05 : Coller le lien de l'image du produit Amazon dans le bloc HTML personnalis\u00e9<\/h2>\n\n\n\n<p>Il suffit de coller le lien de l'image du produit Amazon dans la case que vous avez copi\u00e9e il y a quelques instants.<\/p>\n\n\n\n<p>Cliquez sur le bouton <strong>Bouton de pr\u00e9visualisation<\/strong> dans la barre d'outils.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Paste-the-Amazon-Product-Image-Link-to-the-Custom-HTML-Block.webp\" alt=\"Coller le lien de l&#039;image du produit Amazon dans le bloc HTML personnalis\u00e9\" class=\"wp-image-1386\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Paste-the-Amazon-Product-Image-Link-to-the-Custom-HTML-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Paste-the-Amazon-Product-Image-Link-to-the-Custom-HTML-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Paste-the-Amazon-Product-Image-Link-to-the-Custom-HTML-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Paste-the-Amazon-Product-Image-Link-to-the-Custom-HTML-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>L'image sera pr\u00e9visualis\u00e9e dans le tableau.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-sgle-1024x523.png\" alt=\"L&#039;image est apparue avec le bloc\" class=\"wp-image-1389\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-sgle-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-sgle-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-sgle-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-sgle.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>De la m\u00eame mani\u00e8re, vous pouvez continuer \u00e0 ajouter des images dans les autres cellules \u00e0 l'aide du bloc HTML personnalis\u00e9.<\/p>\n\n\n\n<p>Voici un guide complet sur <a href=\"https:\/\/tableberg.com\/fr\/documents\/tableberg-one\/tableberg\/comment-ajouter-du-html-personnalise-aux-tables-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"comment utiliser le bloc HTML personnalis\u00e9\">comment utiliser le bloc HTML personnalis\u00e9<\/a> et la styliser davantage.<\/p>","protected":false},"excerpt":{"rendered":"<p>If you are an Amazon affiliate marketer, you might want to create different types of tables, like comparative, specification, listicle, etc., to promote products. You&#8217;ll want to add images to the table to make your content engaging and eye-hooking. But to display Amazon product images, you have to use their image links generated with tracking [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[128],"doc_tag":[61,60,79],"class_list":["post-1381","docs","type-docs","status-publish","hentry","doc_category-integration-advanced-guides","doc_tag-amazon-product","doc_tag-amazon-product-images","doc_tag-custom-html-block"],"year_month":"2026-04","word_count":323,"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":"Integration &amp; Advanced Guides","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/integration-advanced-guides\/"}],"doc_tag_info":[{"term_name":"Amazon Product","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/amazon-product\/"},{"term_name":"Amazon Product Images","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/amazon-product-images\/"},{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/custom-html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1381","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=1381"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1381\/revisions"}],"predecessor-version":[{"id":2247,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1381\/revisions\/2247"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1381"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1381"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}