Frank Cardona EN Agendar diagnóstico

Inicio/Tienda online con Wompi

Colombia · E-commerce con pago en línea

Tienda online con pagos Wompi en Colombia

Construyo tiendas online con código propio que cobran en línea con Wompi: catálogo con precios, carrito, checkout, envío cotizado antes de pagar y confirmación del pago por webhook. Dos tiendas en producción: JL Mercantil y Chonta Lab.

Tienda online de JL Mercantil con pagos Wompi — desarrollada por Frank Cardona
E-commerce con pasarela de pago

¿Qué incluye una tienda online con pasarela de pago?

Una tienda online con pasarela de pago es un sitio que muestra el catálogo con precios, deja armar el carrito y cobra en línea, sin que el cliente tenga que escribir por WhatsApp para poder pagar. Las que construyo usan Wompi, la pasarela de pagos de Bancolombia, que según lo que tenga activo cada comercio recibe tarjetas débito y crédito, PSE, Nequi, Daviplata y el botón de transferencia Bancolombia. El total del pedido se calcula en el servidor, nunca en el navegador; la firma de integridad que exige Wompi se genera en una función de Supabase, y el pedido solo queda pagado cuando el webhook de Wompi confirma la transacción. Encima de eso van el envío, el panel de ventas y la medición de compras en Meta. WhatsApp no desaparece: queda como segunda vía para quien prefiere preguntar antes de comprar.

Por qué el precio se calcula en el servidor

Si el total sale del navegador, cualquiera con conocimientos básicos puede cambiarlo antes de pagar. Por eso el servidor arma el pedido con los precios guardados en la base de datos, calcula el envío y firma la transacción; el navegador solo muestra lo que el servidor ya decidió.

Lo que queda funcionando

De la vitrina al pago confirmado

Estas son las piezas que hoy están en producción en las tiendas que construí:

Catálogo con precios y schema ProductCada producto con su precio publicado y datos estructurados (Product y Offer) para que Google pueda mostrar precio y disponibilidad.
Carrito y checkout propioSin plantillas de terceros. Compra como invitado y, si se quiere, inicio de sesión con Google para guardar la dirección.
Pago con WompiWidget de Wompi, firma de integridad generada en el servidor y webhook que confirma cada pago antes de marcar el pedido.
Envío cotizado antes de pagarIntegración con Envía: el cliente ve el costo del envío antes de pagar y la guía se genera desde el panel de ventas.
Panel de ventasPedidos, estados y despachos en un CRM conectado a la tienda, para que el equipo sepa qué falta por enviar.
Medición real en MetaLa compra se reporta solo con pago aprobado, desde el navegador y desde el servidor (API de Conversiones) con deduplicado.
Preguntas frecuentes

Lo que más me preguntan

Wompi es la pasarela de pagos de Bancolombia. Según lo que el comercio tenga activo en su cuenta, recibe tarjetas débito y crédito, PSE, Nequi, Daviplata, el botón de transferencia Bancolombia y pagos en efectivo en corresponsales bancarios. El dinero llega a la cuenta del comercio, no a la mía.

Las dos opciones sirven. Con código propio la tienda carga rápido, el checkout se adapta al negocio (envío, recogida en el showroom, reglas de precio) y no hay mensualidad de plataforma; a cambio, cada ajuste lo hace alguien técnico. Shopify conviene cuando el equipo quiere administrar todo solo desde un panel.

Por el webhook de Wompi: cuando la transacción se aprueba, Wompi le avisa al servidor con un evento firmado, el servidor verifica la firma y solo entonces marca el pedido como pagado. Si el cliente cierra la ventana a mitad del pago, el pedido no queda pagado por error.

Sí. El píxel del navegador y la API de Conversiones desde el servidor envían la misma compra con el mismo identificador, y Meta la cuenta una sola vez. La compra solo se reporta cuando el pago está aprobado, para que las campañas aprendan de ventas reales y no de intentos.

Sí. En Chonta Lab el botón de WhatsApp se quedó como segunda vía para quien quiere preguntar antes de comprar, y en JL Mercantil el bot de WhatsApp resuelve dudas mientras la compra se hace en la web.

Diagnóstico gratis

30 minutos. Un mapa claro de qué automatizar primero.

Reserva una sesión por Google Meet. Sales con un plan concreto aunque después no trabajemos juntos.

Agendar diagnóstico