How to Add ‘Buy On Amazon’ Buttons in WordPress (3 Ways)

Amazon es uno de los mayores mercados de comercio electrónico tanto para minoristas como para mayoristas. No sólo los vendedores y los clientes, sino también muchos vendedores afiliados se unen a Amazon para ganar comisiones mediante la promoción de productos y servicios en esta plataforma.

The ‘Buy on Amazon’ button is nothing but a Botón CTA affiliate marketers add to their websites. Using this button, they can direct users to specific product pages, enabling them to buy products with a single click.

En este artículo, le mostraremos tres métodos sencillos de cómo añadir Comprar en Amazon en WordPress. Prepárate para explorar.

Method 1: Using the Default Buttons Block

El editor Gutenberg viene con un bloque de botones por defecto. Con este bloque, puede crear y añadir un botón bien funcional en su sitio.

Paso 01: Añadir el bloque de botones predeterminado a su sitio web

Abre un post o página donde quieras añadir este botón CTA. Haga clic en el botón Botón más (+) en el editor. Busque el Bloque de botones escribiéndolo en el cuadro de búsqueda. Añádelo a un lugar adecuado del editor.

Añadir el bloque de botones a WordPress

Se añade el bloque Botones. Por defecto, no tiene texto y está alineado a la izquierda. A continuación, vamos a añadir una copia CTA con un enlace y alinearlo en el centro.

Se añade el bloque Botones

Paso 02: Añadir una copia CTA y un enlace al botón

Sitúe el cursor sobre el botón y escriba Comprar en Amazon. Puede poner el texto en negrita pulsando la tecla Opción en negrita en la barra de herramientas. A continuación, alinee el botón en el centro. También puede alinearlo a la izquierda o a la derecha.

Añade un texto CTA y alinea el botón en el centro

Añada un enlace al botón CTA haciendo clic en el botón Opción de enlace en la barra de herramientas de Gutenberg.

Añadir un enlace al botón

Paso 03: Personalizar y dar estilo al bloque de botones

Obtendrá el Ajustes y Fichas de estilos en la barra lateral derecha. La pestaña Configuración le permitirá aumentar la anchura del bloque de botones según sus necesidades.

Cambiar la configuración de anchura del botón CTA

Desde el Ficha Estilospuede cambiar el texto y color de fondo del botón. Después de eso, usted puede cambiar el tipografía, tamaño de fuente, relleno, borde, y radio del bloque de botones.

Espero que puedas hacerlos tú mismo. Así, puede crear el Botón Comprar en Amazon con este bloque por defecto.

Segundo método: utilizar el bloque de botones (mejorado)

Hay muchos plugins de botones en línea, lo que le permite añadir más características y funcionalidades a sus botones CTA. Bloques definitivos es uno de ellos. Permite añadir efectos de animación al botón y mostrarlo tanto en orientación horizontal como vertical.

Ir a Plugins > Añadir nuevos plugins. Tipo Bloques definitivos en el cuadro de búsqueda. Instale y activar el plugin. A continuación, siga los pasos que se indican a continuación.

Instale y active el plugin Ultimate Blocks

Paso 01: Buscar y añadir el bloque de botones (mejorado)

El bloque de botones que propone Ultimate Blocks se llama Botón (mejorado). Búscalo y añádelo al editor.

Añadir el bloque Botón (mejorado) al editor

Paso 02: Añadir copia y enlace al bloque de botones (mejorado)

Añade el texto de la CTA 'Comprar en Amazony un enlace al botón siguiendo el mismo método descrito anteriormente.

Añade una copia y un enlace al botón CTA

Paso 03: Configurar los ajustes del bloque de botones (mejorado)

En Ficha Configuración de la barra lateral derecha le ofrecerá muchas opciones. Puede justificar el bloque alineacióndefina su orientacióny elija la opción talla y anchura del botón.

Configurar los ajustes del bloque de botones (mejorado)

Paso 04: Añadir un icono al botón

Desplázate un poco por la pestaña. Tendrás la opción de añadir un icono al botón. También puede cambiar la posición del botón, incluyendo su tamaño. Puedes ver abajo que hemos añadido el icono del carrito al botón.

Paso 05: Añadir animación al bloque de botones (mejorado)

Desplázate de nuevo un poco más hacia abajo. En Opción Pro está reservada únicamente a los usuarios Premium. Una vez que se actualice a la versión Premium, podrá añadir efectos de animación al botón.

A continuación, puede ocultar este bloque para determinados dispositivos mediante la opción Opción de control de respuesta.

Añadir efecto de animación al botón

Paso 06: Estilizar el bloque de botones (mejorado)

Ir a la Ficha Estilos. Puede seleccionar el color del botón, color del texto, color hover, radio del botón, y estilo de presentación.

Estilizar el bloque de botones (mejorado)

Si desplaza la pestaña un poco más hacia abajo, obtendrá opciones para añadir estilo de los botones y ajustes de dimensión. Haga estas estilizaciones usted mismo. Por lo tanto, puede crear convincente botón CTA con el plugin.

Añadir estilo de botón

Method Three: Using the Tableberg Plugin

Tableberg es un plugin constructor de tablas. Hay muchos vendedores afiliados que quieren promover productos a través de comparaciones y tablas de especificaciones de productos. TableBerg podría ser un plugin ideal para ellos. Le permite añadir botones CTA a la tabla.

Instale y activar el Plugin TableBerg.

Step 01: Find and Add the Tableberg Block

El plugin TableBerg viene con un bloque constructor de tablas. Como cualquier otro bock, encuentra el TableBerg y añádelo al editor.

Busca y añade el bloque TableBerg a tu editor de Gutenberg

Paso 02: Cree su tabla y añádale contenido

Cada celda de la tabla también tiene el Gutenberg Botón más (+). Al hacer clic en el botón, puede añadir varios tipos de bloques a la tabla, lo que le permite añadir diferentes tipos de contenido. Por favor, explore y hágalo usted mismo.

Utilice los bloques TableBerg para crear una tabla y añadirle contenido

Puedes ver que hemos creado una tabla de demostración con el plugin.

Crear una tabla de demostración con el plugin TableBerg

Paso 03: Añadir botones CTA a la tabla

Añada el Bloque de botones a todas las celdas respectivas de la tabla, una por una.

Añade el bloque de botones a todas las celdas respectivas de la tabla

A continuación, añada la copia 'Comprar en Amazony personalizar los botones. No vamos a mostrar el proceso aquí de nuevo, como ya hemos explicado en los dos métodos anteriores.

Añadir copia CTA y personalizaciones al bloque de botones

Aprenda cómo crear una tabla de especificaciones de productos en WordPress.

Conclusión

Añadir botones CTA para vender productos de afiliación de Amazon no es difícil 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ás atractivos.

Con ellos, puede mejorar la experiencia de compra, aumentar las conversiones y generar ingresos para su sitio. Si te ha gustado este artículo, háznoslo saber a través de la caja de comentarios. Además, si tienes alguna duda, también menciónala abajo para que podamos satisfacerte con respuestas informativas.



El equipo de Tableberg