Who Is This For?
StoreHub merchants turning on Webstore for the first time and working through the Webstore Set Up tabs in BackOffice.
Overview
This guide follows the same order as BackOffice: Store Settings, Delivery, Contact Detail, Web Pages, Domains, and Tracking. It also covers publishing your storefront from Account Settings when you are ready to go live.
Before You Begin
You can sign in to BackOffice for your business.
You know which outlet inventory should sell on Webstore and who should receive online order notifications.
You have bank account details saved in BackOffice if you will take online payments that require payouts (see the Payouts collection for payout timelines and troubleshooting).
For a custom domain, you can access your domain provider’s DNS settings.
Step-by-Step Guide
Open Webstore Setup
1. In BackOffice, open 'Online Orders', then open 'Webstore', then open 'Webstore Setup'.
2. Stay in 'Webstore Setup' for the tabs in the sections below. Publishing to customers uses a separate path in 'Settings', which is covered in the publish subsection.
Store Settings Tab
1. In BackOffice, open 'Online Orders', then open 'Webstore', then open 'Webstore Setup'.
2. Open the 'Store Settings' tab and select a store.
3. Tick 'Sell this store's inventory on Webstore/Beep Delivery/QR Order and Pay' when that outlet should sell on those channels.
4. In the same area, enable 'Delivery', 'Pickup', or both under fulfilment options your business offers.
5. Click 'Save'.
Note:
If you offer delivery, configure delivery zones so customers can complete checkout. Use the delivery zone guidance for more details.
Email Notifications for Online Orders
By default, order emails can mirror the account contact from signup. You can route notifications to a shared operations inbox per store.
1. On the same 'Store Settings' tab, locate the email field for online order notifications.
2. Enter the address that should receive Webstore order activity for that store.
3. Choose which notifications apply, such as new paid orders, pending payment, or pending verification for offline payment flows your account uses.
Enter the email in the field provided for that store. Then select which notifications to receive by checking or clearing options such as:
Notification option | When you receive it |
New Order - Paid | When an online order is fully paid. |
New Order - Pending Payment | When a customer uploaded proof of payment for an order checked out with an offline payment method. |
New Order - Pending Payment Verification | When a customer placed an order checked out with an offline payment method and verification is still pending. |
Delivery Tab (First Zone)
1. Open the 'Delivery' tab.
2. Click 'Add delivery zone' (or 'Edit' on an existing zone).
3. Complete the fields for your first zone, then click 'Save'.
a. Delivery Zone Name: The title can be based on your coverage area for delivery.
b. Shipping Estimate: State your Shipping Period
c. State/Province: Select the States within your delivery coverage area.
d. Rate Amount: Indicate your shipping charges.
Note:
In the event of varying delivery charges based on the state, it will be necessary to create an additional Delivery Zone.
Example:
If you have special pricing for Kuala Lumpur and Selangor only, select these 2 states. Then, at the Postcode/City dropdown, select All Postcodes if you can ship to all postcodes within Kuala Lumpur and Selangor.
e. Enable Free Shipping for orders equal to or exceeding a specified amount. This feature allows customers to qualify for free shipping when their purchase reaches a certain threshold.
f. Delivery Type: Select By postcode (Online Store Only).
g. Postcode/City: Postcodes will be automatically selected based on the State/Province chosen.
Note:
Your customers will see the amount that will be charged and the delivery timeline after keying in the postcode.
4. Click on 'Save' or 'Save and Create Another' if you would like to make more Delivery Zones.
International Delivery
If you'd like to set International Delivery Zones:
1. Change Delivery Type to By Country (Online Store only)
2. At the Country section, select all the Countries that are within your Delivery Zone.
Contact Detail Tab
1. Open the 'Contact Detail' tab.
2. Enter the customer-facing contact details your storefront should display, such as phone, email, and address lines shown in BackOffice.
3. Under social fields, add handles you want to show in the storefront footer, such as Twitter, WhatsApp, Facebook, Line, Viber, or YouTube, if your business uses them.
These social media usernames/handles will display at the footer (at the bottom) of your Online Store page:
5. Optional Facebook chat: on the same tab, turn on the Facebook option so customers can reach you from the storefront. Full Facebook Chat and Meta setup is covered in this article.
Web Pages Tab
1. Open the 'Web Pages' tab.
2. Click '+ Create Web Page', or click on existing web pages to edit them.
3. Enter a title and body (for example FAQ, About Us, or policies), then 'Save & Publish' to go live or 'Save' to keep a draft.
4. Optional map embed:
Go to https://www.google.com/maps and search for your exact store location.
Click the Share icon.
Click Embed a Map.
Click Copy HTML.
Go to Webstore Setup page.
Choose or Create Web Page (e.g. you can name it "Our Location" or "Find Us!").
Click Code View and Paste the HTML in the black-coloured section and then click Save & Publish!
Reclick on the 'Code View' button to see if the map you embedded is correct. If it is, proceed to 'Save & Publish'.
5. Pulished pages appear in your Web Pages list. Multiple pages show as quick links in the storefront footer.
6. Use clear titles and plain language for policies, shipping, payment methods, and returns so customers can self-serve before checkout.
Domains Tab (Custom Domain and DNS)
What is a Domain Name and Why do I Need a Host?
A domain name is almost like your house address and a host is your house.
In this instance, you are housing all your computer files (HTML, documents, images, videos, etc.) in a web host.
How do I Choose the Best Domain Name for my Site?
Here are some tips:
Make sure it's easy to type
Keep it short
Use keywords (to improve Search Engine Optimisation (SEO))
Avoid numbers and hyphens
Research it first - make sure the name you want hasn't already been trademarked
When Should I use the Different Extensions?
Extensions | What it means |
.com | most popular extension |
.co | an abbreviation for company, commerce, and community |
.info | informational sites |
.net | technical, Internet infrastructure sites |
.org | non-commercial organisations and non-profits |
.biz | business or commercial use, like e-Commerce sites |
.me | blogs, resumes or personal sites |
How to Purchase
Here are some options on where to get hosted and register your domain name.
Setting Up Custom Domain and DNS
1. At your domain provider, open DNS management.
2. Point your www CNAME record at the StoreHub hostname BackOffice shows for your store (for example the mystore.storehub.me style hostname in your instructions).
Notes:
A CNAME record is a setting in your domain provider's dashboard that points your domain to StoreHub.
CNAME targets must be hostnames, not raw IP addresses. Providers vary, so follow your registrar’s steps if they differ.
DNS changes can take 24 to 48 hours to fully work, do not worry if your domain does not connect right away.
3. For a subdomain, create or edit the subdomain CNAME at your provider to point at the same StoreHub hostname, then save the record.
Example:
In the URL shop.yourbusiness.com, the subdomain is shop.
4. In BackOffice on the 'Domains' flow, connect the domain or subdomain you control and complete the verification steps shown.
5. When adding a custom domain in BackOffice, include www before the root domain if the on-screen instructions require it. Successful setup shows a connected status.
Tracking Tab
1. Create a Google account and Google Analytics account.
Notes:
If you don't already have an account for a Google product, then create a Google account.
You don't have to use the Gmail account for anything other than signing in and out of Google Analytics.
Create an Analytics account after creating a Google Account.
2. Create or move a Google Analytics 4 property.
Notes:
To activate Google Analytics 4, either create a new Google Analytics 4 property to add to your BackOffice, or move an existing property that you previously created.
After you have your property, you need to create a web data stream. Make a note of the Tag ID because you'll use it in Step 3.
3. On the 'Admin' page, click on Data Streams on the Property.
4. Click into the property.
5. On the page of Web stream details, copy the Measurement ID.
6. In BackOffice, look for 'Online Orders' and click on 'Webstore' then 'Webstore Setup'; then click on the 'Tracking' tab.
7. Paste your Google Analytics Measurement ID into the 'Google Analytics ID' field. This field accepts both the legacy UA format and the GA4 G- format.
Notes:
UA-XXXXXXX-X format
The new G-XXXXXXXX (GA4) format
If you’d like to link your Google Analytics account to your Google Ads account, refer to this link.
Customer Tracking
This reporting is for customers who reach you through online channels. Ensure Google Analytics is configured first.
1. In Google Analytics, use Acquisition reporting (for example Source/Medium) to see whether visitors arrived from direct traffic, social, search, or other sources.
2. For sales by source, use conversion or eCommerce reporting your property supports and compare revenue or transactions by source and medium.
Notes:
Google Analytics shows conversion results based on Last-clicked interaction.
That means:
If a user learns about you via Facebook, then later searched for your site on Google
And then decides to make a purchase when visiting your site through a link in your email newsletter
This sale will be attributed to "Email"
This shows that Facebook helped give your online store visibility to customers who have otherwise not known about you.
3. For campaign links, build tagged URLs (UTM parameters) in Google’s Campaign URL Builder, share those links in ads or posts, then review performance by campaign in Analytics.
Notes:
Promote a campaign over different sources/mediums; doing so will allow you to identify the best platforms for your campaigns.
For Payout timing, adjustments, and payout disputes, see the Payouts collection.
Run a Test Purchase Before Go-Live
1. On a device you do not normally use for staff login, open your live Webstore URL.
2. Walk through the same customer steps in How Customers Make a Purchase on Your Webstore: add a low-value item, complete checkout with a real or test payment method your policy allows, and finish on the confirmation page.
3. In BackOffice, open 'Online Orders', filter to Webstore or Online Store as your screen labels it, and confirm the new order appears for the correct store.
4. Move the order through your real fulfilment statuses so you prove packing, handoff, and notifications end-to-end.
5. If any step fails, fix configuration in the relevant Webstore hub (setup, catalogue, pricing, or marketing), then repeat the test before you announce launch.
Publish Your Webstore
Once you have set up your Webstore, you can publish it publicly.
1. In your BackOffice, go to 'Settings' which will bring you to the 'Account Settings' page.
2. Scroll to the 'Danger Zone' section and find 'Publish Webstore'.
Note:
StoreHub does not offer a preview for an unpublished webstore. After you publish, you can open your live URL and adjust setup if needed.
3. Click 'Publish', type PUBLISH in all capital letters to confirm, then click the red 'Publish' button.
4. To hide the storefront temporarily, use 'Unpublish' in the same area, type UNPUBLISH in all capital letters, then confirm.
Troubleshooting
Issue | Solution |
Checkout does not show delivery | Confirm delivery zones cover the customer postcode or country, and that Store Settings enables delivery. Save changes, then test checkout again. |
Storefront shows wrong contact or footer links | Reopen 'Contact Detail' and 'Web Pages', publish updates, then refresh the live site. |
Custom domain stays disconnected | Recheck CNAME targets at your registrar, wait for DNS propagation, then use 'Verify' or reconnect in the Domains tab. |
Analytics shows no traffic | Confirm the Measurement ID on the Tracking tab matches the GA4 property for your live URL, and that the storefront is published. |
Social icons missing | Confirm handles are saved on 'Contact Detail' and that the theme shows footer links. |
FAQs
1. Should I finish Tracking before I publish?
You can publish first, but adding the Measurement ID before launch makes launch-day data complete.
2. Can I skip a custom domain at launch?
Yes. Publish with the default StoreHub URL and add a custom domain later using the Domains tab.
3. Where do I run a full test purchase?
Follow this guide after setup so you validate checkout, notifications, and BackOffice order visibility.
Need Help?
Contact StoreHub Support via live chat in your StoreHub app or email [email protected].
Was this article helpful?
Let us know below or contact support for further assistance.