{"id":1158,"date":"2024-04-30T15:12:46","date_gmt":"2024-04-30T15:12:46","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1158"},"modified":"2024-11-11T12:09:20","modified_gmt":"2024-11-11T12:09:20","password":"","slug":"how-to-add-amazon-product-images-to-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/ja\/docs\/how-to-add-amazon-product-images-to-wordpress\/","title":{"rendered":"Add Amazon Product Images to WordPress"},"content":{"rendered":"<p>We follow a common strategy to display images on our website from different online sources \u2013 download them first and then upload them to our site. But if you are an Amazon affiliate marketer, you cannot simply download and upload images this way. <\/p>\n\n\n\n<p>Amazon generates a link with a tracking code for any product image. Once this link is pasted on your website, the specific image will be automatically displayed.<\/p>\n\n\n\n<p>This documentation post will show you how to add Amazon product images to WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 01: Log into Your Amazon Affiliate Account<\/h2>\n\n\n\n<p>First of all, you have to log 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=\"noreferrer noopener nofollow\">Amazon Affiliate account<\/a>. Otherwise, you won\u2019t be able to create a tracking link for your images.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"637\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account.webp\" alt=\"Log into Your Amazon Affiliate 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.webp 1280w, 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-1024x510.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Log-into-amazon-affiliate-account-768x382.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 02: Go to a Product Page<\/h2>\n\n\n\n<p>Go to a product page. Select the product whose photos you want to display on WordPress. <\/p>\n\n\n\n<p>\u3092\u898b\u308b\u3060\u308d\u3046\u3002 <strong>\u753b\u50cf <\/strong>option on the top bar of the page. <strong>Click<\/strong> the Image option.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><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\" style=\"border-width:1px;border-radius:3px\" 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 Image Tracing Code <\/h2>\n\n\n\n<p>Right after you click the Image option, a box will open up with an HTML tracking code of the image. <strong>Copy the tracking link<\/strong>.<\/p>\n\n\n\n<p>You can also define the image size as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code--1024x523.png\" alt=\"Copy the Image Tracing Code \" class=\"wp-image-1164\" style=\"border-width:1px;border-radius:0px\" srcset=\"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--300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code--768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Copy-the-Image-Tracing-Code-.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 04: Add the Custom HTML Block to Your WordPress Post\/Page<\/h2>\n\n\n\n<p>Open the post\/page where you want to show the Amazon product image. Add the <strong>Custom HTML block<\/strong> to the editor.<\/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-Custom-HTML-Block.webp\" alt=\"Add the Custom HTML Block\" class=\"wp-image-1165\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Custom-HTML-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Custom-HTML-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Custom-HTML-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Custom-HTML-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Paste the Amazon product tracking link. Then, preview the link.<\/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-Amazon-image-tracking-link-and-preview-it.webp\" alt=\"Add the Amazon image tracking link and preview it\" class=\"wp-image-1166\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Amazon-image-tracking-link-and-preview-it.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Amazon-image-tracking-link-and-preview-it-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Amazon-image-tracking-link-and-preview-it-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Amazon-image-tracking-link-and-preview-it-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>You can see the Amazon product image has been added to your WordPress site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Preview-the-Amazon-product-image-in-WordPress.png\" alt=\"Preview the Amazon product image in WordPress\" class=\"wp-image-1167\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Preview-the-Amazon-product-image-in-WordPress.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Preview-the-Amazon-product-image-in-WordPress-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Preview-the-Amazon-product-image-in-WordPress-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Preview-the-Amazon-product-image-in-WordPress-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>So, it\u2019s done! Thus, you can add more images to your WordPress posts and pages. Learn <a href=\"https:\/\/tableberg.com\/ja\/how-to-add-amazon-affiliate-links-to-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to add Amazon affiliate links to WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>We follow a common strategy to display images on our website from different online sources &#8211; download them first and then upload them to our site. But if you are an Amazon affiliate marketer, you cannot simply download and upload images this way. Amazon generates a link with a tracking code for any product image. Once this link is pasted on your website, the specific image will be automatically displayed. This documentation post will show you how to add Amazon product images to WordPress. Step 01: Log into Your Amazon Affiliate Account First of all, you have to log into your Amazon Affiliate account. Otherwise, you won&#8217;t be able to [&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],"class_list":["post-1158","docs","type-docs","status-publish","hentry","doc_category-integration-advanced-guides","doc_tag-amazon-product","doc_tag-amazon-product-images"],"year_month":"2026-04","word_count":273,"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\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1158","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=1158"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1158\/revisions"}],"predecessor-version":[{"id":2245,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/docs\/1158\/revisions\/2245"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=1158"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/doc_category?post=1158"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/doc_tag?post=1158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}