{"id":953,"date":"2025-01-25T01:18:12","date_gmt":"2025-01-25T01:18:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=953"},"modified":"2025-01-25T01:18:17","modified_gmt":"2025-01-25T01:18:17","slug":"como-anadir-un-boton-de-compra-en-amazon-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-buy-on-amazon-button-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir botones \"Comprar en Amazon\" en WordPress (3 maneras)"},"content":{"rendered":"<p>Amazon es uno de los mayores mercados de comercio electr\u00f3nico tanto para minoristas como para mayoristas. No s\u00f3lo los vendedores y los clientes, sino tambi\u00e9n muchos vendedores afiliados se unen a Amazon para ganar comisiones mediante la promoci\u00f3n de productos y servicios en esta plataforma.<\/p>\n\n\n\n<p>El bot\u00f3n \"Comprar en Amazon\" no es m\u00e1s que un <a href=\"https:\/\/tableberg.com\/es\/como-crear-un-boton-de-llamada-a-la-accion-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bot\u00f3n CTA<\/a> que los vendedores afiliados a\u00f1aden a sus sitios web. Con este bot\u00f3n, pueden dirigir a los usuarios a p\u00e1ginas de productos espec\u00edficos, permiti\u00e9ndoles comprar productos con un solo clic.<\/p>\n\n\n\n<p>En este art\u00edculo, le mostraremos tres m\u00e9todos sencillos de c\u00f3mo a\u00f1adir <strong>Comprar en Amazon<\/strong> en WordPress. Prep\u00e1rate para explorar.<\/p>\n\n\n<div class=\"wp-block-tableberg-wrapper wp-block-tableberg-table\" >\n\t\t\t<div class=\"tableberg-table-wrapper\" style=\"border-color: #abb8c3; \">\n\t\t\t\t<table class = \"has-inner-border\" style=\"border-spacing: 0 0; --tableberg-cell-padding-top: var(--wp--preset--spacing--medium); --tableberg-cell-padding-bottom: var(--wp--preset--spacing--medium); --tableberg-inner-border-top: none; --tableberg-inner-border-right: 1px solid #abb8c3; --tableberg-inner-border-bottom: 1px solid #abb8c3; --tableberg-inner-border-left: none; --tableberg-inner-border-top-first: 1px solid #abb8c3; --tableberg-inner-border-left-first: 1px solid #abb8c3; \" data-tableberg-header=\"\" data-tableberg-footer=\"\" data-tableberg-responsive data-tableberg-rows=\"1\" data-tableberg-cols=\"3\" data-tableberg-mobile-width=\"700\" data-tableberg-mobile-mode=\"stack\" data-tableberg-mobile-direction=\"row\" data-tableberg-mobile-count=\"1\" data-tableberg-mobile-header=\"1\" ><colgroup><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><\/colgroup><tbody><tr class=\"tableberg-odd-row\" style=\"\">\n<td data-tableberg-row=\"0\" data-tableberg-col=\"0\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Simple-Buy-on-Amazon-Button.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9todo 1<\/strong>: <a href=\"#Using-the-default-Buttons-Block\">Uso del bloque de botones predeterminado<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"1\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-with-Icon.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9todo 2<\/strong>: <a href=\"#Using-the-Ultimate-Blocks\">Uso de los bloques definitivos<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"2\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Buttons-on-Table.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9todo 3<\/strong>: <a href=\"#Using-the-Tableberg-Table-Block\">Uso del bloque de mesa Tableberg<\/a><\/p>\n<\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-default-Buttons-Block\">M\u00e9todo 1: Utilizar el bloque de botones por defecto<\/h2>\n\n\n\n<p>El editor Gutenberg viene con un <strong>bloque de botones por defecto<\/strong>. Con este bloque, puede crear y a\u00f1adir un bot\u00f3n bien funcional en su sitio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: A\u00f1adir el bloque de botones predeterminado a su sitio web<\/h3>\n\n\n\n<p>Abre un post o p\u00e1gina donde quieras a\u00f1adir este bot\u00f3n CTA. Haga clic en el bot\u00f3n <strong>Bot\u00f3n m\u00e1s (+)<\/strong> en el editor. Busque el <strong>Bloque de botones<\/strong> escribi\u00e9ndolo en el cuadro de b\u00fasqueda. A\u00f1\u00e1delo a un lugar adecuado del 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp\" alt=\"A\u00f1adir el bloque de botones a WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-453\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Se a\u00f1ade el bloque Botones. Por defecto, no tiene texto y est\u00e1 alineado a la izquierda. A continuaci\u00f3n, vamos a a\u00f1adir una copia CTA con un enlace y alinearlo en el centro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png\" alt=\"Se a\u00f1ade el bloque Botones\" class=\"has-border-color has-main-accent-border-color wp-image-954\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 02: A\u00f1adir una copia CTA y un enlace al bot\u00f3n<\/h3>\n\n\n\n<p>Sit\u00fae el cursor sobre el bot\u00f3n y escriba <strong>Comprar en Amazon<\/strong>. Puede poner el texto en negrita pulsando la tecla <strong>Opci\u00f3n en negrita<\/strong> en la barra de herramientas. A continuaci\u00f3n, alinee el bot\u00f3n en el centro. Tambi\u00e9n puede alinearlo a la izquierda o a la derecha.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp\" alt=\"A\u00f1ade un texto CTA y alinea el bot\u00f3n en el centro\" class=\"has-border-color has-main-accent-border-color wp-image-955\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>A\u00f1ada un enlace al bot\u00f3n CTA haciendo clic en el bot\u00f3n <strong>Opci\u00f3n de enlace<\/strong> en la barra de herramientas de Gutenberg.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp\" alt=\"A\u00f1adir un enlace al bot\u00f3n\" class=\"has-border-color has-main-accent-border-color wp-image-956\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 03: Personalizar y dar estilo al bloque de botones<\/h3>\n\n\n\n<p>Obtendr\u00e1 el <strong>Ajustes<\/strong> y <strong>Fichas de estilos<\/strong> en la barra lateral derecha. La pesta\u00f1a Configuraci\u00f3n le permitir\u00e1 <strong>aumentar la anchura<\/strong> del bloque de botones seg\u00fan sus necesidades.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp\" alt=\"Cambiar la configuraci\u00f3n de anchura del bot\u00f3n CTA\" class=\"has-border-color has-main-accent-border-color wp-image-957\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Desde el <strong>Ficha Estilos<\/strong>puede cambiar el <strong>texto<\/strong> y <strong>color de fondo<\/strong> del bot\u00f3n. Despu\u00e9s de eso, usted puede cambiar el <strong>tipograf\u00eda, tama\u00f1o de fuente, relleno, borde, <\/strong>y <strong>radio<\/strong> del bloque de botones.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1594\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3081\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-300x189.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1024x644.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-768x483.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1536x965.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-2048x1287.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<p>Espero que puedas hacerlos t\u00fa mismo. As\u00ed, puede crear el <strong>Bot\u00f3n Comprar en Amazon<\/strong> con este bloque por defecto.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Ultimate-Blocks\">Segundo m\u00e9todo: utilizar el bloque de botones (mejorado)<\/h2>\n\n\n\n<p>Hay muchos plugins de botones en l\u00ednea, lo que le permite a\u00f1adir m\u00e1s caracter\u00edsticas y funcionalidades a sus botones CTA. <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloques definitivos<\/a> es uno de ellos. Permite a\u00f1adir efectos de animaci\u00f3n al bot\u00f3n y mostrarlo tanto en orientaci\u00f3n horizontal como vertical.<\/p>\n\n\n\n<p>Ir a <strong>Plugins &gt; A\u00f1adir nuevos plugins<\/strong>. Tipo <strong>Bloques definitivos<\/strong> en el cuadro de b\u00fasqueda. <strong>Instale<\/strong> y <strong>activar<\/strong> el plugin. A continuaci\u00f3n, siga los pasos que se indican a continuaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Instale y active el plugin Ultimate Blocks\" class=\"has-border-color has-main-accent-border-color wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Buscar y a\u00f1adir el bloque de botones (mejorado)<\/h3>\n\n\n\n<p>El bloque de botones que propone Ultimate Blocks se llama <strong>Bot\u00f3n (mejorado)<\/strong>. B\u00fascalo y a\u00f1\u00e1delo al 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp\" alt=\"A\u00f1adir el bloque Bot\u00f3n (mejorado) al editor\" class=\"has-border-color has-main-accent-border-color wp-image-959\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 02: A\u00f1adir copia y enlace al bloque de botones (mejorado)<\/h3>\n\n\n\n<p>A\u00f1ade el texto de la CTA '<strong>Comprar en Amazon<\/strong>y un enlace al bot\u00f3n siguiendo el mismo m\u00e9todo descrito anteriormente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp\" alt=\"A\u00f1ade una copia y un enlace al bot\u00f3n CTA\" class=\"has-border-color has-main-accent-border-color wp-image-960\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 03: Configurar los ajustes del bloque de botones (mejorado)<\/h3>\n\n\n\n<p>En <strong>Ficha Configuraci\u00f3n<\/strong> de la barra lateral derecha le ofrecer\u00e1 muchas opciones. Puede justificar el bloque <strong>alineaci\u00f3n<\/strong>defina su <strong>orientaci\u00f3n<\/strong>y elija la opci\u00f3n <strong>talla<\/strong> y <strong>anchura<\/strong> del bot\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp\" alt=\"Configurar los ajustes del bloque de botones (mejorado)\" class=\"has-border-color has-main-accent-border-color wp-image-961\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 04: A\u00f1adir un icono al bot\u00f3n<\/h3>\n\n\n\n<p>Despl\u00e1zate un poco por la pesta\u00f1a. Tendr\u00e1s la opci\u00f3n de <strong>a\u00f1adir un icono <\/strong>al bot\u00f3n. Tambi\u00e9n puede cambiar la posici\u00f3n del bot\u00f3n, incluyendo su tama\u00f1o. Puedes ver abajo que hemos a\u00f1adido el icono del carrito al bot\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1386\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3083\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-300x164.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1024x560.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-768x420.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1536x839.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-2048x1119.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-18x10.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 05: A\u00f1adir animaci\u00f3n al bloque de botones (mejorado)<\/h3>\n\n\n\n<p>Despl\u00e1zate de nuevo un poco m\u00e1s hacia abajo. En <strong>Opci\u00f3n Pro<\/strong> est\u00e1 reservada \u00fanicamente a los usuarios Premium. Una vez que se actualice a la versi\u00f3n Premium, podr\u00e1 <strong>a\u00f1adir efectos de animaci\u00f3n<\/strong> al bot\u00f3n.<\/p>\n\n\n\n<p>A continuaci\u00f3n, puede ocultar este bloque para determinados dispositivos mediante la opci\u00f3n <strong>Opci\u00f3n de control de respuesta<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp\" alt=\"A\u00f1adir efecto de animaci\u00f3n al bot\u00f3n\" class=\"has-border-color has-main-accent-border-color wp-image-963\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 06: Estilizar el bloque de botones (mejorado)<\/h3>\n\n\n\n<p>Ir a la <strong>Ficha Estilos<\/strong>. Puede seleccionar el <strong>color del bot\u00f3n, color del texto, color hover, radio del bot\u00f3n, <\/strong>y <strong>estilo de presentaci\u00f3n<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp\" alt=\"Estilizar el bloque de botones (mejorado)\" class=\"has-border-color has-main-accent-border-color wp-image-964\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si desplaza la pesta\u00f1a un poco m\u00e1s hacia abajo, obtendr\u00e1 opciones para a\u00f1adir <strong>estilo de los botones <\/strong>y<strong> ajustes de dimensi\u00f3n<\/strong>. Haga estas estilizaciones usted mismo. Por lo tanto, puede crear convincente bot\u00f3n CTA con el plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp\" alt=\"A\u00f1adir estilo de bot\u00f3n\" class=\"has-border-color has-main-accent-border-color wp-image-965\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Table-Block\">Tercer m\u00e9todo: Utilizar el plugin Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> es un plugin constructor de tablas. Hay muchos vendedores afiliados que quieren promover productos a trav\u00e9s de comparaciones y tablas de especificaciones de productos. TableBerg podr\u00eda ser un plugin ideal para ellos. Le permite a\u00f1adir botones CTA a la tabla.<\/p>\n\n\n\n<p><strong>Instale<\/strong> y <strong>activar<\/strong> el <strong>Plugin TableBerg<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Buscar y a\u00f1adir el bloque Tableberg<\/h3>\n\n\n\n<p>El plugin TableBerg viene con un bloque constructor de tablas. Como cualquier otro bock, encuentra el <strong>TableBerg<\/strong> y a\u00f1\u00e1delo al 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Busca y a\u00f1ade el bloque TableBerg a tu editor de Gutenberg\" class=\"has-border-color has-main-accent-border-color wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 02: Cree su tabla y a\u00f1\u00e1dale contenido<\/h3>\n\n\n\n<p>Cada celda de la tabla tambi\u00e9n tiene el Gutenberg <strong>Bot\u00f3n m\u00e1s (+)<\/strong>. Al hacer clic en el bot\u00f3n, puede a\u00f1adir varios tipos de bloques a la tabla, lo que le permite a\u00f1adir diferentes tipos de contenido. Por favor, explore y h\u00e1galo usted mismo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp\" alt=\"Utilice los bloques TableBerg para crear una tabla y a\u00f1adirle contenido\" class=\"has-border-color has-main-accent-border-color wp-image-972\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Puedes ver que hemos creado una tabla de demostraci\u00f3n con el plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp\" alt=\"Crear una tabla de demostraci\u00f3n con el plugin TableBerg\" class=\"has-border-color has-main-accent-border-color wp-image-973\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 03: A\u00f1adir botones CTA a la tabla <\/h3>\n\n\n\n<p>A\u00f1ada el <strong>Bloque de botones<\/strong> a todas las celdas respectivas de la tabla, una por una.<\/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\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp\" alt=\"A\u00f1ade el bloque de botones a todas las celdas respectivas de la tabla\" class=\"has-border-color has-main-accent-border-color wp-image-974\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, a\u00f1ada la copia '<strong>Comprar en Amazon<\/strong>y personalizar los botones. No vamos a mostrar el proceso aqu\u00ed de nuevo, como ya hemos explicado en los dos m\u00e9todos anteriores.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp\" alt=\"A\u00f1adir copia CTA y personalizaciones al bloque de botones\" class=\"has-border-color has-main-accent-border-color wp-image-975\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Aprenda <a href=\"https:\/\/tableberg.com\/es\/como-crear-una-tabla-de-especificaciones-de-producto-en-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"534\" rel=\"noreferrer noopener\">c\u00f3mo crear una tabla de especificaciones de productos en WordPress<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusi\u00f3n<\/h3>\n\n\n\n<p>A\u00f1adir botones CTA para vender productos de afiliaci\u00f3n de Amazon no es dif\u00edcil cuando tienes las herramientas adecuadas. Mientras que el bloque por defecto te permite crear botones mediocres, los otros dos plugins mostrados arriba te permiten crear botones CTA m\u00e1s atractivos.<\/p>\n\n\n\n<p>Con ellos, puede mejorar la experiencia de compra, aumentar las conversiones y generar ingresos para su sitio. Si te ha gustado este art\u00edculo, h\u00e1znoslo saber a trav\u00e9s de la caja de comentarios. Adem\u00e1s, si tienes alguna duda, tambi\u00e9n menci\u00f3nala abajo para que podamos satisfacerte con respuestas informativas.<\/p>","protected":false},"excerpt":{"rendered":"<p>Amazon is one of the biggest eCommerce marketplaces both for retailers and wholesalers. Not only vendors and customers but also many affiliate marketers join Amazon to earn commissions by promoting products and services on this platform. The &#8216;Buy on Amazon&#8217; button is nothing but a CTA button affiliate marketers add to their websites. Using this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[36,33,17],"class_list":["post-953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-button-blocks","tag-button-plugins","tag-cta-button"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Add-Buy-on-Amazon-Button-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"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=953"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":7055,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/953\/revisions\/7055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/7053"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}