{"id":3659,"date":"2026-01-15T16:44:40","date_gmt":"2026-01-15T16:44:40","guid":{"rendered":"https:\/\/wptablebuilder.com\/?p=3659"},"modified":"2026-01-15T16:44:55","modified_gmt":"2026-01-15T16:44:55","slug":"add-amazon-product-boxes-wordpress","status":"publish","type":"post","link":"https:\/\/wptablebuilder.com\/fr\/add-amazon-product-boxes-wordpress\/","title":{"rendered":"How To Add Amazon Product Boxes In WordPress (Using a Table Plugin)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Amazon product boxes are commonly used in affiliate content to present product information, images, and call-to-action links in a structured way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While there are multiple ways to add Amazon product boxes in WordPress, one practical approach is using a table plugin to build a custom layout without writing any code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, we\u2019ll show you how to add Amazon product boxes in WordPress using the <strong><a href=\"https:\/\/wptablebuilder.com\/fr\/\" target=\"_blank\" rel=\"noreferrer noopener\">Constructeur de tableaux WP<\/a><\/strong> plugin. You\u2019ll learn how to create a clean, customizable product box layout step by step using a drag-and-drop interface.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"404\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box-1024x404.png\" alt=\"\" class=\"wp-image-3704\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box-1024x404.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box-300x118.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box-768x303.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box-1320x521.png 1320w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box.png 1520w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What You Need to Get Started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you begin, make sure you have the following in place:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A WordPress website with editing access<\/li>\n\n\n\n<li>The <strong>Constructeur de tableaux WP<\/strong> plugin installed and activated<\/li>\n\n\n\n<li>An Amazon product link or product image that you plan to feature in your product box<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a2ab3423-8891-44ec-ba2d-f89074c29e80\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Creating Amazon Product Boxes Using WP Table Builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder is a drag-and-drop WordPress table plugin that allows you to build custom table layouts without writing any code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you\u2019ve <a href=\"https:\/\/wptablebuilder.com\/fr\/docs\/install-activate-wp-table-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">installed and activated the plugin<\/a>, follow the steps below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Create a New Table<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to your WordPress dashboard and click <strong>Add New<\/strong> under the WP Table Builder menu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-a-New-Table-WP-Table-Builder-1024x531.png\" alt=\"\" class=\"wp-image-22424\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-a-New-Table-WP-Table-Builder-1024x531.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-a-New-Table-WP-Table-Builder-300x156.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-a-New-Table-WP-Table-Builder-768x398.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-a-New-Table-WP-Table-Builder-1536x796.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-a-New-Table-WP-Table-Builder-2048x1062.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the table builder interface, choose the number of rows and columns. For a simple product box layout, select <strong>1 row and 2 columns<\/strong>\u2014one for the product image and one for the product details.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-a-Number-of-Rows-Columns-WP-Table-Builder-1024x539.png\" alt=\"\" class=\"wp-image-22425\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-a-Number-of-Rows-Columns-WP-Table-Builder-1024x539.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-a-Number-of-Rows-Columns-WP-Table-Builder-300x158.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-a-Number-of-Rows-Columns-WP-Table-Builder-768x404.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-a-Number-of-Rows-Columns-WP-Table-Builder-1536x809.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-a-Number-of-Rows-Columns-WP-Table-Builder-2048x1078.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now we will be adding contents to the table.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add the Product Image   <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add an <strong>Image<\/strong> element to the first column and insert your Amazon product image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you need detailed guidance, you can refer to the documentation on <a href=\"https:\/\/wptablebuilder.com\/fr\/docs\/add-amazon-product-image\/\" target=\"_blank\" rel=\"noreferrer noopener\">adding Amazon product images in WP Table Builder<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"427\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-the-Product-Image-to-the-Table-WP-Table-Builder-1024x427.png\" alt=\"\" class=\"wp-image-22428\" style=\"width:768px;height:410px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-the-Product-Image-to-the-Table-WP-Table-Builder-1024x427.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-the-Product-Image-to-the-Table-WP-Table-Builder-300x125.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-the-Product-Image-to-the-Table-WP-Table-Builder-768x320.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-the-Product-Image-to-the-Table-WP-Table-Builder-1536x640.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-the-Product-Image-to-the-Table-WP-Table-Builder-2048x853.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Add Product Content and Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the second column, use the <strong>Texte<\/strong> element to add the product title, features, or a short description.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, add a <strong>Bouton<\/strong> element and link it to your Amazon product page. You can label the button \u201cBuy on Amazon\u201d or similar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Optionally, you can add a <strong>Ruban<\/strong> element to highlight offers or draw attention to the product box.<\/p>\n\n\n<div style=\"width: 100%\" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-d2787c47-8857-49bd-a38a-3fc4f92a51d0\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 0px solid ; border-left: 0px solid ; border-right: 0px solid ; border-bottom: 0px solid ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; \"><video controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/wptablebuilder.com\/13033b01-c180-4be7-b02a-1143791f2c35\"><\/source><\/video><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 4: Adjust Styling and Visual Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To improve the appearance of the product box:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add borders from the <strong>Settings<\/strong> tab<\/li>\n\n\n\n<li>Adjust spacing and alignment as needed<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These settings help make the product box visually distinct within your content.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Style-Tables-from-the-Settings-Tab-WP-Table-Builder-1024x528.png\" alt=\"\" class=\"wp-image-22475\" style=\"width:768px;height:335px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Style-Tables-from-the-Settings-Tab-WP-Table-Builder-1024x528.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Style-Tables-from-the-Settings-Tab-WP-Table-Builder-300x155.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Style-Tables-from-the-Settings-Tab-WP-Table-Builder-768x396.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Style-Tables-from-the-Settings-Tab-WP-Table-Builder-1536x792.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Style-Tables-from-the-Settings-Tab-WP-Table-Builder-2048x1056.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Embed the Product Box in a Post or Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Save Table<\/strong>, then select <strong>Embed<\/strong> and copy the generated shortcode.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Embed-Table-WP-Table-Builder--1024x457.png\" alt=\"\" class=\"wp-image-22476\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Embed-Table-WP-Table-Builder--1024x457.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Embed-Table-WP-Table-Builder--300x134.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Embed-Table-WP-Table-Builder--768x343.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Embed-Table-WP-Table-Builder--1536x685.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Embed-Table-WP-Table-Builder--2048x914.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Paste the shortcode into any post or page where you want the product box to appear. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019re using the WordPress Block Editor (Gutenberg), you can also <a href=\"https:\/\/wptablebuilder.com\/fr\/docs\/wp-table-builder-block-editor-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">insert the table using the <strong>Constructeur de tableaux WP<\/strong> block<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also <a href=\"https:\/\/wptablebuilder.com\/fr\/docs\/use-your-own-table-as-a-prebuilt-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">save this product box as a reusable template<\/a> for future posts.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_6361502c-31a6-4f0b-b930-b7d11954b48e\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">So this is how you can add Amazon Product Box to your post\/page. It might seem a bit difficult when you create it for the first time. But you&#8217;ll find it easier once you&#8217;re familiar with all the elements and settings. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please let us know if you have any questions regarding this. And feel free to share the post from your favorite social network.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Amazon product boxes are commonly used in affiliate content to present product information, images, and call-to-action links in a structured way. While there are multiple ways to add Amazon product boxes in WordPress, one practical approach is using a table plugin to build a custom layout without writing any code. In this guide, we\u2019ll show [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3704,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-3659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/01\/Amazon-Product-Box.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/wptablebuilder.com\/fr\/author\/wpx_roadtobl\/"},"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/posts\/3659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=3659"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/posts\/3659\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media\/3704"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=3659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/categories?post=3659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/tags?post=3659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}