Avada Theme Tutorial: Guía de uso del elemento rotador de productos de Avada Woo para aumentar las conversiones del sitio web

en construcciónSitio web de comercio electrónicoLa forma en que se muestra el producto afecta directamente a la experiencia de navegación del usuario y al índice de conversión.Tema Avadaconstruido para WooCommerce Los usuarios disponen de una potente herramienta de diseño: el elemento Woo Product Carousel. En este artículo, le llevaremos paso a paso a través de cómo utilizar este elemento para crear un hermoso, suave, bloque de escaparate de productos de reproducción automática.

¿Por qué utilizar el elemento Rotación de productos de Avada Woo?

existeSitio web de comercio electrónicoEn este caso, la forma de presentación del producto que el usuario ve a primera vista determina a menudo si está dispuesto a seguir navegando o incluso a hacer un pedido.Avada Woo Elementos del rotador de productosEstá diseñado precisamente para este fin y ofrece varias ventajas:

• Gran atractivo visual::Pantalla giratoriaDa a la página un aspecto más dinámico y atrae más la atención que un listado estático de productos.
• ahorro de espacio: Muestre más productos sin desorden en un área de página limitada y mejore la eficacia de la maquetación.
• función de reproducción automática: La función de desplazamiento automático ayuda a guiar a los usuarios para que naveguen por más productos y aumenten la exposición.
• Altamente personalizableDesde el tamaño de la imagen, el método de clasificación y la información de visualización hasta el estilo de diseño y el comportamiento de desplazamiento, todo puede controlarse con flexibilidad para adaptarse a las necesidades de las distintas marcas.
• Aumentar la tasa de conversiónAyude a los usuarios a tomar decisiones de compra rápidas destacando los productos de moda, en promoción o comisariados.

Ya sea para mostrar el producto principal en la página de inicio o los productos recomendados en la página de categoría, el elemento Woo Product Rotator es una herramienta indispensable para crear páginas de comercio electrónico profesionales.

Explicación de las opciones de configuración del elemento de rotación de productos de Woo

Añadir el elemento Woo Product Rotator

En primer lugar, asegúrese de que el sitio ha instalado y habilitado Plugin WooCommerce. En el Avada Builder seleccione la ubicación donde desea añadir la rotación, como por ejemplo una sección de la página de inicio. Haga clic en "+" Añadir opciones de elementosAbrirFormulario Avada ElementPara empezar, arrastre el elemento Woo Product Rotator al contenedor.

Los ajustes de rotación del producto Woo están centralizados en un panel de opciones para un funcionamiento sencillo y eficaz:

Tamaño de la imagen

• FijoRecorte uniformemente todas las imágenes de productos al mismo tamaño para garantizar que la rotación sea limpia y ordenada.
• Auto: Conserva la relación de aspecto de la imagen original, adecuada parafotografíaEs el caso de la coherencia dimensional.

Normalmente se recomienda que cuando las imágenes tengan el mismo tamañoSelecciona Auto.

Clasificación de productos (categorías)

Se pueden seleccionar algunas categorías específicas de productos para mostrar sólo esa categoría. Si se deja en blanco, se muestran todos los productos.

Número de productos

Puede establecer el número total de productos que se mostrarán en el rotador, hasta un máximo de 25 productos. El valor 0 significa que se mostrarán todos los productos.

Desplazamiento del producto

Sirve para saltarse los productos anteriores y empezar por el enésimo, adecuado para mostrar contenidos diferentes con otros módulos.

Pedir por

Ofrece diversas opciones de clasificación, como:

• por fecha
• Por volumen (Popularidad)
• valoración
• Visualizaciones aleatorias, etc.

También puede establecer la dirección de ordenación en ascendente o descendente.

¿Contiene artículos agotados?

por defecto (ajuste)Se recomienda desactivar esta opciónSólo se expondrán los artículos que estén disponibles para la compra.

Diseño de carrusel

Puede elegir entre mostrar el título del producto al pasar el ratón por encima o debajo de la imagen. Ambas formas son hermosas, por lo que elegir de acuerdo a su preferencia de estilo.

Reproducción automática (Carrusel de reproducción automática)

• Si está activada, la rotación se desplazará automáticamente.

• La velocidad de reproducción debe ir a Avada > Opciones globales > Elementos de Avada Builder > Carrusel El ajuste se estandariza en la sección "Desplazamiento", por ejemplo, se ajusta para que se desplace cada 4 segundos.

Columnas máximas

Determine el número máximo de productos a mostrar en cada pantalla, el valor por defecto es 5, los móviles se adaptarán automáticamente.

Espacio entre columnas

Establece el espaciado entre productos en píxeles; el valor predeterminado es 13px.

Número de elementos de desplazamiento (Scroll Items)

Determina cuántos productos se mueven cada vez que se desplaza. Déjelo en blanco para desplazarse una pantalla completa a la vez, ajustable a, por ejemplo, 2 según sea necesario.

Opciones de diseño adicionales

• Mostrar o no las flechas de navegación
• Activar o no el cambio de rueda del ratón
• Mostrar o no el nombre de la categoría del producto
• Mostrar o no el precio del producto
• Mostrar o no una etiqueta promocional (por ejemplo, Rebajas)
• Si los botones y mensajes se muestran al pasar el ratón por encima

Estas opciones pueden activarse o desactivarse con flexibilidad para crear una rotación de productos que se ajuste al estilo de su marca.

Márgenes y visibilidad

Puede establecer los márgenes superior e inferior (Margin) de un elemento y elegir si desea o no mostrar el elemento en un dispositivo concreto (escritorio, tableta, móvil). Además, se pueden añadir clases CSS e ID personalizados para personalizar aún más los estilos.

Efecto pantalla en el mostrador

Una vez finalizados los ajustes, guarde la página y previsualícela. La rotación de productos se mostrará tal y como usted la haya configurado, con soporte para reproducción automática, control de flechas de navegación y la posibilidad de mostrar más información al pasar el ratón por encima.

resúmenes

Con el elemento Avada Woo Product Rotation, es fácil crear una zona de exposición de productos estéticamente agradable y eficaz que aumenta drásticamente el atractivo de la página y el rendimiento de la conversión. Para obtener más información sobre WordPress y Tutorial de AvadaBienvenidoRed de fluctuación de fotonesEl intercambio diario de prácticasConsejos para crear un sitio webExperiencia en optimización de sitios web.