{"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":"como-anadir-imagenes-de-productos-amazon-a-una-tabla-en-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/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 usted es un vendedor afiliado de Amazon, es posible que desee crear diferentes tipos de tablas, como comparativa, especificaci\u00f3n, listicle, etc, para promover productos. Deber\u00e1s a\u00f1adir im\u00e1genes a la tabla para que el contenido resulte atractivo y llamativo.<\/p>\n\n\n\n<p>Pero para mostrar las im\u00e1genes de los productos de Amazon, tienes que utilizar sus enlaces de imagen generados con c\u00f3digos de seguimiento. No basta con descargar y subir las im\u00e1genes. <\/p>\n\n\n\n<p>Este post le mostrar\u00e1 c\u00f3mo agregar im\u00e1genes de productos de Amazon a una tabla en WordPress utilizando la funci\u00f3n <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\">Paso 01: Acceda a su cuenta del Programa de Afiliados de Amazon<\/h2>\n\n\n\n<p>Primero tienes que iniciar sesi\u00f3n en tu <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=\"Programa de afiliados de Amazon\">Programa de afiliados de Amazon<\/a> cuenta. Despu\u00e9s, podr\u00e1 generar enlaces de imagen con c\u00f3digos de seguimiento.<\/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=\"Acceda a su cuenta del Programa de Afiliados de 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\">Paso 02: Vaya a la p\u00e1gina de su producto<\/h2>\n\n\n\n<p>Vaya a la p\u00e1gina del producto que desea promocionar a trav\u00e9s de su sitio.<\/p>\n\n\n\n<p>Haga clic en el bot\u00f3n <strong>Opci\u00f3n de imagen<\/strong> en la barra superior de la p\u00e1gina.<\/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=\"Ir a la p\u00e1gina de un producto\" 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\">Paso 03: Copiar el c\u00f3digo de seguimiento de la imagen<\/h2>\n\n\n\n<p>Se abrir\u00e1 un cuadro emergente a la derecha, debajo de la opci\u00f3n de imagen. Se le permitir\u00e1 cambiar y <strong>seleccione el tama\u00f1o de la imagen <\/strong>que quieras. <\/p>\n\n\n\n<p>Obtendr\u00e1 el c\u00f3digo de seguimiento de la imagen de abajo. Hemos se\u00f1alado todo en la imagen de abajo.<\/p>\n\n\n\n<p><strong>Copie el c\u00f3digo de seguimiento<\/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=\"Copie el c\u00f3digo de seguimiento de la imagen\" 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\">Paso 04: A\u00f1adir el bloque HTML personalizado a la tabla<\/h2>\n\n\n\n<p>Ahora, vaya a su sitio web. Cree una tabla con el <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TableBerg\">TableBerg<\/a> plugin. A continuaci\u00f3n, a\u00f1ada el plugin <strong>Bloque HTML personalizado<\/strong> a la celda deseada de la tabla.<\/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=\"A\u00f1adir el bloque HTML personalizado a la tabla\" 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>El bloque HTML personalizado se a\u00f1adir\u00e1 a la tabla en un segundo. <\/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=\"El bloque HTML personalizado se a\u00f1ade a la tabla\" 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\">Paso 05: Pegar el enlace de la imagen del producto de Amazon en el bloque HTML personalizado<\/h2>\n\n\n\n<p>S\u00f3lo tienes que pegar el enlace de la imagen del producto de Amazon en la casilla que has copiado hace un momento.<\/p>\n\n\n\n<p>Haga clic en el bot\u00f3n <strong>Bot\u00f3n de vista previa<\/strong> en la barra de herramientas.<\/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=\"Pegue el enlace de la imagen del producto de Amazon en el bloque HTML personalizado\" 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>La imagen se previsualizar\u00e1 en la tabla.<\/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=\"La imagen apareci\u00f3 con el bloque\" 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>Del mismo modo, puede seguir a\u00f1adiendo im\u00e1genes a las dem\u00e1s celdas utilizando el bloque HTML personalizado.<\/p>\n\n\n\n<p>Aqu\u00ed tiene una gu\u00eda completa sobre <a href=\"https:\/\/tableberg.com\/es\/docs\/tableberg-one\/tableberg\/como-anadir-html-personalizado-a-las-tablas-de-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"c\u00f3mo utilizar el bloque HTML personalizado\">c\u00f3mo utilizar el bloque HTML personalizado<\/a> y estilizarlo a\u00fan m\u00e1s.<\/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\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Integration &amp; Advanced Guides","term_url":"https:\/\/tableberg.com\/es\/docs-category\/integration-advanced-guides\/"}],"doc_tag_info":[{"term_name":"Amazon Product","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/amazon-product\/"},{"term_name":"Amazon Product Images","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/amazon-product-images\/"},{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/custom-html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1381"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1381\/revisions"}],"predecessor-version":[{"id":2247,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1381\/revisions\/2247"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1381"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=1381"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}