Cómo potenciar sus sitios web de comercio electrónico Divi

¿Busca crear mejores tiendas de comercio electrónico con Divi y WooCommerce? El paquete de comercio electrónico Cyber ​​Monday es la clave para crear tiendas en línea visualmente impresionantes y de alto rendimiento. Esta colección de extensiones, temas secundarios y plantillas de Divi está diseñada para simplificar sus flujos de trabajo, mejorar las conversiones del sitio y mejorar las experiencias de compra de los clientes, todo mientras ofrece un valor excepcional.

Este paquete puede ser todo un factor decisivo. Al dominar las herramientas internas, puede obtener tarifas más altas, ganar más ofertas y ofrecer a los clientes personalizaciones y funcionalidades que distingan sus tiendas.

Qué se incluye en el paquete de comercio electrónico Cyber ​​Monday

Los paquetes Divi Marketplace son colecciones seleccionadas de extensiones premium, temas secundarios y diseños de Divi Marketplace. Estos paquetes están diseñados para abordar desafíos específicos en la creación de sitios web mediante la combinación de complementos ricos en funciones, recursos de diseño y temas secundarios prediseñados en un paquete integral.

El paquete de comercio electrónico de este año no es una excepción: tiene una excelente línea de extensiones premium a un excelente precio.

Los artículos individuales de este paquete suelen sumar $582,99 , pero con el descuento del Cyber ​​Monday, puedes conseguirlo todo por solo $174,90 . Eso supone un enorme ahorro de $408,09 (un descuento del 70%). Con una inversión inicial tan pequeña, puede recuperar fácilmente el costo mejorando su propio sitio de comercio electrónico u ofreciendo a sus clientes más sitios web premium de WooCommerce.

Obtenga el paquete de comercio electrónico

Productos en este paquete

Entonces, ¿qué estamos mirando?

¡16 fantásticos productos por el precio de 2! Ahorre $408,09 con este paquete y cree sitios Divi eCom de ensueño como nunca antes.

Obtenga el paquete de comercio electrónico

Los productos que usaremos para renovar un sitio de comercio electrónico

Voy a utilizar sólo cuatro de los 16 productos para demostrar cómo puedes transformar rápidamente tu tienda con estas herramientas y extensiones. Esto es con lo que estamos trabajando:

Woo Expandir

Woo Expand le permite crear cuadrículas, carruseles y filtros de productos dinámicos. Esta poderosa extensión le permite exhibir sus productos de manera hermosa, garantizando una experiencia de compra perfecta.

Puntos de acceso Divi Plus

Divi Hotspots Plus agrega información sobre herramientas interactivas a las imágenes para una mejor participación. Perfecto para crear experiencias visuales que eduquen, informen o dirijan a sus visitantes. Excelente para resaltar visualmente los beneficios del producto.

Mini carrito DiviSwift Ajax WooCommerce

DiviSwift Ajax WooCommerce Mini Cart crea experiencias de pago perfectas con mini carritos con tecnología AJAX. Esta herramienta simplifica la gestión del carrito, mantiene a los usuarios interesados ​​y mejora las tasas de conversión. Funciona muy bien y hace que comprar en su sitio sea sencillo.

Página Mi cuenta Divi

Divi My Account Page le ayuda a crear una de las páginas más importantes de cualquier sitio de comercio electrónico. Con él, puede personalizar los paneles de cuentas para reflejar su marca e involucrar a los clientes como nunca antes. Lo que de otro modo podría ser una vista aburrida y fea se convierte rápidamente en algo que funciona para su marca.

Paso a paso: creación de una tienda de comercio electrónico con el paquete

Así de fácil es extraer valor de estos complementos. Los subiré, los usaré rápidamente y mostraré la diferencia que hacen.

Paso 1: instale las extensiones

Una vez comprada, vaya a su perfil de Membresía en la pestaña Mercado para descargar las gemas recién adquiridas.

Recoge los .zips de cada producto que quieras probar primero. Para este tutorial, solo usaré los cuatro mencionados anteriormente.

Inicie sesión en su panel de WordPress, luego navegue hasta Complementos > Agregar nuevo . Haga clic en el botón " Cargar complemento ", luego arrastre y suelte o seleccione uno de los archivos .zip.

Haga clic en " Instalar ahora ", después de instalar el complemento, haga clic en " Activar ". Repita estos pasos para los archivos .zip restantes hasta que se activen todos los complementos deseados.

Paso 2: Diseñe páginas de categorías de productos avanzadas con Woo Expand

Woo Expand aporta mucho, incluidos 11 nuevos módulos para el constructor visual de Divi. Estos módulos adicionales le permiten crear páginas de un solo producto, páginas de categorías de productos, menús y carruseles de productos ad hoc.

Navegue hasta la página donde desea exhibir sus productos en un carrusel y abra Divi Builder. Luego, inserte el módulo "Woo Product Carousel" de Woo Expand en su página.

Agregue los detalles del producto que desea mostrar (usando Agregar nuevo componente ) y luego configure el bucle de consulta del carrusel en la configuración del módulo para mostrar.

Nuestro ejemplo a continuación utiliza imágenes destacadas, títulos y botones para agregar al carrito. Una vez que tenga lo que le gusta, personalice la configuración de los componentes del módulo y del módulo secundario para adaptar el espaciado y los efectos, agregue carga diferida y ajuste la presentación de sus imágenes/texto.

Obtenga una vista previa de la página para asegurarse de que su cuadrícula o carrusel de productos sea visualmente atractivo y funcional, luego publíquelo. Así es como quedó nuestro carrusel con unos minutos de trabajo.

Woo Expand aporta más impulso a la creación de tiendas online con Divi + WooCommerce. Disfrutará teniéndolo junto con los demás artículos de este paquete de comercio electrónico.

Paso 3: agregue imágenes de productos interactivas con Divi Hotspots Plus

Una imagen suele valer más que mil palabras, pero puedes señalar algunas de esas palabras con esta extensión. Abra la página donde desea agregar puntos de acceso interactivos en Divi Builder. Inserta el módulo “ Hotspots ” y sube la imagen que deseas mostrar.

Dentro del módulo, agregará elementos individuales para agregar cada punto de acceso donde desee que aparezca información sobre herramientas. Cada elemento tiene configuraciones para mover el punto de acceso y configurar su estilo.

Agregue más puntos de acceso hasta que haya transmitido lo que necesitaba para su imagen.

Obtenga una vista previa de la página para asegurarse de que los puntos de acceso aparezcan según lo previsto, interactúen correctamente al pasar el cursor o se haga clic en ellos, y publicar. Así es como se ve el nuestro en la interfaz, y solo dedicamos unos minutos a crearlo.

Paso 4: Mejore la funcionalidad del carrito con el mini carrito DiviSwift AJAX

Lo que me gusta de la funcionalidad del minicarro AJAX de DiviSwifts es que requiere muy poco trabajo. Simplemente agrega funcionalidad al ícono del carrito del módulo de menú Divi. Primero, navegue hasta Apariencia > Personalizar > Divi Ajax Sidebar Cart (conozco un nombre diferente) en el panel de WordPress.

A continuación se muestran alrededor de una docena de opciones simples para personalizar la apariencia del ícono del carrito, los totales de artículos y/o montos en dólares y los estilos de mini carrito. Pruebe el carrito de menú agregando elementos a su carrito de WooCommerce y asegurándose de que las actualizaciones aparezcan dinámicamente.

Así es como se ve nuestro mini carrito en nuestro sitio con aproximadamente 1 minuto de trabajo. Esa es una gran diferencia en tan poco tiempo.

En lugar de abrir la página Mi carrito, el carrito se muestra en el costado de la página. Esta es una interacción mucho más fluida que los clientes pueden tener con su tienda.

Paso 5: cree paneles personalizados con la página Divi Mi cuenta

Esta es una extensión bastante ingeniosa, por lo que probablemente pasarás algún tiempo descubriendo cómo usarla mejor, pero tengo los conceptos básicos para ti.

WooCommerce viene con su propia infraestructura Mi Cuenta, que hace el trabajo pero deja mucho que desear en términos de personalización. La página Divi Mi cuenta brinda la infraestructura adicional necesaria para realizar esas personalizaciones en su configuración más amplia de WooCommerce. WooCommerce viene con estos puntos finales preconfigurados:

• /mi-cuenta/
• /mi-cuenta/pedidos/
• /mi-cuenta/direcciones/
• /mi-cuenta/panel/
• /mi-cuenta/descargas/
• /mi-cuenta/detalles-de-la-cuenta/
• /mi-cuenta/métodos-de-pago/

Sin embargo, si quisiera agregar sus propios puntos finales o reconfigurar los existentes, se vería relegado a usar enlaces PHP, códigos cortos Woo o bloques con un tema de bloque. Ahora, lo primero que debe comprender es que la página Divi MyAccounts funciona con el Theme Builder de Divi para crear una página personalizable " Mi cuenta ".

Al utilizar el sitio de inicio de la tienda en línea , esta es la página predeterminada de pedidos de WooCommerces.

Página estándar de pedidos de WooCommerce (/mi-cuenta/ pedidos /) con algunos estilos del Personalizador de temas Divi aplicados

Vaya a la página Mi cuenta de Divi en la barra lateral del Panel de administración. En la pestaña " Puntos finales ", verá todos los puntos finales predeterminados (todo lo que aparece en la lista anterior excepto /mi-cuenta/). Estos aparecen como enlaces de la barra lateral a la izquierda de nuestra página Mi cuenta y determinan qué contenido se carga en la misma página cuando se hace clic en un punto final específico.

Es fácil confundirse acerca de las opciones para cada punto final, pero aquí se explica todo de forma sencilla. Tiene 7 opciones para cada punto final. Los números del 5 al 7 son los realmente importantes para aprender cómo funciona esta extensión en conjunto con WooCommerce y Divi:

1. Habilitar punto final : activa o desactiva su punto final. Si deshabilitamos el punto final de pedidos, se elimina la opción de hacer clic en "Pedidos" en /mi-cuenta/.
2. Etiqueta de punto final : este es el nombre de su punto final, pero lo más importante es que también actúa como slug. Por lo tanto, una etiqueta de punto final de "Panel personalizado" aparecería como /mi-cuenta/panel-personalizado/ en su URL.
3. Seleccionar icono : seleccione un icono para asociarlo con su punto final.
4. Roles de usuario : determina qué usuarios pueden interactuar con este punto final. Piense en ello como una lógica condicional sobre quién puede verlo, como ocultar la pestaña Pedidos a los no clientes.
5. Antes del contenido : esta opción le permite cargar una plantilla de biblioteca Divi antes del contenido del punto final. Esto es útil para el contenido que desea que se muestre con un solo punto final, pero no en todos los puntos finales de la página Mi cuenta.
6. Habilitar contenido de punto final : activa o desactiva la inserción automática del contenido predeterminado para ese punto final. Si prefiere, por ejemplo, agregar los detalles del pedido a un elemento de la Biblioteca Divi (para que pueda darle más estilo a través de un módulo recién agregado), puede eliminarlo aquí para que no aparezca dos veces.
7. Después del contenido : esta opción le permite cargar otra plantilla de biblioteca Divi después del contenido del punto final. Nuevamente, es útil para el contenido que desea mostrar con un único punto final pero no en todos los puntos finales de la página Mi cuenta.

A grandes rasgos, para personalizar la página Mi cuenta, deberá trabajar en tres áreas: 1) Diseños de la biblioteca Divi, 2) Configuración de la página Mi cuenta Divi y 3) Generador de temas.

Nuestro ejemplo simple se ve así, con un encabezado agregado solo al punto final Órdenes. Los módulos de Divi MyAccount Page también facilitan el diseño del menú de navegación, los elementos del menú y el contenido del terminal utilizando configuraciones de estilo Divi familiares.

Puede utilizar la página Divi Mi cuenta para agregar pestañas personalizadas para clientes VIP, mostrar pancartas promocionales o mostrar mensajes personalizados para diferentes roles de usuario sin escribir una línea de código. Elija lo que desea que se muestre para cada punto final y personalícelo adjuntando plantillas de biblioteca encima o debajo de puntos finales específicos.

Si todo esto le parece demasiado complicado para su experiencia en desarrollo web, le recomiendo encarecidamente que consulte el tema secundario de comercio electrónico de Molti (también incluido en este paquete), ya que tiene una página Mi cuenta prediseñadas que funciona bien desde el primer momento. .

Obtenga el paquete de comercio electrónico hoy

Realmente deseas las herramientas y diseños de este paquete. Incluso si quisieras solo la mitad, estos tienen un 70% de descuento sobre el precio normal y significan que ahorrarás mucho.

¡Coge el paquete hoy y no mires atrás!

Obtenga el paquete de comercio electrónico

Obtienes un premio gratis y ventajas adicionales con tu compra

Cuando compras un paquete durante la oferta Cyber ​​Monday, no solo estás ahorrando dinero, sino que también desbloqueas beneficios y recompensas increíbles. Cada compra de paquete le da derecho a un premio gratuito de nuestro fondo de premios valorado en más de $800 000. Estos premios incluyen productos Divi premium que pueden mejorar las capacidades de creación de su sitio web.

Los clientes de Cyber ​​Monday también obtienen acceso exclusivo a descuentos ocultos en Divi Marketplace, que les brindan hasta un 50 % de descuento en productos y paquetes seleccionados. Cada participante desbloqueará paquetes de sitios web Divi gratuitos, diseñados para ayudarle a crear sitios web atractivos y de alto rendimiento sin esfuerzo.

No hay mejor momento para actualizar su conjunto de herramientas y llevar su diseño web al siguiente nivel.

Obtenga el paquete de comercio electrónico

Hay más ofertas de Cyber ​​​​Monday para explorar

Disfrute de nuestros mayores descuentos del año en Divi, Divi AI, Divi Cloud, Divi Teams, Divi VIP y Divi Marketplace. ¡Aprovecha estas ofertas exclusivas que solo están disponibles por tiempo limitado!

• Obtenga Divi Pro con un 73 % de descuento : ¡nuestra mejor oferta de Cyber ​​Monday! Con Divi Pro, disfrute de descuentos adicionales en todos los servicios, además de la suite Divi completa: Divi, Divi Dash, Divi AI, Divi Cloud, Divi VIP, Divi Teams y un crédito de Divi Marketplace de $50. Compre una suscripción de por vida para acceder continuamente a la creación de sitios web, incluidas futuras actualizaciones como Divi 5.
• Reempaque sus suscripciones con hasta un 73 % de descuento : los miembros existentes pueden ahorrar mucho al reempaquetar sus suscripciones con el nuevo paquete Divi Pro o cualquier combinación de paquetes personalizados. Pague menos, obtenga más funciones y mejore su conjunto de herramientas.
• Obtenga Divi AI con un 68 % de descuento : Divi AI es su asistente personal de IA para la creación de sitios web. Puede generar contenido, código personalizado, imágenes y más en segundos, integrado directamente en Divi para crear sitios web sin esfuerzo.
• Obtenga Divi Cloud con un 44% de descuento : Divi Cloud es como Dropbox para Divi. Guarde elementos de su biblioteca Divi y acceda a ellos instantáneamente en todos sus proyectos.
• Obtenga Divi Teams con un 44 % de descuento : Divi Teams permite una colaboración fluida con compañeros de equipo y clientes, ofreciendo acceso compartido a Divi con roles y permisos administrados.
• Obtenga Divi VIP con un 44 % de descuento : Divi VIP ofrece soporte premium las 24 horas, los 7 días de la semana con tiempos de respuesta de 30 minutos y un 10 % de descuento en Marketplace, además de los precios de oferta.
• Las membresías Divi tienen un 25 % de descuento : compre o renueve membresías Divi con un gran descuento. Actualice a Divi Lifetime para proteger Divi, Divi Dash y el próximo Divi 5 de por vida. Divi Pro Lifetime está disponible con un 76% de descuento, lo que le brinda el mayor valor con el mayor descuento de toda la venta.
• Ahorre un 70% en paquetes exclusivos de Divi Marketplace : obtenga un valor increíble en paquetes de Divi Marketplace a una fracción del costo. ¡Estos paquetes son perfectos para impulsar tus proyectos con herramientas premium!