Total Products
–
Active items in catalogue
In Stock
–
Available to order
Categories
–
Product categories
With Images
–
Products with photos
Vyapar Sync Status
Checking…
Quick Actions
Common admin tasks
Update Product Catalogue
Upload a CSV exported from Vyapar to update all products on the website
ℹ️
This website runs on Netlify (static hosting) so there is no background server. To update products, export a CSV from Vyapar and upload it here. The browser converts it to a
products.js file which you then push to GitHub. Netlify redeploys automatically.
1
Export from Vyapar: Open Vyapar → go to Items / Products → tap the export icon → choose Export as CSV. Save the file to your phone or PC.
2
Upload below: Click the upload zone below and select the CSV file you just exported.
3
Download products.js: After the browser processes the CSV, click "Download products.js".
4
Push to GitHub: Go to your GitHub repository → click
products.js → click the pencil icon → paste the new content → click Commit changes.5
Done: Netlify detects the GitHub change and redeploys the website automatically within 30 seconds. No server needed.
Click to upload Vyapar CSV
Or drag and drop your exported CSV file here
Processing…
Sync History
Recent product updates done from this browser
| Time | Status | Source File | Products |
|---|---|---|---|
| No syncs yet this session | |||
How the Product Sync Works
Understanding the update process for a Netlify-hosted static site
1
Vyapar holds your data. All product names, prices, stock levels, and categories live inside Vyapar on your phone or PC.
2
Export as CSV. Vyapar can export your item list as a CSV file. This is the bridge between Vyapar and the website.
3
Browser converts it. The Admin Panel reads the CSV entirely in your browser (nothing is sent to any server) and converts it into a
products.js file the website can read.4
GitHub stores the file. You upload the new
products.js to your GitHub repository. This is the "source of truth" for the live website.5
Netlify auto-redeploys. Within 30 seconds of the GitHub push, Netlify detects the change and rebuilds the live website with the new product data.
6
Customers see updated products. Anyone visiting the website after the redeploy sees the latest prices and stock levels.
💡
The whole process takes about 3 minutes: export CSV from Vyapar (1 min) → upload here and download products.js (30 sec) → push to GitHub (1 min) → Netlify redeploys (30 sec).
How to Export CSV from Vyapar
Step-by-step guide for the Vyapar mobile app
1
Open the Vyapar app on your phone
2
Tap Items from the bottom menu (or side menu)
3
Tap the three-dot menu (top right) or the export icon
4
Select "Export Items" or "Export as CSV/Excel"
5
Save the file to your phone storage or share it to your PC via WhatsApp, email, or Google Drive
6
Open this Admin Panel on your PC browser and upload the CSV in the Sync tab
Google Drive Backup Reference
Your Vyapar backup folder details for reference
☁️
These IDs are saved for reference only. The website no longer needs a running server to sync. Use the Sync tab to update products via CSV upload instead.
Your Vyapar backup folder: drive.google.com/drive/folders/THIS_PART
Last known backup file ID. Update when you do a new backup.
Files to Push to GitHub
Every time you update products, push these files to your GitHub repository
✓
products.js — Required. The main product data file the website reads. Download from the Sync tab after uploading your CSV.✓
products_raw.json — Optional. Raw JSON backup of the product data. Useful for debugging.
📋
All other files (index.html, styles.css, script.js, admin.html, admin.js, whatsapp.js) only need to be pushed when you make design or feature changes in Helium.
All Files in Your GitHub Repository
Complete list of files that should be in your repo
| File | Purpose | Update when |
|---|---|---|
index.html | Main website page | Design changes in Helium |
styles.css | All styling | Design changes in Helium |
script.js | Website logic | Feature changes in Helium |
admin.html | This admin panel | Admin changes in Helium |
admin.js | Shared admin logic | Admin changes in Helium |
whatsapp.js | WhatsApp cart logic | Rarely |
products.js | Product catalogue | Every Vyapar sync |
products_raw.json | Raw product data | Every Vyapar sync (optional) |
Site Controls
Toggle site-wide features
Site Enabled
When disabled, visitors see a "We'll be back soon" maintenance page
Online Ordering Enabled
When disabled, a banner shows asking customers to WhatsApp instead
Show Out-of-Stock Items
When disabled, out-of-stock products are hidden from the catalogue
Repair Section Visible
When disabled, the Repair section and Repair button are hidden from the website
Shop Information
Update your shop details shown on the website
Used for WhatsApp order links. Format: 919800000000
WhatsApp Integration
Configure WhatsApp order and enquiry messages
Include country code, no + or spaces. Example: 919800000000
Use {items} for the cart items list and {total} for the order total
Test WhatsApp Link
Send a test message to verify your number is correct