Frank Cardona ES Book a discovery call

Home/E-commerce with Online Payments

Colombia · E-commerce with online payments

E-commerce with online payments in Colombia

I build custom-coded online stores that take payments online with Wompi: catalog with prices, cart, checkout, shipping quoted before payment and payment confirmation via webhook. Two stores in production: JL Mercantil and Chonta Lab.

JL Mercantil online store with Wompi payments — built by Frank Cardona
E-commerce with a payment gateway

What does an online store with a payment gateway include?

An online store with a payment gateway shows the catalog with prices, lets the customer build a cart and charges online, without the customer having to message on WhatsApp just to be able to pay. The ones I build use Wompi, Bancolombia's payment gateway, which, depending on what each merchant has enabled, accepts debit and credit cards, PSE, Nequi, Daviplata and the Bancolombia transfer button. The order total is calculated on the server, never in the browser; the integrity signature Wompi requires is generated in a Supabase function, and an order is only marked paid when Wompi's webhook confirms the transaction. On top of that come shipping, the sales panel and purchase tracking in Meta. WhatsApp does not go away: it stays as a second channel for people who want to ask before buying.

Why the price is calculated on the server

If the total comes from the browser, anyone with basic skills can change it before paying. That is why the server builds the order with the prices stored in the database, calculates shipping and signs the transaction; the browser only displays what the server already decided.

What ends up running

From storefront to confirmed payment

These are the pieces running in production today in the stores I built:

Catalog with prices and Product schemaEvery product with its published price and structured data (Product and Offer) so Google can show price and availability.
Custom cart and checkoutNo third-party templates. Guest checkout and, optionally, Google sign-in to save the address.
Payments with WompiWompi widget, integrity signature generated on the server and a webhook that confirms every payment before the order is marked paid.
Shipping quoted before paymentIntegration with Envía: the customer sees the shipping cost before paying and the label is generated from the sales panel.
Sales panelOrders, statuses and shipments in a CRM connected to the store, so the team knows what still needs to ship.
Real purchase tracking in MetaA purchase is reported only once payment is approved, from the browser and from the server (Conversions API) with deduplication.
FAQ

What people ask me most

Wompi is Bancolombia's payment gateway. Depending on what the merchant has enabled on its account, it accepts debit and credit cards, PSE, Nequi, Daviplata, the Bancolombia transfer button and cash payments at banking agents. The money goes to the merchant's account, not mine.

Both work. With custom code the store loads fast, checkout adapts to the business (shipping, showroom pickup, pricing rules) and there is no platform subscription; in exchange, every change needs someone technical. Shopify makes sense when the team wants to manage everything on its own from a dashboard.

Through Wompi's webhook: when the transaction is approved, Wompi notifies the server with a signed event, the server verifies the signature and only then marks the order as paid. If the customer closes the window halfway through, the order is not marked paid by mistake.

Yes. The browser pixel and the server-side Conversions API send the same purchase with the same identifier, and Meta counts it once. The purchase is only reported when the payment is approved, so campaigns learn from real sales, not attempts.

Yes. At Chonta Lab the WhatsApp button stayed as a second channel for people who want to ask before buying, and at JL Mercantil the WhatsApp bot answers questions while the purchase happens on the website.

Free diagnosis

30 minutes. A clear map of what to automate first.

Book a session over Google Meet. You leave with a concrete plan even if we never work together.

Book a discovery call