Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor

Las campa?as de marketing son un elemento clave para atraer a los clientes e impulsar las ventas. Ya se trate del lanzamiento de un nuevo producto, de una oferta especial o de una promoción de temporada, la forma en que se muestran tiene un impacto directo en la experiencia del usuario y en los índices de conversión.Elementor (utilizado como expresión nominal) Creador de bucles responder cantando Carrusel de bucles El componente proporciona a los comerciantes una potente herramienta que facilita la visualización dinámica y creativa de campa?as de marketing en la página de inicio.

En este artículo, te mostraremos cómo crear rápidamente atractivas visualizaciones de campa?a con Elementor y presentarlas en un bonito formato giratorio con Loop Carousel.

?Qué son el Loop Builder y el Loop Carousel?

Introducción al Loop Builder

En Elementor, elCreador de bucles es un potente tipo de plantilla dise?ado específicamente para controlar la apariencia del contenido duplicado. Permite a los usuarios personalizar la forma en que se muestran los artículos, productos u otros tipos de contenido personalizado según sus necesidades. Con Loop Builder, los comerciantes pueden mostrar dinámicamente los últimos productos, artículos o contenido específico de una categoría en diferentes áreas de su sitio web, como la página de inicio o la página de archivo.

Imagen [1] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor

Introducción al carrusel de bucles

Carrusel de bucles Loop Carousel es otra forma de mostrar contenido proporcionada por Elementor. A diferencia de la cuadrícula de bucle, el carrusel de bucle muestra el contenido en un formato de desplazamiento horizontal, un elemento cada vez, lo que permite a los usuarios desplazarse por varias piezas de contenido. Esto es especialmente útil para mostrar campa?as, productos o artículos en un dise?o horizontal para que los usuarios puedan navegar e interactuar con ellos rápidamente.

Imagen [2] - Cómo mostrar las campa?as de marketing de una tienda online con Loop Carousel de Elementor

Cómo crear una pantalla de campa?a de marketing con Loop Builder

1. Configuración de la red de bucles

El primer paso para crear y personalizar un componente Loop en Elementor es elegir el tipo de plantilla adecuado. En el caso de un expositor de productos, por ejemplo, podemos utilizar la plantilla Rejilla de bucle tal vez Carrusel de bucles para mostrar productos específicos.

Pasos:

  • comandante en jefe (militar) Rejilla de bucle Los widgets se arrastran y sueltan en la página.
Imagen [3] - Cómo mostrar las campa?as de marketing de una tienda online con Loop Carousel de Elementor
  • Seleccione el tipo de plantilla, por ejemplo "ofertas"o"escritos"y seleccione una plantilla predefinida, o pulse el botón Crear una plantilla para dise?ar su propia plantilla.
Imagen [4] - Cómo mostrar las campa?as de marketing de una tienda online con Loop Carousel de Elementor
  • Configure los ajustes del contenedor y arrastre y suelte los widgets dinámicos deseados en la plantilla.
Imagen [5] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor

2. Uso de etiquetas dinámicas y widgets personalizados

Elementor proporciona un amplio conjunto de etiquetas dinámicas y widgets para ayudar a los usuarios a ser más flexibles a la hora de mostrar contenido. Es posible utilizar Flipbox Widgets para mostrar imágenes alternativas de los productos al pasar el ratón por encima. Las etiquetas dinámicas permiten vincular a la plantilla distintos datos dinámicos (por ejemplo, nombre del producto, precio, etc.) para personalizar la visualización de cada producto.

Imagen [6] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor

3. Ajuste de la configuración del bucle

  • Número de columnas y elementos: Puede ajustar el número de columnas mostradas y el número de elementos mostrados por página.
Imagen [7] - Cómo mostrar las campa?as de marketing de una tienda online con Loop Carousel de Elementor
  • Disposición de la mamposteríaSi desea que el contenido se presente en forma de cascada, puede activar la opción Rejilla de mampostería Disposición.
Imagen [8] - Cómo mostrar las campa?as de marketing de una tienda online con Loop Carousel de Elementor
  • Filtrado de contenidos: Al establecer los criterios de consulta, puede elegir mostrar productos de categorías o etiquetas específicas, e incluso excluir artículos que no sea necesario mostrar.
Imagen [9] - Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor

4. Creación de campa?as de marketing visual Loop Carousel

Si desea mostrar un producto o una campa?a de marketing en formato rotativo, utilice el botón Carrusel de bucles Es una opción ideal.

Pasos:

  • comandante en jefe (militar) Carrusel de bucles Los widgets se arrastran y sueltan en la página.
Imagen [10] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor
  • Elija entre utilizar una plantilla de producto creada previamente o personalizar una nueva plantilla según sus necesidades.
Imagen [11] - Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor
  • existe Configuración de la consulta En la sección "Mostrar productos", seleccione los últimos productos que se mostrarán y ajústelos a orden descendentepara garantizar que los nuevos productos se muestren en primer lugar.
Imagen [12] - Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor
  • Configurar opciones de navegación personalizables avance responder cantando volver u ocultarlos.
Imagen [13] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor
  • adapte Ajustes de paginación responder cantando Espaciado de las correderasordenar a algn. que haga algoefecto de rotaciónMás acorde con el dise?o de la página.
Imagen [14] - Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor
  • Pulse "tipo", establezca el intervalo de deslizamiento y pase la opción Ajustes sensibles Garantizar la visualización en diferentes dispositivos.
Imagen [15] - Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor

5. Personalizar el contenido de la página de destino

Si desea mostrar varias campa?as a través de Loop Carousel, puede crear variospágina de aterrizajeCada página corresponde a un producto u oferta diferente.

Pasos:

  • Asegúrese de que ha sido Configuración de Elementor Habilite "Landing Page" como tipo de entrada personalizada.
Imagen [16] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor
  • Al crear una rotación, ésta se crea mediante la función Fuente de la consulta Establézcalo en "Página de destino" y elija qué mostrar.
Imagen [17] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor
  • Pulse "tipo", ajustar la visualización de la rotación, establecer la imagen de fondo, establecer la altura y el estilo de visualización, etc., para garantizar que cada campa?a de marketing tenga su propio estilo visual independiente y establecer el efecto de previsualización adecuado.
Imagen [18] - Cómo mostrar una campa?a de marketing de una tienda online con Loop Carousel de Elementor

Finalización del dise?o y lanzamiento

Después de completar la configuración anterior, puede pasar el archivo Guardar y publicar Los botones aplican el dise?o a la página real. Los usuarios que visiten el sitio podrán ver un rotador de campa?a de marketing estéticamente agradable que les incitará a hacer clic y participar en la promoción.

Imagen [19] - Cómo mostrar las campa?as de una tienda online con el carrusel de bucles de Elementor

observaciones finales

En Creador de bucles responder cantando Carrusel de buclesLo más importante es que puede mostrar fácilmente una amplia gama de campa?as de marketing en su tienda en línea. Estas potentes herramientas de dise?o le permiten crear contenido de página dinámico y adaptable sin necesidad de escribir código, lo que mejora la experiencia del usuario e impulsa más ventas. Tanto si desea mostrar los últimos productos como promocionar descuentos por tiempo limitado, los componentes de Loop le ofrecen una solución flexible y eficaz.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Este artículo ha sido escrito por Early Season
EL FIN
Si le gusta, apóyela.
felicitaciones12 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios