{"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":"%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%abamazon%e3%81%ae%e5%95%86%e5%93%81%e7%94%bb%e5%83%8f%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/ja\/docs\/how-to-add-amazon-product-images-to-a-table-in-wordpress\/","title":{"rendered":"Add Amazon Product Images to a Table"},"content":{"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\u2019ll want to add images to the table to make your content engaging and eye-hooking.<\/p>\n\n\n\n<p>But to display Amazon product images, you have to use their image links generated with tracking codes. Just downloading and uploading images isn\u2019t enough. <\/p>\n\n\n\n<p>This post will show you how to add Amazon product images to a table in WordPress using the <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a> \u30d7\u30e9\u30b0\u30a4\u30f3<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 01: Sign into Your Amazon Affiliate Program Account<\/h2>\n\n\n\n<p>You first have to sign into your <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=\"Amazon affiliate program\">Amazon affiliate program<\/a> account. After that, you\u2019ll be able to generate image links with tracking codes.<\/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=\"Sign into Your Amazon Affiliate Program Account\" 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\">Step 02: Go to Your Product Page<\/h2>\n\n\n\n<p>Go to the product page that you want to promote through your site.<\/p>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002 <strong>Image option<\/strong> on the top bar of the 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=\"Go to a product page\" 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\">Step 03: Copy the Tracking Code of the Image<\/h2>\n\n\n\n<p>A popup box will open on the right side under the image option. You\u2019ll be allowed to change and <strong>select the image size <\/strong>you want. <\/p>\n\n\n\n<p>You\u2019ll get the tracking code of the image below. We have pointed out everything in the image below.<\/p>\n\n\n\n<p><strong>Copy the tracking code<\/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=\"Copy the Tracking Code of the 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\">Step 04: Add the Custom HTML Block to the Table<\/h2>\n\n\n\n<p>Now, come to your website. Create a table with the <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a> plugin. Then, add the <strong>Custom HTML block<\/strong> to your desired cell of the table.<\/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=\"Add the Custom HTML Block to the Table\" 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>The Custom HTML block will be added to the table in a second. <\/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=\"The Custom HTML block is added to the table\" 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\">Step 05: Paste the Amazon Product Image Link to the Custom HTML Block<\/h2>\n\n\n\n<p>Just paste the Amazon product image link to the box you copied just a while ago.<\/p>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002 <strong>Preview button<\/strong> \u30c4\u30fc\u30eb\u30d0\u30fc\u306e<\/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=\"Paste the Amazon Product Image Link to the Custom HTML Block\" 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>The image will be previewed in the table.<\/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=\"Image showed up with the block\" 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>In the same way, you can keep adding images to the other cells using the Custom HTML block.<\/p>\n\n\n\n<p>Here\u2019s a complete guide on <a href=\"https:\/\/tableberg.com\/ja\/%e8%ab%b8%e6%b3%a8%e6%84%8f\/tableberg-one\/%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%83%90%e3%83%bc%e3%82%b0\/how-to-add-custom-html-to-wordpress-tables\/\" target=\"_blank\" rel=\"noopener\" title=\"how to use the Custom HTML block\">how to use the Custom HTML block<\/a> and stylize it further.<\/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 codes. Just downloading and uploading images isn&#8217;t enough. This post will show you how to add Amazon product images to a table in WordPress using the TableBerg plugin. Step 01: Sign into Your Amazon Affiliate Program Account You first have to sign into your Amazon affiliate program account. After that, you&#8217;ll be able to generate [&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":"\u30a4\u30b9\u30c6\u30a3\u30a2\u30af\u30fb\u30ec\u30a4\u30cf\u30f3","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/ja\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Integration &amp; Advanced Guides","term_url":"https:\/\/tableberg.com\/ja\/docs-category\/integration-advanced-guides\/"}],"doc_tag_info":[{"term_name":"Amazon Product","term_url":"https:\/\/tableberg.com\/ja\/docs-tag\/amazon-product\/"},{"term_name":"Amazon Product Images","term_url":"https:\/\/tableberg.com\/ja\/docs-tag\/amazon-product-images\/"},{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/ja\/docs-tag\/custom-html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/comments?post=1381"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1381\/revisions"}],"predecessor-version":[{"id":2247,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1381\/revisions\/2247"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=1381"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/doc_category?post=1381"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/doc_tag?post=1381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}