E-commerce especializado con checkout e integraciones
9 de abril de 2024
Sitio público y panel administrativo de e-commerce con catálogo especializado, checkout robusto e integración de pagos, sincronizado con fuente de datos externa.
multicanal
web pública
proyecto central
Contexto
Desarrollé un e-commerce de rubro especializado sobre la plataforma de comercio electrónico del grupo. A diferencia de otros sitios del ecosistema, este trabaja contra una base de datos externa de un proveedor especializado, lo que obliga a respetar un modelo de catálogo, existencias y precios que no depende del ERP interno.
Reto
Mantener una experiencia de compra consistente y rápida sobre el catálogo del proveedor externo, sin romper la lógica común de la plataforma de e-commerce y sin sobrecargar al backend del aliado en horas pico. Además, garantizar que ningún pedido quedara en un estado inconsistente durante el flujo de pago.
Tipo de colaboración
Implementación y mantenimiento evolutivo del flujo comercial digital, integrando la plataforma de e-commerce con la fuente de datos externa y la pasarela de pagos Mercado Pago.
Mi aporte
- Implementé y afiné componentes de catálogo, búsqueda, carrito y checkout alineados al catálogo externo del proveedor.
- Trabajé el flujo de pago de punta a punta con Mercado Pago, cubriendo estados intermedios (pendiente, autorizado, pagado, cancelado) para nunca perder un pedido en tránsito.
- Automaticé la actualización de estados del pedido conforme avanza el pago, notificando al cliente y al equipo operativo sin intervención manual.
- Endurecí pantallas críticas (carrito, dirección de envío, checkout) para evitar abandonos por errores de validación o estados inconsistentes.
Resultado
Un sitio público con flujo de compra claro, integrado con un proveedor externo y con pasarela de pagos, sosteniendo continuidad de catálogo, precios y stock sin atar la operación al ERP interno. La automatización de estados de pago eliminó pedidos huérfanos y la conciliación operativa se volvió trazable en tiempo real.
Stack
PHP, Vue, JavaScript, HTML/CSS, APIs REST, Mercado Pago.
Reglas de negocio del e-commerce Mostrar más
- El proveedor externo manda en catálogo y existencia. El sitio respeta su modelo de productos, presentaciones y disponibilidades; no inventa SKUs locales.
- Precios y promociones siempre verificados al checkout. El total de un pedido se confirma justo antes de pagar para no cobrar de menos ni de más.
- Pedidos con ciclo de vida claro. Cada compra atraviesa estados explícitos para que el equipo de soporte sepa exactamente dónde está cada pedido.
- Cuenta del cliente como hub. Direcciones, historial y métodos guardados se centralizan en el perfil para que la siguiente compra sea más rápida.
- Validaciones cruzadas frontend + backend. Ningún total, dirección o producto se acepta sin doble validación.
Cómo encaja con la arquitectura del ecosistema Mostrar más
- La plataforma de e-commerce es el motor común para los sitios de comercio del grupo: panel administrativo + sitio público.
- Otros sitios de la plataforma se sincronizan con el ERP central para inventario, precios y ventas.
- Este e-commerce especializado rompe ese patrón a propósito: su catálogo, precios y stock se consumen desde una base de datos externa del proveedor.
- Esto exige integraciones específicas para que el flujo de compra del usuario final se sienta idéntico y confiable, aunque el origen de los datos sea distinto.
Funcionalidades cubiertas en sitio público y panel Mostrar más
- Catálogo y búsqueda: navegación por categorías, filtros, búsqueda por nombre y presentación.
- Detalle de producto: descripción, presentaciones, disponibilidad y validaciones específicas del rubro.
- Carrito y checkout: actualización en vivo, validación de existencia, dirección de envío e integración con pasarela de pagos.
- Cuenta del cliente: registro, login, recuperación, perfil, direcciones e historial de pedidos.
- Estados de pedido: vistas y notificaciones para que el cliente sepa qué pasa con su compra.
- Panel administrativo: gestión de pedidos, soporte y consulta operativa para el equipo interno.
Detalles técnicos Mostrar más
- Sitio público y panel construidos sobre el stack de la plataforma: PHP del lado servidor con Vue/JavaScript y plantillas web del lado cliente.
- Integración con Mercado Pago para procesar pagos con estados trazables y notificaciones automáticas.
- Consumo de APIs REST para todas las operaciones críticas (catálogo, carrito, checkout, pedido, cuenta).
- Manejo cuidadoso de estados intermedios y errores de red para no dejar pedidos huérfanos.
- Mejoras incrementales de UX en flujos sensibles: carrito, dirección, confirmación y pago.