Cómo añadir cajas de producto de Amazon en WordPress

Cómo añadir cajas de producto de Amazon en WordPress

Las cajas de productos de Amazon están diseñadas para presentar los productos disponibles en la plataforma de Amazon de una forma visualmente atractiva. Incluyen imágenes, características, descripciones, precios y enlaces directos para que los usuarios puedan comprar los productos.

El objetivo principal de esta caja es informar a los clientes sobre las características y ventajas del producto de un vistazo y animarles a comprarlo al instante. Con el plugin Tableberg, puedes crear impresionantes cajas de producto de Amazon en el editor de WordPress.

En este siguiente escrito, vamos a cubrir un post tutorial sobre cómo agregar cajas de productos de Amazon en WordPress.

Paso 01: Añadir el bloque Tableberg al editor

El plugin viene con un bloque personalizado llamado Tableberg. Haga clic en el botón icono más (+). Añada el Bloque Tableberg al editor.

Añade el bloque TableBerg a tu editor de Gutenberg

Establezca el número de columnas y filas que necesita de acuerdo a su contenido. Vamos para este tutorial, vamos a establecer 2 * 1.

Establecer el número de filas y columnas

La versión básica de la tabla está lista. A continuación, vamos a añadir contenido a sus columnas y fila.

Selección de filas y columnas para diseñar la tabla de productos de Amazon

Paso 02: Añadir una imagen del producto Amazon

Tableberg te permite añadir múltiples bloques personalizados a las celdas de la tabla como el editor Gutenberg. Añade los bloques Bloque de imágenes a una celda para mostrar la imagen del producto de Amazon.

Añade el bloque Imagen a la caja Producto Amazon

Hemos añadido una imagen de producto de Amazon. Puede aumentar su tamaño arrastrando el icono circular mientras lo mantiene pulsado simultáneamente.

Aumentar el tamaño de la imagen del producto de Amazon

Paso 03: Añadir los detalles del producto

En la columna de la derecha, añadiremos el nombre del producto, las características, el precio y una breve descripción. Puedes hacer todo esto con el botón Bloque de párrafos.

Escriba el nombre del producto

Por defecto, el Bloque de párrafos se selecciona automáticamente. Solo tiene que escribir el nombre de su producto.

Escriba el nombre del producto

Aumentar el tamaño del nombre del producto del Sección tipográfica en la barra lateral derecha. Porque este texto debe parecer más grande que los otros textos.

Cambiar el tamaño del nombre del producto de Amazon

Añadir el precio del producto

Añadir un nuevo Bloque de párrafos para escribir el precio de su producto.

Añadir el precio del producto

Establezca un color diferente y llamativo para el precio, de modo que atraiga la atención de los usuarios.

Colorear el precio y el tamaño del producto

Siempre es bueno mostrar un precio rebajado para emocionar a la gente. Puedes hacerlo añadiendo un precio aumentado con un strikethough.

Por lo tanto, escriba un precio aumentado. Con las opciones Resaltar y Tachar, puede establecer un color diferente y tacharlo.

Escriba un precio con descuento

Escriba una descripción del producto

Utilizando otro bloque Párrafo, escriba una descripción para el producto de Amazon.

Escriba una descripción del producto

Paso 04: Añadir un botón CTA

Busque y añada el Bloque de botones en la descripción.

Añadir un botón CTA a la caja de producto de Amazon

Escriba un texto para el botón. A continuación, vaya a la página Ficha Configuración.

En Ajustes de anchuraseleccione una opción para aumentar la anchura de los botones como quieras.

Aumentar la anchura de los botones

A continuación Ficha Estilos. Utilizando las opciones adecuadas, colorear y cambiar el tamaño del botón copiar.

Personalizar el color de los botones

Paso 05: Añadir espacio entre los bloques

Seleccionar toda la columna haciendo clic en su borde. Vaya a la Ficha Estilos. Come to the Sección de espacio entre bloques desplazando la pestaña hacia abajo. Coloque un valor para añadir espacio entre los bloques de la columna.

Añadir espacio entre los bloques

Paso 06: Añadir una cinta a la caja de producto de Amazon

Las cintas le permiten mostrar un breve mensaje promocional que estimula instantáneamente a los usuarios a comprar su producto. Añada el Bloque de cintas a la columna en la que desea visualizarlo.

Añadir una cinta a la caja de productos de Amazon

Añadir un copia de cinta, estilo de cinta, posición, y color utilizando las opciones de la pestaña Configuración y estilos.

Personalizar la cinta

Paso 07: Personalizar el borde de la caja de producto de Amazon

Personalizando el borde de la caja, puedes embellecer su estética. Acércate al Tabla Sección de bordes desplazándose por Ficha Estilos.

Desactivar borde interior. Después de eso, cambiar el color y anchura del borde exterior.

Personalizar el borde de la caja de producto de Amazon

Así, su caja de Producto Amazon está lista. Puede modificarla como desee.

Punto extra: Utilice una plantilla de caja de producto preconstruida

El plugin Tableberg incluye un completo biblioteca de plantillas donde encontrarás una buena colección de tablas preconstruidas con las que podrás preparar al instante tus numerosas secciones web. También incluye muchos cuadros de características preconstruidos que puedes utilizar para crear tablas de productos de Amazon.

En los siguientes vídeos, hemos mostrado cómo encontrar las cajas de características y añadirlas al editor. A continuación, con solo cambiar su contenido, podrás tener lista tu caja de producto de Amazon.

Conclusión

Hemos cubierto el tutorial en breve. Usted puede hacer su caja de producto de Amazon amplia mediante la adición de mucha más información. Incluso puede agregar varias imágenes y botones CTA. En este artículo, acabamos de tratar presentado a una guía de inspiración que puede utilizar para crear diseños más interesantes.

Por ejemplo, antes de irte, dedica unos minutos más a explorar el post cómo mostrar los pasos del proceso en WordPress con el plugin.



El equipo de Tableberg