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.
El botón "Comprar en Amazon" no es más que un Botón CTA que los vendedores afiliados añaden a sus sitios web. Con este botón, pueden dirigir a los usuarios a páginas de productos específicos, permitiéndoles comprar productos con un solo clic.
En este artículo, le mostraremos tres métodos sencillos de cómo añadir Comprar en Amazon en WordPress. Prepárate para explorar.
Método 1: Uso del bloque de botones predeterminado |
Método 2: Uso de los bloques definitivos |
Método 3: Uso del bloque de mesa Tableberg |
Método 1: Utilizar el bloque de botones por defecto
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.
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.
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ñada un enlace al botón CTA haciendo clic en el botón Opción de enlace en la barra de herramientas de Gutenberg.
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.
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.
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.
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.
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.
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.
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.