β Upload directly from your phone or computer β no hosting needed. Recommended: square image, JPG or PNG, under 2 MB.
Qty shown on inventory page. When it reaches 0, stock auto-marks as Out of Stock.
Hero Section
Announcement Bar
Shop Section
Inventory
Total Products
0
listings
In Stock
0
available
Low Stock
0
needs restock
Out of Stock
0
unavailable
Product
Category
Price
Stock Status
Qty
Quick Set
Edit
All Orders
#
Customer
Phone
Items
Total
Payment
Status
Email Subscribers
Total Subscribers
0
email leads
This Month
0
new sign-ups
Source
Email Capture
homepage section
#
Email
Date Subscribed
Source
Promo Codes
New Promo Code
Code
Discount
Min Order
Expiry
Uses
Status
Store Settings
πΌοΈ
Recommended specs:
π Size: 400 Γ 100 px (wide) or 200 Γ 200 px (square)
πΌοΈ Format: PNG with transparent background
π¦ Max file size: 500 KB
β Appears in the website header at 50px height
π Google Sheets β Order Log
Every order is automatically appended as a new row in your Google Sheet. Paste the Web App URL from your deployed Apps Script here.
Get your Key ID from Razorpay Dashboard β Settings β API Keys. Use rzp_test_ for testing, rzp_live_ for live payments. Leave blank to disable online payment.
π How to set up (3 min, free)
Step 1: Open Google Sheets β create a new spreadsheet named Harbicious Orders Step 2: In the menu: Extensions β Apps Script Step 3: Delete the default code, paste the contents of harbicious-orders-sheet.gs Step 4: Click Deploy β New deployment β Web app
β’ Execute as: Me Β· Who has access: Anyone Step 5: Copy the Web App URL β paste it above β Save Settings Step 6: Visit the URL in your browser β you should see "Harbicious Orders webhook is active β"
π§ Email Notifications (EmailJS)
Get an email every time a new order is placed. Requires a free EmailJS account β see setup guide below.
π How to set up EmailJS (5 min, free)
Step 1: Sign up free at emailjs.com Step 2: Add a Gmail service β connect harbicious@gmail.com β copy Service ID Step 3: Create Email Template β paste the template below, copy Template ID Step 4: Go to Account β copy your Public Key Step 5: Paste all three above and click Save
Template variables to use in EmailJS: Order ID: {{order_id}}
Customer: {{customer_name}} | {{customer_phone}} | {{customer_email}}
Address: {{customer_address}}
Items:
{{items_list}}
Subtotal: {{subtotal}} | Delivery: {{delivery}} | Discount: {{discount}}
Promo: {{promo_code}} | Total: {{total}}
Payment: {{payment_method}} | Date: {{order_date}}
Change Password
π‘ Publish Changes to All Devices
Settings, products & logo saved here are stored in this browser only.
To make them live for all customers & devices: download the updated site file, then upload it to Hostinger public_html/index.html.