Connecting WooCommerce Headless Commerce
Jewellic is engineered as a decoupled storefront. Your high-performance, quiet-luxury customer experience runs on Next.js, while products, inventory, orders, Pan-India shipping, and order tracking are managed 100% through your self-hosted WooCommerce backend—eliminating costly Shopify subscriptions.
Log into your Hostinger hPanel and go to Websites → Auto Installer → WordPress. Install WordPress on a dedicated backend subdomain such as manage.jewellic.com.
- Install WooCommerce (Official free open-source plugin).
- Install Razorpay for WooCommerce (or Cashfree / PhonePe) for seamless UPI and cards.
- Under WooCommerce → Settings → General, set currency to Indian Rupee (INR - ₹).
In your WordPress Admin, navigate to WooCommerce → Settings → Advanced → REST API:
- Click Add key.
- Description: Enter
Jewellic Headless Storefront. - Permissions: Select Read/Write.
- Click Generate API key.
- Copy your Consumer Key (
ck_...) and Consumer Secret (cs_...).
Add the following environment variables to your hosting dashboard (Vercel → Settings → Environment Variables) or local .env.local:
In WordPress Admin → WooCommerce → Settings → Shipping → Shipping Zones:
- Zone Name: India → Zone Regions: India.
- Add Shipping Method: Free Shipping (Minimum order amount: ₹10,000).
- Add Shipping Method: Flat Rate (e.g. ₹250 for orders below ₹10,000).
For order tracking, install our lightweight drop-in plugin (jewellic-shipment-tracking.php) in WordPress under wp-content/plugins/. When fulfilling orders in WooCommerce, enter the carrier (BlueDart, Sequel, etc.) and AWB tracking number. Your customers can instantly track their delivery on your /track-order page!