LIVE PREVIEWBUY FOR $69

ChatCart: flip your catalog into orders on WhatsApp

ChatCart is a self-hosted storefront whose checkout is a pre-filled WhatsApp
message. There isn’t a fee gateway and there aren’t any transaction charges. Clients browse your
catalog, construct a cart, and faucet “Order on WhatsApp”. The total order arrives in
your chat, and an identical order is saved in your admin.

It’s constructed with Subsequent.js 16 (App Router), React 19, TypeScript, MongoDB and Tailwind CSS v4. You
get the entire supply code: storefront, admin console, and API in a single repository.

ChatCart storefront with a WhatsApp order message on a phone

Dwell demo

The demo is open to everybody and indicators you in with full proprietor rights, so be happy to vary
something. It’s reset usually.

Why WhatsApp checkout

  • No fee gateway. You’re paid the way in which you’re paid at present: money, financial institution
    switch, or a fee hyperlink you ship within the chat.
  • No transaction charges. Nothing is taken from every order.
  • No WhatsApp Enterprise API. ChatCart builds a traditional wa.me hyperlink. Any
    WhatsApp quantity works.
  • No activation server. Your buy code is saved as a notice solely. The app
    by no means calls residence.

The four checkout steps: pick a product, review the cart, add delivery details, send on WhatsApp

One set up, 3 ways to promote

  • Retailer: a full store with classes, search, filters, and product pages.
  • QR Menu: dine-in ordering. The desk quantity is learn from the QR code hyperlink.
  • Hyperlink in Bio: a compact cellular menu for Instagram and TikTok profiles.

The same install running as a store, a QR menu, and a link in bio page

Hostinger

The storefront

ChatCart storefront home page and product page

  • Browse and purchase. Mega menu, class and search pages with filters (value,
    inventory, sale, ranking, model) and sorting, product pages with variants, galleries, specs and
    critiques, fast view, lately considered, cart drawer, and wishlist.
  • Order affirmation web page. It repeats the order and provides a button that re-opens
    WhatsApp, plus a duplicate fallback if the chat didn’t open.
  • Success. Supply with a flat charge, a free-delivery threshold and per-zone
    charges, plus pickup and dine-in.
  • Buyer accounts. Optionally available per retailer: registration, login, order historical past,
    saved addresses, and one-tap reorder. Visitor checkout at all times works.
  • Evaluations. Optionally available per retailer: star rankings with a moderation queue or
    auto-approve. Rankings feed the storefront filters and sorting.
  • Weblog and publication. Search engine marketing-friendly posts with cowl photographs, and a signup that
    collects subscribers you’ll be able to export as CSV.
  • Cellular first. The storefront is installable as a PWA and works offline.

The WhatsApp order message is yours to put in writing

Edit the order message with token chips and a reside preview. Tokens cowl the gadgets, subtotal,
low cost, supply, whole, and the shopper particulars. Write your personal wording in any language, and
see the consequence earlier than you save. Costs and coupons are at all times recalculated on the server, so the
order you obtain is the order the patron paid for.

The message template editor with token chips and a live preview

Admin console

Admin dashboard with sales charts and recent orders

  • Dashboard with gross sales charts and up to date orders, for every retailer.
  • Classes, prospects, and weblog posts.
  • Advertising and marketing (subscribers) with CSV export.
  • Look: model colour, nook radius, brand, favicon, banners, and residential sections.
  • Settings: message template, achievement, options, currencies, languages, Search engine marketing, and analytics.
  • Customers with role-based rights: proprietor, supervisor, and employees. Managers and employees will be scoped to
    particular shops.

Each chat order is saved and tracked

WhatsApp will get the message, and your admin retains the report. Every order has a standing stream from
Pending to Accomplished, inner notes, the precise WhatsApp message that was despatched, a printable
bill, CSV export, and a one-click button to message the shopper once more.

An order in the admin with its status, items, and the WhatsApp message that was sent

Catalog, coupons, and reviews

The product list and the sales report in the admin

  • Merchandise. A variant editor, picture gallery, specs, and CSV import and export.
  • Stock. Inventory monitoring, low-stock thresholds, backorders, and computerized
    in-stock or sold-out badges.
  • Coupons. Proportion, mounted quantity, and free-shipping codes with minimal order,
    utilization limits, date ranges, and class or product scopes. Validated on the server.
  • Studies. Gross sales by interval and high merchandise, with CSV export.

Your model, no rebuild

The appearance screen: brand color, corner radius, logo, favicon, and home sections

  • Per-store branding. Model colour, nook radius, brand, and favicon. The
    storefront re-skins itself at runtime, with no rebuild.
  • House web page part builder. Hero, featured merchandise, classes, banners, new
    arrivals, offers, testimonials, publication, wealthy textual content, and weblog. Toggle and reorder each
    part.
  • Search engine marketing and analytics. Per-store meta title, description and share picture, sitemap,
    robots, product JSON-LD, an internet app manifest, and elective Google Analytics and Meta Pixel IDs.

Languages, currencies, and multi-store

The storefront in Arabic with a right-to-left layout, and the language switcher

  • 7 languages with RTL. English, Arabic, Spanish, French, Bengali, Hindi, and
    Portuguese. Arabic will get a full right-to-left structure.
  • Multi-currency. A display-only foreign money switcher with charges you handle. Orders
    are at all times positioned within the retailer foreign money.
  • Multi-store. Run a number of shops from one set up, every with its personal area or
    path, theme, foreign money, languages, and message template.

Constructed with

  • Subsequent.js 16 (App Router) and React 19
  • TypeScript in strict mode
  • MongoDB with Mongoose
  • Tailwind CSS v4 and Radix UI
  • next-intl, Zod, and Zustand
  • Vitest unit assessments and a Playwright smoke take a look at

Necessities

  • Node.js 20 or newer
  • MongoDB: native, Atlas, or any Mongo-compatible URI
  • A WhatsApp quantity to obtain the orders

What you get

  • Full, readable supply code with no obfuscation and no encrypted recordsdata.
  • One-command demo information: npm run seed creates two shops, about 30 merchandise, orders,
    critiques, coupons, and weblog posts.
  • Written documentation: set up, configuration, the WhatsApp template information, and credit.
  • Deploy to a VPS with PM2, or to a Node host comparable to Vercel.
  • Free updates and assist from the writer.


Source

Hostinger
Namecheap Best Deals