Cerrar video

Cómo crear un catálogo de productos en Divi con pedidos por WhatsApp y sincronización en Google Sheets v6.0

por | Abr 26, 2025 | Tutorial premium | 0 Comentarios

¡Por fin tenemos aquí la versión 6.0 del catálogo de productos con pedidos por WhatsApp gestionado desde Google Sheets!

Si eres nuevo por aquí, te comento que hace más de un año lancé la primera versión de este ejercicio (puedes verla aquí). Desde entonces, he compartido actualizaciones constantes, mejorando cada vez más la funcionalidad y la experiencia. Hoy te presento la versión 6.0, donde hemos dado un gran salto en diseño, usabilidad y potencia.

En la versión anterior (v5) ya contábamos con características como el buscador, pestañas filtrables, atributos (sin precios variables), carrito y un formulario básico de pedido. Aunque este catálogo es sencillo, sigue siendo muy funcional para negocios que buscaban algo práctico y eficiente.

Sin embargo, en esta nueva versión hemos agregado muchas funcionalidades que ahora te voy a enlistar.

Cómo crear un catálogo de productos en Divi con pedidos por WhatsApp y sincronización en Google Sheets v6.0

Mejoras visibles en el catálogo

Primero, vamos con las novedades en la parte visual y de experiencia de usuario:

  • Nueva interfaz: ahora el catálogo cuenta con imagen de portada, imagen de perfil, título del negocio y una breve descripción.
  • Rediseño completo: mejoramos el buscador, las pestañas de categorías, las tarjetas de productos, el carrito y el formulario de pedido.

  • Estilos y animaciones: mejoramos todos los estilos y aplicamos efectos de animación sutiles y elegantes para ofrecer una experiencia más moderna y atractiva.
  • Tarjetas de productos: ahora, además de la imagen, título y precio, cada tarjeta muestra categoría, subtítulo y etiquetas personalizadas como oferta, agotado, nuevo, promoción o único.

  • Modal de producto: al hacer clic en «Ver producto» se abre un modal con título, subtítulo, galería de imágenes, etiquetas, categorías, precios, descripción, SKU, stock, atributos variables y personalizados, cantidad y botón de añadir al carrito.

  • Carrito mejorado: añadimos notificaciones dinámicas al agregar, eliminar o vaciar productos del carrito.

  • Resumen de pedido: subtotal, impuestos personalizados, total dinámico y un campo para aplicar cupones de descuento.

  • Costos de envío: ahora puedes añadir costos de envío opcionales y personalizar su cálculo.

  • Aceptación de términos y condiciones: obligatoria antes de enviar el pedido, con opción de enlace externo o modal interno para leerlos.

  • Confirmación de pedido: después de enviar el pedido, aparece un mensaje de éxito con número de pedido y un botón para regresar al catálogo.

  • Mensaje de WhatsApp personalizado: incluye todos los detalles del pedido: productos, variaciones, precios, impuestos, descuentos, costo de envío y número de pedido.

  • Registro de pedidos en Google Sheets: ahora cada pedido se guarda automáticamente en una hoja nueva llamada Pedidos.

Además, agregamos:

  • Contador de productos: muestra la cantidad de productos disponibles.

  • Ordenador de catálogo: permite ordenar por A-Z, Z-A, precios (menor a mayor / mayor a menor), más recientes y más populares.

  • Paginación: facilita la navegación entre productos, gestionando el número de productos visibles desde Google Sheets.

 

Mejoras en la gestión desde Google Sheets

Ahora nuestro documento de Google Sheets cuenta con 5 hojas principales:

  • Productos: gestionas toda la información del catálogo (título, imágenes, precio, categorías, SKU, stock, subtítulo, descripción, popularidad, etiquetas, fecha, galería, atributos ilimitados y visibilidad del producto).

  • Config: defines moneda, símbolo, formato de moneda, número de productos por página, impuestos, porcentaje, nombre del impuesto, estado de precios con impuestos, orden predeterminado, enlaces de términos y condiciones, horarios de disponibilidad del catálogo y mensajes personalizados cuando el catálogo esté fuera de servicio o fuera de horario.

  • Cupones: gestionas los cupones (código, tipo -porcentaje, monto o envío gratis-, valor, monto mínimo y estado activo/inactivo).

  • Envíos: defines zonas de envío, costos y tiempos estimados de entrega.

  • Pedidos: registro histórico de pedidos con todos los datos: ID, fecha, cliente, teléfono, dirección, método de entrega, método de pago, subtotal, impuestos, envío, descuento, total, productos con variaciones, notas adicionales y estado del pedido (nuevo, confirmado, en preparación, en camino, entregado, completado, pendiente de pago, cancelado o reembolsado).

 

¿Por qué te va a encantar este proyecto?

Este catálogo versión 6.0 es un proyecto increíble que no solo te enseña habilidades prácticas, sino que además puedes monetizarlo ofreciendo catálogos personalizados a negocios que necesiten una solución rápida, intuitiva y eficaz para gestionar pedidos por WhatsApp.

También, por supuesto, puedes implementarlo en tu propio negocio si vendes productos.

En este tutorial te enseño paso a paso cómo crear tu catálogo usando Divi y WordPress. En menos de una hora tendrás todo listo para salir al mercado. ¡Sí, en menos de una hora!

Un proyecto exclusivo para suscriptores

Honestamente, dudé si compartir este proyecto aquí o reservarlo solo para los tutoriales exclusivos de la academia, porque es un proyecto avanzado y de muchísimo valor.
Este tutorial, por sí solo, vale más que el precio anual de mi suscripción. Pero decidí incluirlo para todos los miembros exclusivos, junto con más de 200 tutoriales premium.

Si todavía no eres parte, puedes acceder a este tutorial y todos los demás por solo 10 dólares al mes. ¡Una verdadera locura!

Espero haberte transmitido la emoción de este proyecto. Hay muchas horas invertidas aquí, que he resumido para ti en un tutorial fácil de seguir. Créeme, te va a encantar.

Si ya eres miembro de la academia, ya puedes verlo en la sección de tutoriales exclusivos.
Si eres nuevo, te invito a unirte hoy. No te vas a arrepentir, te lo aseguro.

¡Muchas gracias por llegar hasta aquí, muchas gracias por leerme!
Te mando un abrazo,

Oscar Viedma.

Este tutorial es premium

Accede a este y más tutoriales exclusivos de la Academia OV DIVI por tan solo $10 USD al mes y saca el máximo provecho del mejor tema y constructor visual para WordPress.

Tutoriales Relacionados

0 comentarios

Enviar un comentario

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

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$10 USD / mes

Pin It on Pinterest