¡Divi en WooCommerce ya ha llegado!

Ya llegó la actualización más esperada de Divi en todos estos años. La integración de Divi Builder dentro de WooCommerce donde podemos ya personalizar hasta 16 módulos de WooCommerce.

Esta actualización se centra principalmente en la ficha de producto, y estos 16 módulos son tos los que podemos usar en esta página de WooCommerce.

Antes de continuar, quisiera presentarme. Soy Javier Rodríguez Fernández de Tejada y tengo el placer de poder escribir en el Blog de Ayuda WordPress de Fernando Tellado sobre Divi, una de las mejores plantillas que incorporar Builder para Diseño Web que podréis encontrar para WordPress.

¿Cuáles son las novedades de Divi WooCommerce Builder?

Si aún no la conoces y no sabes en qué te puede ayudar y facilitar la vida en el Diseño Web de sitios WordPress te recomiendo la lectura de artículo ¿Qué es Divi?.

Esta actualización de Divi nos trae 16 nuevos módulos específicos para WooCommerce y para poder usar generalmente en la ficha de producto.

De esta manera podemos personalizar la ficha de producto para que resulte más atractiva y con elementos que a nosotros nos interese.

Módulos de Divi WooCommerce

Ejemplo de lo que podemos hacer

Aquí estuve probando el otro día la nueva actualización y haciendo algunas pruebas para ver la capacidad de lo que podemos hacer.

Página de Producto de Divi WooCommerce

Como se puede ver, se puede personalizar prácticamente el diseño de cualquier elemento.

Incluso podemos cambiarlo de lugar y ponerlo en otra disposición que nos resulte más interesante. He retocado el tamaño y color del cartel de Oferta, el título H1 del título del producto, los estilos de los botones, etc.

Podemos incluso añadir módulos adicionales que son propios de Divi. En la imagen podéis ver por ejemplo que he hecho uso del módulo de Blog donde he creado una sección de Tutoriales de Divi que están relacionados con este producto “Curso de Divi” para incitar a su compra.

Próximas actualizaciones…

Hasta ahora muy bien, pero faltan cosas que desde mi punto de vista serían muy interesantes de poder disponer para tener un diseño completo bien adaptado a nuestras necesidades.

En una tienda de WooCommerce tenemos como mínimo estas páginas:

  • Página de producto
  • Página de finalizar compra.
  • Página de carrito.
  • Página de Mi Cuenta.
  • Página de Tienda.

De momento el constructor de Divi solo nos deja personalizar la página de producto como os he mostrado en la imagen anterior.

Por ejemplo si intentas usarlo en la página de Finalizar Compra sale así:

Página de Finalizar Compra de Divi WooCommerce

Aparece el módulo de texto con el shortcode de WooCommerce. Pero en este caso nos deja al menos retocar algo de los estilos de los textos, pudiendo personalizarlo hasta este punto:

Página de Finalizar Compra de Divi WooCommerce

Después en el caso de la página de la tienda, ni siquiera nos aparece el botón de Habilitar Constructor Visual de Divi que se suele mostrar en la barra de escritorio superior.

Página de Tienda de Divi WooCommerce

¡Necesitas ya Divi WooCommerce Builder!

Seguro que eres de los que siempre te ha costado personalizar los estilos de WooCommerce tocando hojas de estilos y que tus capacidades sólo se limitaban a eso. Y aún así era un infierno y nunca te quedaban los diseños a tu gusto.

Ahora con Divi todo se simplifica y seguramente estés pensando en comprar Divi viendo las posibilidades que te ofrece.

Si quieres conocer todas las ventajas de Divi frente a otros Builder de WordPress visita mi artículo y verás que Divi es una de las plantillas más completas que podrás encontrar para WordPress.

Espero que esta nueva actualización te haya gustado y estaremos pendientes de las próximas novedades para poder contártelas en el blog de Fernando.

La entrada ¡Divi en WooCommerce ya ha llegado! la publicó primero Javier Rodríguez en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Laura D´Cuero

Copywriter, Redactora de Content SEO.
Laura D´Cuero
0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *