Hoy, Divi cuenta con 8 nuevos módulos llamados: Divi WooCommerce y permiten personalizar la página de pago de WooCommerce y la página del carrito de WooCommerce utilizando el constructor visual de Divi.

Ahora puedes controlar toda la experiencia del usuario a la hora de comprar, desde la visualización de un producto hasta su compra.

Recuerda que si quieres aprender más sobre Divi, puedes apuntarte a mi Curso de Divi por el que ya han pasado miles de alumnos.

Los nuevos módulos de WooCommerce en Divi

Esta actualización agrega ocho nuevos módulos a Divi. Cada uno de estos nuevos módulos representa una parte del carrito de WooCommerce y las páginas de pago.

Antes, las páginas de carrito y caja no eran editables. Como están hechas “por programación” teníamos que conformarnos con la apariencia que tenían.

Esto, con Divi, ha cambiado y ahora las puedes personalizar a tu gusto, con estos módulos:

Productos Woo Cart : este módulo muestra la lista de productos que un usuario tiene actualmente en su carrito.
Totales de Woo Cart : este módulo muestra el subtotal actual, el envío y el precio total de los productos en el carrito de un usuario.
Woo Cart Cross Sells : este módulo muestra las ventas cruzadas y productos relacionados en la página del carrito.
Facturación de Woo Checkout : este módulo muestra el formulario de detalles de facturación utilizado durante el pago.
Envío de Woo Checkout : este módulo muestra el formulario de detalles de envío utilizado durante el pago.
Woo Checkout Information : este módulo muestra el formulario de información adicional utilizado durante el pago.
Detalles de Woo Checkout : este módulo muestra los detalles del pedido, incluidos los productos que se compran y sus precios, durante el pago.
Pago de Woo Checkout : este módulo muestra la selección del tipo de pago y los detalles del formulario de pago durante el pago.

Gracias al Dynamic Framework y Dynamic CSS de Divi, estos módulos y sus funciones y activos asociados solo se cargan cuando los usas, por lo que esta actualización no afecta el rendimiento de tu web.

Personalización del carrito y páginas de pago

Cuando habilitas Divi Builder en una página de carrito de WooCommerce o en una página de pago de WooCommerce, Divi convierte automáticamente la página en una colección de nuevos módulos Divi y cada parte de la página corresponde a uno de estos módulos, completamente editable y personalizable.

Puedes personalizar completamente tus diseños, moverlos por la página y combinarlos con otros módulos Divi para crear un carrito completamente personalizado y una experiencia de pago brutal.

Dado que estas páginas están compuestas por módulos Divi, no hay límites para lo que puede hacer y cada módulo está lleno de una gran variedad de opciones de diseño que le permiten personalizar todo sobre ellas.