Set Up an Online Store or Donation Hub in Minutes with Os.pro Commerce

Not every business or organization needs a full eCommerce suite.
Sometimes, you just want to list products, receive payments, and manage content easily — without maintaining databases or heavy backends.

That’s where Os.pro Commerce mode comes in.
It lets you transform the Os.pro site into a lightweight online store or donation hub, powered entirely by the Omnistack API.

? Step 1: Enable Commerce Mode

In your config.php file, switch the mode from “brochure” to “commerce”:

'SITE_MODE' => 'commerce',

By default, your site remains connected to the Omnistack API.
Later, you can switch to your own Os.ext.api instance if you prefer to self-host your product or order data.

???? Step 2: Choose a Storefront Template

Os.pro includes three storefront-style templates, each targeting a different niche:

1. Boutique Store

For: small fashion brands, handmade crafts, lifestyle items.
Features:

Homepage hero with featured product gallery.
/collections/products API endpoint for listing items.
“Buy Now” buttons linking to your Paystack, Stripe, or Flutterwave checkout URL.

'ACTIVE_THEME' => 'boutique'

2. Digital Creator Shop

For: music artists, coaches, digital product sellers.
Features:

Showcase tracks, eBooks, or courses with price tags.
Built-in “Download after payment” logic via Omnistack’s file endpoints.
Contact form for custom orders.

'ACTIVE_THEME' => 'digitalshop'

3. Donation Hub

For: charities, NGOs, and fundraising campaigns.
Features:

Clean, story-driven landing page.
Donation tiers and quick-pay buttons.
Updates/news feed via /posts.

'ACTIVE_THEME' => 'donation'

???? Tip: Customize the donation goal or campaign progress bar by editing /config/theme.php.

???? Step 3: Connect Your Payment Processor

Each “Buy” or “Donate” button can point to your preferred payment gateway:

'PAYMENT_GATEWAY' => 'paystack', 'PAYMENT_PUBLIC_KEY' => 'pk_live_XXXX',

Supported processors: Paystack, Stripe, Flutterwave, or any custom payment link.
Omnistack’s /forms/order endpoint can also record buyer or donor info automatically.

???? Step 4: Add Products or Campaigns

Add items through your Omnistack dashboard under Collections → Products or Collections → Campaigns.

Each product or campaign entry supports:

Title
Description
Image
Price or goal amount
Slug for frontend display

Your Os.pro Commerce site fetches these dynamically, so no local database is needed.

???? Step 5: Track Orders or Donations

When users complete payments, you can capture details using Omnistack’s Forms API.
Create a new form endpoint like:

/forms/order-confirmation /forms/donation-record

Then configure the form in your Os.pro template to post to that endpoint.
All submissions appear in your Omnistack dashboard instantly.

???? Step 6: Customize the Look

Use the theme configuration to adjust colors, fonts, and section layouts:

'PRIMARY_COLOR' => '#2B6CB0', 'FONT_FAMILY' => 'Poppins, sans-serif', 'SHOW_CART' => false

You can even disable the cart and keep a “Buy Now” or “Donate”-only setup for single-item or one-off campaigns.

???? Step 7: Publish & Promote

Once your content and payment links are ready:

Upload to your hosting account.
Point your domain.
Share on WhatsApp, Facebook, and Instagram.

Your lightweight commerce site is now live — simple, fast, and API-connected.

???? Why Use Os.pro for Commerce

Feature	Os.pro Commerce	Full eCommerce Suite
Setup Time	Under 30 minutes	Several hours/days
Hosting Load	Ultra-light	Database + backend load
Payment	External link or Omnistack form	Integrated gateways
Scalability	Ideal for 1–100 products	For large catalogs
Maintenance	Near-zero	Regular updates

Os.pro Commerce gives small ventures and campaigns a professional presence without complexity.

???? Wrap-Up

Whether you’re launching a boutique, digital product shop, or donation page — Os.pro Commerce helps you go live in minutes, not days.