User Manual - StoreGo SaaS - WorkDo.io
Bundle Sale - Save 72% on the Dash SaaS Complete Bundle Claim Now
WorkDo

User Manual – StoreGo SaaS

A friendly step-by-step manual to install, set up, configure, and run StoreGo SaaS without a hassle.

1. Introduction

Welcome to the StoreGo SaaS user manual. StoreGo SaaS is an online store builder where a Super Admin manages multiple stores, and each store owner creates a storefront to sell products, manage orders, and handle customers from one place. This guide is built for customers who have purchased StoreGo SaaS. Inside, you’ll find step-by-step instructions covering login, dashboard, store, and plan setup, products, orders, customers, and system settings.

2. Registration and Log in

StoreGo makes it easy and safe for users to create an account, sign in, and manage their access. It includes important features like secure passwords and password reset options to help keep accounts protected and easy to use.

2.1 Introduction to the Login Process

The login process is designed to allow users to access their accounts within the StoreGo platform, granting them entry to its functionalities and features.

2.2 Accessing the Login Page

Users navigate to the designated login page of the StoreGo platform. The page displays the StoreGo logo at the top, followed by the login form with the heading “Log in to your account.”

2.3 Entering Your Credentials

Upon reaching the login page, users fill in the required fields to sign in.

  • Email Address: Enter your registered email address (e.g., company@example.com).
  • Password: Enter your account password.
  • Remember Me: Check this box to stay logged in on your device for future sessions.
  • Click the “SIGN IN” button to access your account.

Once logged in, you will be directed to your personalized dashboard, where you can manage your tasks, collaborate with team members, and access all StoreGo features.

2.4 Password Management

If you forget your password, StoreGo offers an easy way to recover your account.

To reset your password, click ‘Forgot password?’ On the login page. Will you be redirected to the Forgot your password? page, where you can follow the steps to create a new password. The page includes the following:

  • Email Address: Enter the email address associated with your StoreGo account.
  • Email Password Reset Link: Click this button to submit your request.

Once you receive the email, open it and click the reset link to set a new password for your account. After updating your password, click Back to login to return to the login page and sign in with your new credentials.

2.5 Email Verification

Once a new company is created, a verification email is automatically sent to the company’s inbox.

  • This verification email will only be triggered if the Email Notification toggle is enabled under System Settings in the Super Admin panel.
  • Check the company’s email inbox for the verification message
  • Click on the verification link provided in the email
  • The system will automatically redirect upon successful verification
  • This is a one-time process and does not need to be repeated

2.6 New to StoreGo SaaS?

If you do not yet have an account, you can register directly from the login page. Click the “Create one” link at the bottom of the login form to begin the registration process. You will be redirected to the “Create an account” page. Fill in the required information in the designated fields:

  • Name: Enter your full name.
  • Email Address: Enter a valid email address (e.g., email@example.com).
  • Password: Create a strong, secure password that you will remember.
  • Confirm Password: Re-enter your password to confirm it matches and prevent any typos.
  • Click the “CREATE ACCOUNT” button to complete the registration process.

Once your account is created, you will be able to log in using your registered email and password.

Already have an account? Click the “Log in” link at the bottom of the registration form to return to the login page.

3. Super Admin Panel

The Super Admin is the main administrator of the StoreGo SaaS platform and has full access to all features and settings. This role can manage company accounts, subscription plans, coupons, referral programs, system settings, and other platform-wide configurations. The Super Admin can also log in as users for support purposes and activate or deactivate company accounts, making it the highest-level role in the system.

3.1 Super Admin Access and Capabilities

To access your profile, click your profile avatar in the top-right corner of the screen. A dropdown menu will appear displaying your name and email address. From there, you can select Profile to view and update your profile settings, or Log out to sign out of the platform.

3.1.1 Profile Settings

The Profile Settings page has two tabs: Profile and Password.

To update your profile:

  • Open the Profile Settings page and select the Profile tab.
  • Click Change Avatar to upload a profile picture (JPG, PNG, or GIF, up to 2MB).
  • Enter or update your Name.
  • Update your Email Address if needed.
  • Click Save to apply your changes.

To change your password:

  • Open the Profile Settings page and go to the Update Password section.
  • Enter your Current Password.
  • Enter your New Password.
  • Re-enter the new password in the Confirm Password field.
  • Click Save Password to update your password.

3.1.2 Language Selector

To change the platform language, click the language selector in the top-right corner of the screen and choose your preferred language.

Manage Language

To customize language labels, open the language selector and click Manage Language at the bottom. On the Manage Language page:

  • Select a language from the left panel.
  • Use the editor on the right to view and edit text labels.
  • Use the search bar to quickly find specific labels.
  • Make your changes and click Save when finished.

Note: Editing labels allows you to customize how text appears across the platform for a specific language without affecting any other language.

3.2 Super Admin Dashboard

  • The Super Admin Dashboard gives a clear overview of how the platform is performing. At the top right, there is a Refresh button that updates all the data on the dashboard.
  • The dashboard shows five main summary cards: Active Plans, Pending Requests, Monthly Growth, Total Companies, and Total Revenue. These cards quickly show the key status of the platform.
  • On the left side, the Recent Activity section displays the latest actions taken by companies. Each entry includes a time stamp and a colored label showing whether the request was approved, pending, or rejected.
  • On the right side, the Top-Performing Plans section lists subscription plans based on how many users they have and how much revenue they generate. This helps the admin see which plans are most successful.
  • At the bottom, the Features section provides quick links to important management areas:
    • Company Management: Manage registered companies and their subscriptions
    • Plan Management: Create and update subscription plans and pricing
    • Coupon Management: Manage discount coupons and of

3.3 Company Management

The Companies Management page lets the Super Admin see and control all companies registered on the platform.

  • You can use the search bar to quickly find a company by its name or email.
  • Click Hide Filters to show or hide filter options. You can filter companies by status, start date, or end date. After choosing filters, click Apply Filters to use them, or Reset Filters to remove them.
  • You can also switch between list view and grid view to see the data in different formats.

3.3.1 Companies List

Each company in the list displays the following details:

  • Name: The company name and associated email address
  • Plan: The subscription plan currently assigned to the company
  • Created At: The date the company account was registered on the platform
  • Actions: Quick action buttons for managing each company

Each company row includes a set of action icons on the right side. Hover over any icon to see its label. The available actions are:

  • Login as Company: Logs in to the platform as that specific company, allowing the Super Admin to access and manage the company’s account directly
  • Company Info: Opens a detailed information panel showing the full profile and account details of the company
  • Upgrade Plan: Opens a pop-up to change or upgrade the company’s current subscription plan
  • Reset Password: Opens a pop-up to reset the password for that company’s account
  • Disable Login: Disables login access for that company, preventing them from signing in to the platform
  • Edit: Opens the company profile in edit mode
  • Delete: Permanently removes the company from the platform

3.3.2 Adding a New Company

Click the Add Company button at the top right of the page. A pop-up will appear with the following fields:

  • Company Name: Enter the name of the company
  • Email: Enter the email address for the company account
  • Enable Login: Toggle this option to allow or restrict the company from logging in to the platform
  • Password: This field is displayed only when the toggle is enabled. Please enter your company login password.

3.4 Media Library

The Media Library is a central place where you can upload and manage all the media files used on the platform. At the top of the page, it shows a quick summary, including the total number of files, how much storage is being used, and the total number of images.

  • Use the Search bar to quickly locate a specific media file by name.
  • Click the “Upload Media” button at the top right, then in the pop-up, either drag and drop your images into the upload area or click “Choose Files” to select them from your device.
  • The uploaded files will appear in the Media Library grid

Managing Media Files

Each file in the Media Library shows its name, size, and upload date. When you hover over a file, a menu appears with these options:

  • View Info: Shows details like file name, type, size, upload date and time, and its direct link
  • Copy Link: Copies the file’s URL so you can use it anywhere in the platform
  • Download: Saves the file to your device
  • Delete: Permanently removes the file from the Media Library

Note: The Media Library is the same for both Super Admin and Company users. The only difference is that the Super Admin can see files from all companies, while a Company user can only see their own files.

3.5 Plans

The Plans section is available in the left sidebar and has three parts: Plan, Plan Request, and Plan Orders.

3.5.1 Subscription Plans

The Subscription Plans page shows all the plans that companies can choose from. At the top right, you can switch between Monthly and Yearly billing views.

Each plan card shows the plan name, price, description, features, and limits like the number of stores, users per store, products per store, storage, and themes. You can also turn a plan Active or Inactive directly from the card. Each plan has Edit and Delete options, but the default free plan cannot be deleted, only edited.

Creating a New Plan

To create a new plan, click the “Add Plan” button at the top right of the page. Then fill in the details:

  • Plan Name: Enter the name of the plan
  • Monthly Price: Enter the monthly billing amount
  • Yearly Price (Optional): Enter a custom yearly price, or leave empty to apply a 20% discount automatically
  • Description: Provide a brief description of the plan
  • Maximum Stores: Set the maximum number of stores allowed
  • Maximum Users per Store: Set the user limit per store
  • Maximum Products per Store: Set the product limit per store
  • Storage Limit (GB): Define the storage quota
  • Trial Days: Set the number of free trial days
    • Under Features, toggle on or off: Custom Domain, Custom Subdomain, PWA, AI Integration, Custom Page, Blog, Shipping Method, and Enable Trial
    • Under Available Themes, select which store themes will be available for this plan. If none are selected, all themes will be available.
    • Under Settings, toggle Active to enable the plan and optionally set it as the Default Plan
    • Click “Create Plan” to save, or “Cancel” to discard

3.5.2 Plan Requests

The Plan Requests page shows all requests from companies to upgrade or change their subscription plans.

You can use the search bar to find a specific request, and the filters dropdown to sort requests by status. Each request in the list includes details like the request information and its current status.

  • Name & Email: The company that submitted the request
  • Plan Name & Price: The requested subscription plan and its price
  • Plan Duration: Monthly or Yearly billing cycle
  • Status: Current status of the request (Pending, Approved, or Rejected)
  • Requested At: The date the request was submitted

For Pending requests, the Actions column provides two options:

  • Approve: Approves and activates the requested plan for the company
  • Reject: Rejects the plan request

3.5.3 Plan Orders

The Plan Orders page provides a complete record of all subscription orders placed across the platform.

Use the Search bar to find a specific order, and use the Filters dropdown to filter by Status. Each order in the list displays:

  • Order Number: The unique order reference code
  • Order Date: The date the order was placed
  • User Name: The company that placed the order
  • Plan Name: The subscribed plan
  • Original Price: The plan’s standard price
  • Coupon Code: Any discount coupon applied to the order
  • Discount: The discount amount is deducted
  • Final Price: The amount charged after discount
  • Status: Current order status (Pending, Approved, or Rejected)

For Pending orders, the Actions column provides:

  • View: To see the full details of the plan order
  • Approve: Confirms and activates the order
  • Reject: Rejects the order

3.6 Coupons

The Coupons page lets the Super Admin create and manage discount codes and promotional offers used on the platform.

  • Use the Search bar to find a specific coupon by name or code.
  • Click Hide Filters to reveal or collapse filter options. Refine the list by Type or Status, then click Reset Filters to clear all selections.

3.6.1 Coupons List

Each coupon in the list displays the following details:

  • Name: The coupon name
  • Type: The discount type, either Flat Amount or Percentage
  • Min Spend: The minimum order amount required to use the coupon
  • Max Spend: The maximum order amount the coupon applies to
  • Discount: The discount value applied
  • Coupon Limit: The total number of times the coupon can be used
  • User Limit: The number of times a single user can use the coupon
  • Expiry Date: The date the coupon expires
  • Code: The coupon code customers enter at checkout
  • Status: Toggle to activate or deactivate the coupon
  • Actions: Edit or Delete the coupon

3.6.2 Adding a New Coupon

Click the Add New Coupon button in the top right corner. A pop-up will open where you can fill in the required details.

  • Coupon Name: Enter a name for the coupon
  • Code Generation: Choose Manual Entry to enter a custom code, or Auto-Generate to have the system create one automatically.
  • Coupon Code: Enter the coupon code (if Manual Entry is selected)
  • Expiry Date: Set the date the coupon will expire
  • Discount Type: Select either Flat Amount or Percentage from the dropdown
  • Discount Value: Enter the discount amount or percentage
  • Minimum Spend (Optional): Set a minimum order value required to apply the coupon
  • Maximum Spend (Optional): Set a maximum order value for the coupon to apply
  • Total Usage Limit (Optional): Set the total number of times the coupon can be used, or leave empty for unlimited
  • Usage Limit Per User (Optional): Set how many times a single user can use the coupon, or leave empty for unlimited
  • Status: Toggle to activate or deactivate the coupon

3.7 Currencies

The Currencies page lets the Super Admin manage all currencies used on the platform. You can use the search bar to quickly find a currency by its name.

Each currency in the list displays the following details:

  • Name: The full name of the currency
  • Code: The international currency code (e.g., AED, USD, GBP)
  • Symbol: The currency symbol (e.g., $, €, £)
  • Description: A brief description of the currency
  • Default: Indicates whether the currency is set as the platform default
  • Actions: Edit or Delete the currency

Adding a New Currency

A pop-up will appear: fill in the following fields:

  • Currency Name: Enter the full name of the currency
  • Currency Code: Enter the international code (e.g., USD, EUR, GBP)
  • Currency Symbol: Enter the symbol (e.g., $, €, £)
  • Description (Optional): Enter a brief description of the currency
  • Set as Default Currency: Check this box to make it the platform’s default currency

3.8 Location Management

The Location Management section is found in the left sidebar and includes three parts: Countries, States, and Cities.

3.8.1 Countries

The Countries page shows a list of all countries in the system. You can use the search bar to find a country and the filters dropdown to sort by status. After selecting filters, click Apply Filters to use them or Reset Filters to clear them.

Each country in the list displays the following details:

  • Name: Enter the full country name
  • Code: Enter the country code (e.g., AU, IN, US)
  • States: The number of states registered under the country
  • Status: Active or Inactive
  • Actions: Edit or Delete the record
Add New Country

To add a new country, click the “Create” button on the countries page.

  • Country Name: Enter the full Country Name
  • Country Code: Enter the Country Code
  • Status: Toggle Status to activate or deactivate

3.8.2 States

The States page shows all states under their related countries. You can use the search bar to find a specific state, and use filters to sort by status. After selecting filters, click Apply Filters or Reset Filters.

Each state in the list displays the following details:

  • Name: Enter the full state name
  • Code: Enter the state code
  • Country: The country the state belongs to
  • Cities: The Country Name Number of cities registered under the state
  • Status: Select the status from the dropdown(Active or Inactive)
  • Actions: Edit or Delete the record
Add New State

To add a new state, click the “Add State” button at the top right:

  • Country: Select the Country from the dropdown
  • State Name: Enter the State Name
  • State Code: Enter the State Code
  • Status: Toggle Status to activate or deactivate

3.8.3 Cities

The Cities page lists all cities under their respective states and countries. You can search for a city using the search bar and filter results by status using Apply Filters or Reset Filters.

Each city in the list displays the following details:

  • Name: Enter the full city name
  • State: Enter the state the city belongs to
  • Country: Enter the country the city belongs to
  • Status: Select the status from the dropdown(Active or Inactive)
  • Actions: Edit or Delete the record
Add New City

To add a new city click the “Add City” button at the top right

  • Country: Select the Country from the dropdown
  • State: Select the State from the dropdown
  • City Name: Enter the City Name
  • Status: Toggle Status to activate or deactivate

3.9 Landing Page

The Landing Page section lets the Super Admin manage the public homepage of the platform. It also includes tools to manage newsletter subscribers and view contact messages. Clicking the Landing Page in the left sidebar opens four sections: Landing Page, Custom Pages, Subscribers, and Contact Inquiries.

Click “Save Changes” at the top right to apply any updates made across all tabs.

3.9.1 Landing Page Settings

The Landing Page Settings page is divided into five tabs: Setup, Layout, Content, Social, and Engagement.

On the right side, there is a panel that shows a setup progress tracker, a live preview of sections, a color scheme preview, and contact information at a glance.

Setup Tab

The Setup tab contains three sub-tabs: General, Order, and Advanced.

General

The General tab allows the admin to configure basic company information and theme colors for the landing page.

  • Company Information: Enter the Company Name, Contact Email, Contact Phone, and Contact Address
  • Theme Colors: Set the Primary Color, Secondary Color, and Accent Color for the landing page. Use the Color Presets (Green, Blue, Purple, Orange, Red) to apply a preset color scheme quickly.
Order

The Section Order tab controls the display order and visibility of all sections on the landing page.

  • Drag and drop any section to reorder its position on the page
  • Each section has an Enable toggle to show or hide it on the landing page
  • Available sections include: Header, Hero, Features, Screenshots, Themes, Why Choose Us, About, Team, Testimonials, Active Campaigns, Plans, FAQ, Newsletter, Contact, and Footer

Note: Disabled sections will still appear in the order list but will not be visible on the live landing page.

Advanced

The Advanced tab provides custom code settings.

  • Custom CSS: Add custom CSS code in the provided field to override default styles
  • Custom JavaScript: Add custom JavaScript code to extend landing page functionality

Warning: Be careful when adding custom JavaScript. Incorrect code may break your landing page functionality.

Layout Tab

The Layout tab contains three sub-tabs: Header, Hero, and Footer.

Header
  • Enable Section: Toggle to show or hide the header on the landing page
  • Transparent Header: Toggle to make the header background transparent
  • Background Color: Set the header background color
  • Text Color: Set the text color used in the header
  • Button Style: Select the button style displayed in the header (e.g., Gradient)
Hero
  • Hero Layout: Set the Layout Style (e.g., Content Left, Image Right) and Section Height in pixels (300–1000). Use the Enable Section to show or hide the hero section
  • Hero Content: Set the Hero Title, Hero Subtitle, Announcement Badge text displayed above the title, Primary Button Text, and Secondary Button Text
  • Hero Statistics: Add statistics displayed in the hero section. Each entry includes a Value and a Label. Click “Add Statistic” to add more or use the delete icon to remove existing ones
  • Hero Image: Upload a hero image using the Browse button and set the Image Position
  • Hero Colors: Set the Background Color, Text Color, and optionally enable Background Overlay with a custom Overlay Color
Footer
  • Enable Section: Toggle to show or hide the footer on the landing page
  • Footer Content: Enter the Company Description, Newsletter Title, and Newsletter Subtitle
  • Social Links: Add social media profile links. Each entry includes a Name, Icon, and URL. Click “Add Social Link” to add more or use the delete icon to remove
  • Footer Links: Manage navigation links grouped by the following categories:
    • Product Links: Add links such as Features and Pricing
    • Company Links: Add links such as About Us and Contact
    • Support Links: Add links such as Help Center and Documentation
    • Legal Links: Add links such as Privacy Policy and Terms of Service

Each link entry includes a Name and URL field. Use the respective Add Link button to add more or the delete icon to remove existing ones.

Content Tab

The Content tab contains five sub-tabs: Features, Screenshots, Themes, Why Us, and About.

Features
  • Features Layout: Set the Layout Style and number of Columns. Use the Enable Section to show or hide the section.
  • Features Content: Set the Features Title, Features Description, and toggle Show Icons to display or hide icons alongside features
  • Features Style: Set the Background Color and upload a Section Image
  • Feature Boxes: Add individual feature items. Each item includes a Title, Icon, and Description. Click “Add Feature Box” to add more or use the delete icon to remove existing ones
Screenshots
  • Screenshots Content: Set the Section Title and Section Subtitle. Use the Enable Section to show or hide the section.
  • Screenshots Gallery: Add screenshot entries. Each entry includes a Screenshot Image, Title, Alt Text, and Description. Click Browse to upload an image. Click “Add Screenshot” to add more or use the delete icon to remove existing ones.
Why Us
  • Why Choose Us Content: Set the Section Title and Section Subtitle. Use the Enable Section to show or hide the section.
  • Reasons to Choose Us: Add reason items. Each item includes a Title, Icon, and Description. Click “Add Reason” to add more or use the delete icon to remove
  • Statistics Section: Set the Statistics Title and Statistics Subtitle. Add statistics with a Value, Label, and Color. Click “Add Statistic” to add more.
  • Call to Action: Set the CTA Title and CTA Subtitle to encourage user engagement.
About
  • About Layout: Set the Layout Style and Image Position. Use the Enable Section to show or hide the section.
  • About Content: Set the About Title, About Description, Story Title, and Story Content
  • About Image & Style: Upload an About Image using the Browse button, set the Background Color, and toggle Parallax Effect to enable or disable parallax scrolling
  • About Statistics: Add key metric statistics. Each entry includes a Value, Label, and Color. Click “Add Statistic” to add more.
  • About Values: Add company value entries. Each entry includes a Title, Icon, and Description. Click “Add Value” to add more.
  • Image Section: Set the Image Title, Image Subtitle, and Image Icon for the overlay image area
Social Tab

The Social tab contains three sub-tabs: Team, Reviews, and Plans.

Team
  • Team Content: Set the Team Title and Team Subtitle. Use the Enable Section to show or hide the section.
  • Team Members: Add team member profiles. Each entry includes a Name, Role, Profile Image, Bio, LinkedIn, and Email. Click “Add Team Member” to add more or use the delete icon to remove existing ones.
  • Join Team CTA: Set the CTA Title, CTA Description, and Button Text to encourage recruitment engagement.
Reviews
  • Testimonials Content: Set the Section Title and Section Subtitle. Use the Enable Section to show or hide the section.
  • Trust Indicators: Set the Trust Section Title and add trust statistics. Each entry includes a Value, Label, and Color. Click “Add Trust Statistics” to add more.
  • Default Testimonials: Add customer testimonials. Each entry includes a Name, Role, Company, Rating, and Content. Click “Add Default Testimonial” to add more or use the delete icon to remove existing ones.
Plans
  • Plans Section Content: Set the Section Title, Section Subtitle, and FAQ Text. Use the Enable Section to show or hide the section.

Note: The actual plans displayed on the landing page are managed through the Plans module. Go to the Plans section to create, edit, or manage your subscription plans.

Engagement Tab

The Engagement tab contains three sub-tabs: FAQ, Newsletter, and Contact.

FAQ
  • FAQ Section Content: Set the Section Title, Section Subtitle, CTA Text, and Button Text. Use the Enable Section to show or hide the section.
  • Default FAQs: Add frequently asked questions. Each entry includes a Question and an answer. Click “Add FAQ” to add more or use the delete icon to remove existing ones.
Newsletter
  • Newsletter Content: Set the Section Title, Section Subtitle, and Privacy Text. Use the Enable Section to show or hide the section.
  • Newsletter Benefits: Add benefit items shown to encourage subscriptions. Each entry includes an Icon, Title, and Description. Click “Add Benefit” to add more or use the delete icon to remove existing ones.
Contact
  • Contact Section Content: Set the Section Title, Section Subtitle, Form Title, Contact Info Title, and Contact Info Description. Use the Enable Section to show or hide the section.
  • Contact Information: Enter the company’s Email Address, Phone Number, and Address displayed in the contact section
  • Contact FAQs: Add contact-specific FAQs. Click “Add FAQ” to add question and answer entries.

3.9.2 Custom Pages

The Custom Pages page lets the Super Admin create and manage separate pages like About Us, Privacy Policy, Terms of Service, and others. You can use the search bar to find a page by its title.

Each page in the list displays the following details:

  • Title: The name of the custom page
  • Slug: The URL path for the page (e.g., /page/about-us)
  • Content: A preview snippet of the page content
  • Status: Active or Inactive
  • Created: The date the page was created
  • Actions: Edit or Delete the page data
Adding a New Custom Page

Click the “Add Page” button at the top right of the page. A pop-up will appear: fill in the following fields:

  • Page Title: Enter the title of the page (e.g., About Us)
  • Page Slug (URL): Enter a custom URL slug (e.g., about-us), or leave empty and click “Generate” to auto-generate one from the title
  • Content: Write the page content using the built-in rich text editor, which supports formatting options such as Bold, Italic, Strikethrough, alignment, lists, blockquote, links, and undo/redo
  • Meta Title (SEO): Enter the SEO title for the page
  • Meta Description (SEO): Enter the SEO description for the page
  • Active: Toggle to activate or deactivate the page

3.9.3 Subscribers

The Subscribers page shows all users who have signed up for the platform’s newsletter through the landing page.

  • Use the Search bar to find a specific subscriber by email
  • Click Filters to filter by Status, then click Apply Filters to apply or Reset Filters to clear
  • Click the Export button at the top right to download the subscriber list

Each subscriber in the list displays the following details:

  • Email: The subscriber’s email address and the date they subscribed
  • Status: Either Subscribed or Unsubscribed
  • Subscribed At: The date the subscriber signed up
  • Actions: Manage the subscriber’s status or remove them from the list

The Actions column provides the following options depending on the subscriber’s current status:

  • Reactivate (for Unsubscribed): Reactivates the subscriber and changes their status back to Subscribed
  • Unsubscribe (for Subscribed): Unsubscribes the user and changes their status to Unsubscribed
  • Delete: Permanently removes the subscriber from the list

Note: All subscribers are automatically added here when they enter their email in the newsletter form on the public landing page.

3.9.4 Contacts Inquiries

The Contact Inquiries page shows all messages sent by users through the contact form on the platform’s landing page.

  • Use the Search bar to find a specific contact by name or email
  • Click the Export button at the top right to download the contacts list

Each contact entry in the list displays the following details:

  • Name: The name of the person who submitted the inquiry
  • Email: The sender’s email address
  • Subject: The subject of the inquiry
  • Message: A preview snippet of the message content
  • Date: The date the inquiry was submitted
  • Actions: Delete the contact entry

Note: All entries in this list are automatically recorded whenever a user submits the contact form on the platform’s public landing page.

3.10 Email Templates

The Email Templates page lets the Super Admin view and edit the system emails that are sent to users and store owners across the platform. You can use the search bar to find a specific email template by its name.

The following system templates are available:

  • Order Created: Sent to the customer when a new order is placed
  • Order Created For Owner: Sent to the store owner when a new order is received
  • Owner And Store Created: Sent when a new owner account and store are created
  • Status Change: Sent when an order status is updated

Click the View icon in the Actions column to open and edit a template.

Editing an Email Template

Each template has a dedicated settings page with the following sections:

Template Settings
  • Template Name: Displays the system template name (system templates cannot be renamed)
  • Sender Name: Enter the name that will appear as the email sender (e.g., StoreGo)
  • Click “Save” to apply the changes
Multi-Language Content
  • Select a language tab to edit the email content for that specific language. All 15+ supported languages are available
  • Email Subject Line: Enter the subject line of the email
  • Email Body Content: Write the email body using the built-in rich text editor. Use Dynamic Variables from the right panel by clicking on any variable to copy it instantly and paste it into the email body

Use the Dynamic Variables from the right panel by clicking on any variable to copy it instantly and paste it into the email body. The available variables are displayed dynamically based on the selected template, and each one is automatically replaced with real data when emails are sent. Some examples are given below:

  • {app_name}: The platform’s app name
  • {order_name}: The order name or reference
  • {order_url}: The direct URL to the order
  • Click “Save Content” to save the email content for the selected language

3.11 Notification Templates

The Notification Templates page lets the Super Admin view and manage SMS notification messages that are sent to customers across the platform. You can also use the search bar to find a specific template by name.

The following system templates are available:

  • Order Created: Sent to the customer when a new order is placed
  • Order Status Updated: Sent when an order status is changed
  • New Customer: Sent when a new customer account is created

Click the View icon in the Actions column to open and edit a template.

Editing a Notification Template

Each template has a dedicated settings page with the following sections:

Template Settings
  • Template Name: Displays the system template name (system templates cannot be renamed)
  • Status: Toggle to enable or disable the notification template
  • Click “Save” to apply the changes
Multi-Language Content
  • Select a language tab to edit the SMS content for that specific language. All 15+ supported languages are available
  • SMS Message Content: Write the SMS message text in the provided field. Use Dynamic Variables from the right panel by clicking any variable to copy it instantly and paste it into the message

Use the Dynamic Variables from the right panel by clicking on any variable to copy it instantly and paste it into the notification template. The available variables are displayed dynamically based on the selected template, and each one is automatically replaced with real data when notifications are sent. Some examples are given below:

  • {company_name}: The company name
  • {store_name}: The store name
  • {order_number}: The order reference number
  • {customer_name}: The customer’s name
  • Click “Save Content” to save the SMS content for the selected language

3.12 Referral Program

The Referral Program section helps the Super Admin manage and track the platform’s referral system. It has four parts in the sidebar: Dashboard, Referred Users, Payout Requests, and Settings.

3.12.1 Dashboard

This dashboard shows an overview of all referral activity on the platform. It includes summary cards that display key referral stats.

  • Total Referral Users: The total number of users who joined via referral links
  • Pending Payouts: The number of payout requests awaiting approval
  • Total Commission Paid: The total commission amount paid out to date
  • Active Companies: The number of companies currently participating in the referral program

The Top Referring Companies section lists the top 5 companies based on how many referrals they made and how much commission they earned.

The Monthly Performance section shows referral signups and payout activity for the current year, helping track trends over time.

3.12.2 Payout Requests

The All Payout Requests table shows all commission withdrawal requests from companies. Each entry includes the company name and email, the amount requested, the current status (Pending, Approved, or Rejected), and the request date.

For Pending requests, the Actions column provides two options:

  • Approve: Approves the payout request
  • Reject: Rejects the payout request

3.12.3 Settings

The Referral Program Settings section allows the Super Admin to configure the referral program:

  • Enable Referral Program: Toggle to activate or deactivate the referral program across the platform
  • Commission Percentage (%): Set the commission percentage earned per successful referral
  • Minimum Threshold Amount: Set the minimum balance a company must reach before requesting a payout
  • Referral Guidelines: Enter the referral program description and terms displayed to companies

Click “Save Settings” to apply all changes.

3.13 Settings Management

The Settings section is used to manage and configure the entire platform. It can be accessed from the left sidebar and includes several sub-sections such as System Settings, Brand Settings, Currency Settings, Email Settings, Payment Settings, Storage Settings, ReCaptcha Settings, Chat GPT Settings, Cookie Settings, SEO Settings, and Cache Settings.

3.13.1 System Settings

Configure system-wide settings for your application. These defaults are automatically applied when a new company is created.

  • Default Language: Select the default language from the dropdown
  • Date Format: Choose the date display format from the dropdown
  • Time Format: Select the time format from the dropdown
  • Calendar Start Day: Select the first day of the week from the dropdown
  • Default Timezone: Select the default timezone from the dropdown
  • Email Verification: Toggle on to require users to verify their email addresses upon registration
  • Landing Page: Toggle on to enable the public landing page, or toggle off to disable it
  • User Registration: Toggle on to allow new users to register accounts on the platform

Click “Save Changes” to apply all system settings.

3.13.2 Brand Settings

You can customize your application’s branding and overall look in this section. A Live Preview panel on the right side shows updates in real time so you can immediately see how your changes will appear. The Brand Settings section is divided into three tabs.

Logos Tab
  • Logo (Dark Mode): Upload the logo displayed when the application is in light mode. Click “Browse” to select a file or “X” to remove the current logo.
  • Logo (Light Mode): Upload the logo displayed when the application is in dark mode. Click “Browse” to select a file or “X” to remove the current logo.
  • Favicon: Upload the small icon displayed in the browser tab. Click “Browse” to select a file or “X” to remove the current favicon.
Text Tab
  • Title Text: Enter the application title that will be displayed in the browser tab
  • Footer Text: Enter the text that will appear in the footer section across the platform
Theme Tab
  • Theme Color: Select a theme color from the available preset color options (Blue, Green, Purple, Orange, Red, Teal)
  • Custom Color: Enter a custom hex color code, also available as a selection option(e.g., #10b981) to apply a personalized theme color to your application.
  • Sidebar Variant: Choose how the sidebar is displayed:
    • Inset: Sidebar embedded within the page layout (default)
    • Floating: Sidebar appears as a floating panel
    • Minimal: Compact sidebar with minimal styling
  • Sidebar Style: Select the sidebar appearance:
    • Plain: Simple, flat sidebar design (default)
    • Colored: Sidebar with a color-filled background
    • Gradient: Sidebar with a gradient color effect
  • Layout Direction: Set the layout direction:
    • Left-to-Right: Standard LTR layout (default)
    • Right-to-Left: RTL layout for right-to-left languages
  • Theme Mode: Choose the display mode:
    • Light: Light color theme (default)
    • Dark: Dark color theme
    • System: Automatically matches the system theme preference

Click “Save Changes” to apply all brand settings.

3.13.3 Currency Settings

This section lets you set how currency values are shown across the application. A live preview at the top displays how the selected format will look in real time based on your settings.

  • Format Options Preview: Displays a live example of the formatted currency. Enter a custom amount in the input field and click “Reset” to restore the default value.
  • Default Currency: Select your preferred currency from the dropdown list
  • Decimal Places: Choose the number of decimal places to display
  • Symbol Position: Choose whether the currency symbol appears before or after the amount (e.g., $ 100 or 100 $)
  • Decimal Separator: Select the character used to separate decimal values (Dot: 123.45 or Comma: 123,45)
  • Thousands Separator: Select how thousands are separated from the dropdown
  • Show Decimals: Toggle on to display decimal places in amounts, or toggle off to hide them
  • Add Space: Toggle on to add a space between the amount and the currency symbol

Click “Save Changes” to apply all currency settings.

3.13.4 Email Settings

Configure email server settings for system notifications and communications.

  • Email Provider: Select your email provider from the dropdown
  • Mail Driver: Enter the mail driver to be used
  • SMTP Host: Enter the hostname of your SMTP server
  • SMTP Port: Enter the port number used by your SMTP server
  • SMTP Username: Enter the username for authenticating with your SMTP server
  • SMTP Password: Enter the password associated with your SMTP username
  • Mail Encryption: Select the encryption protocol from the dropdown (e.g., TLS)
  • From Address: Enter the email address that will appear as the sender
  • From Name: Enter the display name that will appear alongside the sender’s address
Test Email Configuration

Use the panel on the right to verify your email setup. Enter a valid email address in the Send Test To field and click “Send Test Email” to confirm the configuration is working correctly.

Click “Save Changes” to apply all email settings.

3.13.5 Payment Settings

This section lets you set up payment gateways for subscription plans. You can use the search bar to find a specific payment method or filter the list using the “All Methods” dropdown.

Each payment method can be turned on or off as needed. You can get the required API credentials from each provider’s dashboard using the link provided in the settings. The available payment methods are listed below.

Bank Transfer Settings

Configure the bank transfer payment method for your customers.

  • Enable Bank Transfer: Toggle on to allow customers to pay via bank transfer. Once enabled, the bank transfer details will be visible on the Subscription page.
  • Bank Details: Enter your bank details and payment instructions (e.g., Bank name and Account Number). Customers will use these details to complete manual transfers.

Click “Save Changes” to apply the bank transfer settings.

Stripe Settings

Configure the Stripe payment gateway for your platform.

  • Enable Stripe: Toggle on to enable or disable the Stripe payment gateway.
  • Publishable Key: Enter your Stripe Publishable Key for client-side integration.
  • Secret Key: Enter your Stripe Secret Key for server-side integration.

Click “Save Changes” to apply the Stripe settings.

PayPal Settings

Configure the PayPal payment gateway for your platform.

  • Enable PayPal: Toggle on to enable or disable the PayPal payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Client ID: Enter your PayPal Client ID for API authentication.
  • Secret Key: Enter your PayPal Secret Key for server-side integration.

Click “Save Changes” to apply the PayPal settings.

Razorpay Settings

Configure the Razorpay payment gateway for your platform.

  • Enable Razorpay: Toggle on to enable or disable the Razorpay payment gateway.
  • Key ID: Enter your Razorpay Key ID for API authentication.
  • Secret Key: Enter your Razorpay Secret Key for server-side integration.

Click “Save Changes” to apply the Razorpay settings.

Mercado Pago Settings

Configure the Mercado Pago payment gateway for your platform.

  • Enable Mercado Pago: Toggle on to enable or disable the Mercado Pago payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Access Token: Enter your Mercado Pago Private Access Token for server-side API integration. Do not use your Public Key here, the Access Token is required for server-side operations.

Click “Save Changes” to apply the Mercado Pago settings.

Paystack Settings

Configure the Paystack payment gateway for your platform.

  • Enable Paystack: Toggle on to enable or disable the Paystack payment gateway.
  • Public Key: Enter your Paystack Public Key for client-side integration.
  • Secret Key: Enter your Paystack Secret Key for server-side integration.

Click “Save Changes” to apply the Paystack settings.

Flutterwave Settings

Configure the Flutterwave payment gateway for your platform.

  • Enable Flutterwave: Toggle on to enable or disable the Flutterwave payment gateway.
  • Public Key: Enter your Flutterwave Public Key for client-side integration.
  • Secret Key: Enter your Flutterwave Secret Key for server-side integration.

Click “Save Changes” to apply the Flutterwave settings.

PayTabs Settings

Configure the PayTabs payment gateway for your platform.

  • Enable PayTabs: Toggle on to enable or disable the PayTabs payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Profile ID: Enter your PayTabs Profile ID associated with your merchant account.
  • Server Key: Enter your PayTabs Server Key for server-side authentication.
  • Region: Select the region applicable to your PayTabs account (e.g., UAE).
  • Currency Code: Enter the currency code(s) to be used for transactions (e.g., AED, SAR, USD).

Click “Save Changes” to apply the PayTabs settings.

Skrill Settings

Configure the Skrill payment gateway for your platform.

  • Enable Skrill: Toggle on to enable or disable the Skrill payment gateway.
  • Merchant ID: Enter your Skrill Merchant ID associated with your merchant account.
  • Secret Word: Enter your Skrill Secret Word used for transaction verification.

Click “Save Changes” to apply the Skrill settings.

CoinGate Settings

Configure the CoinGate cryptocurrency payment gateway for your platform.

  • Enable CoinGate: Toggle on to enable or disable the CoinGate payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • API Token: Enter your CoinGate API Token for authentication.

Click “Save Changes” to apply the CoinGate settings.

Payfast Settings

Configure the Payfast payment gateway for your platform.

  • Enable Payfast: Toggle on to enable or disable the Payfast payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Merchant ID: Enter your Payfast Merchant ID for account identification.
  • Merchant Key: Enter your Payfast Merchant Key for authentication.
  • Passphrase: Optionally enter a Passphrase if configured in your Payfast account for additional security.

Click “Save Changes” to apply the Payfast settings.

Tap Settings

Configure the Tap payment gateway for your platform.

  • Enable Tap: Toggle on to enable or disable the Tap payment gateway.
  • Secret Key: Enter your Tap Secret Key for server-side authentication.

Click “Save Changes” to apply the Tap settings.

Xendit Settings

Configure the Xendit payment gateway for your platform.

  • Enable Xendit: Toggle on to enable or disable the Xendit payment gateway.
  • API Key: Enter your Xendit API Key for server-side authentication.

Click “Save Changes” to apply the Xendit settings.

PayTR Settings

Configure the PayTR payment gateway for your platform.

  • Enable PayTR: Toggle on to enable or disable the PayTR payment gateway.
  • Merchant ID: Enter your PayTR Merchant ID for account identification.
  • Merchant Key: Enter your PayTR Merchant Key for authentication.
  • Merchant Salt: Enter your PayTR Merchant Salt used for secure hash generation.

Click “Save Changes” to apply the PayTR settings.

Mollie Settings

Configure the Mollie payment gateway for your platform.

  • Enable Mollie: Toggle on to enable or disable the Mollie payment gateway.
  • API Key: Enter your Mollie API Key for server-side authentication.

Click “Save Changes” to apply the Mollie settings.

ToyyibPay Settings

Configure the toyyibPay payment gateway for your platform.

  • Enable toyyibPay: Toggle on to enable or disable the toyyibPay payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Category Code: Enter your toyyibPay Category Code associated with your billing account.
  • Secret Key: Enter your toyyibPay Secret Key for authentication.

Click “Save Changes” to apply the toyyibPay settings.

Benefit Settings

Configure the Benefit payment gateway for your platform.

  • Enable Benefit: Toggle on to enable or disable the Benefit payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Public Key: Enter your Benefit Public Key for client-side integration.
  • Secret Key: Enter your Benefit Secret Key for server-side authentication.

Click “Save Changes” to apply the Benefit settings.

lyzipay Settings

Configure the lyzipay payment gateway for your platform.

  • Enable lyzipay: Toggle on to enable or disable the lyzipay payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Public Key: Enter your lyzipay Public Key for client-side integration.
  • Secret Key: Enter your lyzipay Secret Key for server-side authentication.

Click “Save Changes” to apply the lyzipay settings.

Aamarpay Settings

Configure the Aamarpay payment gateway for your platform.

  • Enable Aamarpay: Toggle on to enable or disable the Aamarpay payment gateway.
  • Store ID: Enter your Aamarpay Store ID for account identification.
  • Signature: Enter your Aamarpay Signature Key for transaction verification.

Click “Save Changes” to apply the Aamarpay settings.

Midtrans Settings

Configure the Midtrans payment gateway for your platform.

  • Enable Midtrans: Toggle on to enable or disable the Midtrans payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Secret Key: Enter your Midtrans Server Key for server-side authentication.

Click “Save Changes” to apply the Midtrans settings.

YooKassa Settings

Configure the YooKassa payment gateway for your platform.

  • Enable YooKassa: Toggle on to enable or disable the YooKassa payment gateway.
  • Shop ID: Enter your YooKassa Shop ID for account identification.
  • Secret Key: Enter your YooKassa Secret Key for server-side authentication.

Click “Save Changes” to apply the YooKassa settings.

Paiement Pro Settings

Configure the Paiement Pro payment gateway for your platform.

  • Enable Paiement Pro: Toggle on to enable or disable the Paiement Pro payment gateway.
  • Merchant ID: Enter your Paiement Pro Merchant ID for account identification and authentication.

Click “Save Changes” to apply the Paiement Pro settings.

CinetPay Settings

Configure the CinetPay payment gateway for your platform.

  • Enable CinetPay: Toggle on to enable or disable the CinetPay payment gateway.
  • Site ID: Enter your CinetPay Site ID for account identification.
  • API Key: Enter your CinetPay API Key for authentication.
  • Secret Key: Enter your CinetPay Secret Key for server-side security.

Click “Save Changes” to apply the CinetPay settings.

PayHere Settings

Configure the PayHere payment gateway for your platform.

  • Enable PayHere: Toggle on to enable or disable the PayHere payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Merchant ID: Enter your PayHere Merchant ID for account identification.
  • Merchant Secret: Enter your PayHere Merchant Secret for transaction verification.
  • App ID: Enter your PayHere App ID associated with your registered application.
  • App Secret: Enter your PayHere App Secret for application-level authentication.

Click “Save Changes” to apply the PayHere settings.

FedaPay Settings

Configure the FedaPay payment gateway for your platform.

  • Enable FedaPay: Toggle on to enable or disable the FedaPay payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Public Key: Enter your FedaPay Public Key for client-side integration.
  • Secret Key: Enter your FedaPay Secret Key for server-side authentication.

Click “Save Changes” to apply the FedaPay settings.

AuthorizeNet Settings

Configure the Authorize.Net payment gateway for your platform.

  • Enable AuthorizeNet: Toggle on to enable or disable the Authorize.Net payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Merchant ID: Enter your Authorize.Net API Login ID for account identification.
  • Transaction Key: Enter your Authorize.Net Transaction Key for server-side authentication.

Click “Save Changes” to apply the AuthorizeNet settings.

Khalti Settings

Configure the Khalti payment gateway for your platform.

  • Enable Khalti: Toggle on to enable or disable the Khalti payment gateway.
  • Public Key: Enter your Khalti Public Key for client-side integration.
  • Secret Key: Enter your Khalti Secret Key for server-side authentication.

Click “Save Changes” to apply the Khalti settings.

Easebuzz Settings

Configure the Easebuzz payment gateway for your platform.

  • Enable Easebuzz: Toggle on to enable or disable the Easebuzz payment gateway.
  • Merchant Key: Enter your Easebuzz Merchant Key for account authentication.
  • Salt Key: Enter your Easebuzz Salt Key used for secure hash generation.
  • Environment: Specify the environment for transactions — enter prod for production or test for testing.

Click “Save Changes” to apply the Easebuzz settings.

Ozow Settings

Configure the Ozow payment gateway for your platform.

  • Enable Ozow: Toggle on to enable or disable the Ozow payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Site Key: Enter your Ozow Site Key for client-side identification.
  • Private Key: Enter your Ozow Private Key for secure transaction signing.
  • API Key: Enter your Ozow API Key for server-side authentication.

Click “Save Changes” to apply the Ozow settings.

Cashfree Settings

Configure the Cashfree payment gateway for your platform.

  • Enable Cashfree: Toggle on to enable or disable the Cashfree payment gateway.
  • Mode: Select Sandbox for testing or Live for real transactions.
  • Public Key: Enter your Cashfree App ID for client-side integration.
  • Secret Key: Enter your Cashfree Secret Key for server-side authentication.

Click “Save Changes” to apply the Cashfree settings.

Note: These payment settings will be used for all subscription plan payments. Make sure to test your configuration before going live.

3.13.6 Storage Settings

Configure file storage settings for your application. Storage Settings has three tabs: Local Storage, AWS S3, and Wasabi.

Local Storage Tab
  • Allowed File Types: Select the file types permitted for upload by checking the corresponding checkboxes (e.g., csv, doc, docx, gif, png, jpg, pdf, etc.)
  • Max Upload Size (KB): Enter the maximum allowed file upload size in kilobytes (default: 2048 KB)
AWS S3 Tab
  • AWS Access Key ID: Enter your AWS access key ID
  • AWS Secret Access Key: Enter your AWS secret access key
  • AWS Default Region: Enter the default AWS region (e.g., us-east-1)
  • AWS Bucket: Enter the name of your S3 bucket
  • AWS URL: Enter the S3 URL (e.g., https://s3.amazonaws.com)
  • AWS Endpoint: Enter the S3 endpoint URL (e.g., https://s3.us-east-1.amazonaws.com)
  • Allowed File Types: Select the permitted file types for upload
  • Max Upload Size (KB): Enter the maximum allowed file upload size in kilobytes
Wasabi Tab
  • Wasabi Access Key: Enter your Wasabi access key
  • Wasabi Secret Key: Enter your Wasabi secret key
  • Wasabi Region: Enter the Wasabi region (e.g., us-east-1)
  • Wasabi Bucket: Enter the name of your Wasabi bucket
  • Wasabi URL: Enter the Wasabi storage URL (e.g., https://s3.wasabisys.com)
  • Wasabi Root: Enter the root path for file storage (e.g., /)
  • Allowed File Types: Select the permitted file types for upload
  • Max Upload Size (KB): Enter the maximum allowed file upload size in kilobytes

Click “Save Changes” to apply all storage settings.

3.13.7 ReCaptcha Settings

This section lets you set up Google reCAPTCHA to protect authentication forms from spam and bots.

Note: You can follow the “How to Get Google reCaptcha Site and Secret Key” link on the page for step-by-step instructions to complete the setup.

  • Enable ReCaptcha: Toggle on to show ReCaptcha on authentication pages
  • Google ReCaptcha Version: Select the ReCaptcha version from the dropdown
  • Site Key: Enter your Google ReCaptcha site key
  • Secret Key: Enter your Google ReCaptcha secret key

Click “Save Changes” to apply all ReCaptcha settings.

3.13.8 Chat GPT Settings

Configure ChatGPT integration settings to enable AI-powered features across the platform.

  • ChatGPT Key: Enter your OpenAI API key.
  • ChatGPT Model Name: Select the GPT model from the dropdown (e.g., GPT-3.5 Turbo)

Click “Save Changes” to apply all ChatGPT settings.

3.13.9 Cookie Settings

Configure cookie consent and privacy settings for your application.

  • Enable Logging: Toggle on to enable cookie activity logging
  • Cookie Title: Enter the title for the cookie consent banner (e.g., Cookie Consent)
  • Cookie Description: Enter a brief description of how cookies are used (e.g., “We use cookies to enhance your browsing experience and provide personalized content.” )
  • Contact Us Description: Enter a message directing users to reach out for cookie policy queries
  • Contact Us URL: Enter the URL of your contact page (e.g., https://example.com/contact)
  • Strictly Necessary Cookies: Toggle on to enable strictly necessary cookies (enabled by default)
  • Strictly Cookie Title: Enter the title for the strictly necessary cookies section
  • Strictly Cookie Description: Enter a description for strictly necessary cookies

Click “Save Changes” to apply all cookie settings. You can also use the “Download CSV” button under Download Accepted Cookies to export a list of users who have accepted the cookie preferences.

3.13.10 SEO Settings

Configure SEO settings to improve your website’s search engine visibility.

  • Meta Title: Enter the clickable headline that appears in search results (optimal length: 50–60 characters)
  • Meta Description: Enter a brief description displayed below the title in search results (optimal length: 120–160 characters)
  • Meta Keywords: Enter comma-separated keywords relevant to your content (e.g., ecommerce, online store, shopping)
  • Meta Image: Upload or browse for an image displayed when sharing on social media (recommended size: 1200x630px)

The SEO Preview panel on the right shows a live preview of how your page will appear in search results and on social media.

Click “Save Changes” to apply all SEO settings.

3.13.11 Cache Settings

This section is used to manage the application cache to help improve performance.

Note: It is designed for advanced users. If you are not familiar with cache management, you can safely ignore this section.

  • Current Cache Size: Displays the current size of cached data (e.g., 0.06 MB)

    Clearing the cache will remove the following:

  • Application cache
  • Route cache
  • View cache
  • Configuration cache

Click “Clear Cache” to remove all cached data and refresh application performance.

4. Admin Login Process

4.1 Access StoreGo:

Go to the StoreGo website and enter your admin login credentials.

Admin Credentials :

You’ll need a username and password provided by the system administrator.

Log In :

Click the “Log In” button to access your admin dashboard.

5. Company Management

The StoreGo company-side panel is a central dashboard for store owners to manage their entire online business in one place. It allows them to create and manage multiple stores, handle product listings, orders, and customers, and manage coupons, shipping, analytics, and staff access with different roles. Store owners can also manage subscriptions, monitor referral earnings, and configure important settings like payments, notifications, and third-party integrations.

5.1 Store Owner Dashboard

  • The Company Dashboard gives a quick overview of how your store is performing. At the top right, the Analytics button takes you to a detailed reporting page, and the Export button lets you download a summary of your store data.
  • You can click the store name at the top to open a dropdown, switch between stores instantly, or create a new store using Create New Store. All data displayed across the platform will automatically update to reflect the currently selected active store.
  • The dashboard shows four main summary cards: Total Orders, Total Products, Total Customers, and Total Revenue, giving a quick view of your store’s performance.
  • On the left, the Recent Orders section shows the latest orders with details like order ID, customer name, total amount, and order status.
  • In the center, the Top Products section highlights your best-selling products based on the number of units sold, along with their prices.
  • On the right, the Store QR Code panel provides a QR code that customers can scan to open your store directly. You can also use the Copy Link button to share your store URL.

6. Store Management

The Stores and Store Content sections help you create, manage, and customize your online stores from one dashboard. They let you control store settings, choose designs, and manage storefront content to create a better shopping experience.

6.1 Store

The Stores page shows all the stores linked to your account in one place. At the top right, the Export button lets you download store data, and the Create Store button takes you to the store creation page.

The page also shows four summary cards: Total Stores, Active Stores, Total Customers, and Revenue, giving a quick overview of performance across all stores.

The Your Stores section lists all stores with details like store name, status, theme, creation date, number of orders, and total revenue. Each store also has action options on the right side.

  • Visit Store: Opens the live storefront in a new tab
  • View: To see the full details of the store
  • Edit: Open the store’s settings
  • Settings: Configure advanced store options
  • Delete: Permanently remove the store

Store Settings

Clicking the Settings icon on any store opens the Store Settings page, which is divided into two tabs: General and Advanced.

General Tab

The General tab contains core configuration options for the store, organized into sections.

Under General Settings:

  • Store Status: Toggle on to enable the store and make it publicly accessible
  • Maintenance Mode: Toggle on to temporarily take the store offline for maintenance

Under Store Configuration:

  • Store Logo: Upload or browse for the store’s header logo
  • Store Favicon: Upload or browse for the browser tab icon for the store

Click Save Settings to apply all changes.

Advanced Tab

The Advanced tab provides additional customization tools for more technical users.

Under WhatsApp Widget, configure a floating WhatsApp button that appears on your storefront for customer support:

  • Enable WhatsApp Widget: Toggle on to display the floating button on the storefront
  • WhatsApp Phone Number: Enter the phone number, including the country code
  • Widget Color: Select the color of the WhatsApp widget button
  • Initial Message: Enter the pre-filled message that appears when a customer clicks the widget
  • Position: Select the on-screen position of the widget (e.g., Right)
  • Show on Mobile: Toggle on to display the widget on mobile devices
  • Show on Desktop: Toggle on to display the widget on desktop devices

Note: When you enabled and add data here, on the store’s website a WhatsApp widget icon will appear on the side bottom. From there, users can start a chat and communicate.

When the widget is enabled, a floating WhatsApp button appears in the corner of your store (in the position and color you set). When a customer clicks it, a popup chat window opens showing the Initial Message you configured, along with a message field and a Send button.

Clicking Send opens WhatsApp Web with the pre-filled message ready for the store’s number — the customer then sends the message manually to start the conversation.

Under Custom CSS & JavaScript, advanced users can inject custom code to modify the store’s appearance and behavior:

  • Custom CSS Code: Enter custom CSS styles to modify the store’s visual appearance
  • Custom JavaScript Code: Enter custom JavaScript code to enhance store functionality

Click Save Settings to apply all changes.

Creating a New Store

Clicking Create Store opens the store creation page, which is divided into three tabs: Store Information, Store Theme, and PWA Settings. After entering all details, click Save Store at the top right to finish.

Store Information Tab

The Store Information tab collects the core details needed to set up your store.

Under Store Information, fill in the following fields:

  • Store Name: Enter the display name for your store
  • Store Slug: Enter a URL-friendly identifier for your store. Leave empty to auto-generate from the store name
  • Description: Enter a brief description of your store
  • Store Email: Enter the contact email address for the store

Under Domain Configuration, set up how your store is accessed online:

  • Enable Custom Domain: Toggle on to use your own domain (e.g., example.com). Enter the custom domain in the field provided. A server IP address will be displayed. Point your domain’s A record to this IP address to complete the setup.
  • Enable Custom Subdomain: Toggle on to use a subdomain (e.g., mystore.yourdomain.com). Enter the desired subdomain in the field provided. The resulting subdomain URL will be displayed as a preview once configured.
Store Theme Tab

The Store Theme tab allows you to choose a theme that best fits your store type and brand. Click on any theme card to select it, the selected theme will be highlighted with a checkmark.

Available themes include Home Accessories, Fashion, Electronics & Gadgets, and more, each designed to match a specific store type and industry.

Note: The number of themes available depends on your current subscription plan. A plan limitation notice at the top of the tab will indicate how many themes your plan allows.

PWA Settings Tab

The PWA Settings tab allows you to configure your store as an installable Progressive Web App, making it accessible as a mobile app on customers’ devices.

  • Enable PWA: Toggle on to make your store installable as a mobile app
  • App Name: Enter the full name of the app as it will appear on the device
  • Short Name: Enter a shortened version of the app name for the home screen icon (max 12 characters)
  • App Description: Enter a brief description of the mobile app
  • PWA Icon: Upload an icon for the app (512x512px PNG with transparent background recommended)
  • Theme Color: Select the primary color for the app’s browser UI elements
  • Background Color: Select the background color displayed while the app is loading
  • Display Mode: Choose how the app is displayed when launched (e.g., Standalone, Fullscreen)
  • Orientation: Choose the screen orientation for the app (e.g., Portrait, Landscape)

6.2 Store Content

The Store Content page allows you to manage and customize the dynamic content displayed across all your stores. Each store is listed with its name, status badge, and a brief description. Click the Manage Content button on any store to open its content editor.

Managing Store Content

Clicking Manage Content opens the content editor for that specific store. Because each store can run a different theme, the tabs, fields, and dynamic options available in the editor may vary depending on the theme applied to that store. The editor is organized into tabs across the top, each corresponding to a different section of the storefront.

For a store using the theme shown below, the available tabs are: Header, Hero, Categories, Featured Products, Newsletter, CTA Boxes, Trending Products, Brand Logos, Blog, and Footer. A store running a different theme may display a different set of tabs and fields. Click Save Changes at the top right to save your updates.

An example of one theme is shown below:

Header

The Header tab configures the top announcement bar of your store.

  • Welcome Text: Enter the welcome message displayed in the header
  • Phone Text: Enter the phone number or contact text shown in the header
  • Show Welcome: Toggle on to display the welcome text
  • Show Phone: Toggle on to display the phone text
Hero

The Hero tab configures the main banner section of your store homepage.

  • Badge Text: Enter a short promotional badge label (e.g., “New Collection” )
  • Title: Enter the main headline displayed on the banner
  • Subtitle: Enter a supporting description below the title
  • Button Text & Button Link: Set the label and URL for the primary call-to-action button
  • Secondary Button Text & Secondary Button Link: Set the label and URL for the secondary button
  • Image: Upload or browse for the hero banner image

The Hero section also includes Info Boxes, where you can configure small feature highlights displayed below the banner. Each item has an Icon, Title, and Description (e.g., Free Shipping, Easy Returns, Secure Checkout).

Categories

The Categories tab configures the section header for the product categories displayed on your homepage.

  • Title: Enter the section heading (e.g., “Browse Categories” )
  • Description: Enter a short supporting description for the categories section
Featured Products

The Featured Products tab configures the featured products section on your homepage.

  • Title: Enter the section heading (e.g., “Featured Home Decor” )
  • Description: Enter a short description for the featured products section
Newsletter

The Newsletter tab configures the email subscription section of your store.

  • Title: Enter the newsletter section heading
  • Subtitle: Enter a supporting description encouraging visitors to subscribe
  • Placeholder Text: Enter the placeholder text shown inside the email input field
  • Button Text: Enter the label for the subscribe button
  • Privacy Text: Enter a short note about your no-spam policy
CTA Boxes

The CTA Boxes tab allows you to configure a set of promotional highlight boxes displayed on your storefront. Each box includes an Icon, Title, and Subtitle to communicate key value propositions such as Interior Design, Custom Colors, award-winning, or Expert Support.

Trending Products

The Trending Products tab configures the trending products section on your homepage.

  • Title: Enter the section heading (e.g., “Trending Home Decor” )
  • Description: Enter a short description for the trending products section
Brand Logos

The Brand Logos tab allows you to display partner or brand logos on your storefront. Click Add Item to add a new logo entry. Each item includes an Image field where you can upload or browse for the logo file. Use the delete icon to remove any logo item.

Blog

The Blog tab configures the blog section displayed on your storefront homepage.

  • Title: Enter the blog section heading (e.g., “Home Styling Blog” )
  • Description: Enter a short description for the blog section
Footer

The Footer tab configures the bottom section of your storefront.

  • Description: Enter a short tagline or description displayed in the footer
  • Menu: Set a Title for the quick links menu and add individual link items, each with a Name and Href (URL). Use the Add Item to add more links and the delete icon to remove any
  • Contact: Enter the store’s Address, Phone, and Email for display in the footer
  • Social Links: Add social media profile links by specifying the Platform (e.g., Facebook, Instagram, Pinterest) and the corresponding URL for each. Use Add Item to add more platforms
  • Copyright Text: Enter the copyright notice displayed at the bottom of the footer

7. Products Management

This section explains how to manage your store’s core setup, including products, categories, and tax rules, from a single dashboard. It covers creating, editing, organizing, and tracking inventory, structure, and pricing rules to keep your catalog and operations efficient.

7.1 Products

The Products page allows you to manage your entire product catalog for the selected store. At the top right, the Export button downloads your product data, and the Create Product button navigates to the product creation page.

The page presents four summary cards displaying Total Products, Active Products, Low Stock, and Total Value, giving you a quick snapshot of your inventory health and overall catalog value.

7.1.1 Product Catalog

Each product in the list displays its cover image, name, status badge, SKU, price, stock quantity, and category. Each product row includes three action icons on the right:

  • View: Opens the product details page
  • Edit: Opens the product in edit mode
  • Delete: Permanently removes the product

7.1.2 Product Details

Clicking the View icon opens the Product Details page, which provides a full overview of the product, including its name, SKU, price, and status. The page is organized into the following sections:

  • Quick Stats: Displays the product’s current stock, total revenue generated, units sold, and number of orders
  • Product Details: Shows the assigned category, tax class, display status, whether it is downloadable, and the creation and last updated dates
  • Pricing & Inventory: Displays the product price and current stock quantity
  • Product Description: The general description of the product
  • Product Details: Additional detail or specification content for the product
  • Custom Fields: Any custom key-value attributes added to the product (e.g., Color: Blue)
  • Product Images: The gallery of images uploaded for the product

Click Edit Product at the top right to open the product in edit mode.

7.1.3 Creating a New Product

Clicking Create Product navigates to the product creation page, organized into six tabs: General, Pricing, Inventory, Content, Variants, and Advanced. Click Save Product at the top right once all details are filled in.

General Tab

The General tab collects the core product information.

  • Product Name: Enter the display name of the product
  • SKU: Enter the unique stock-keeping unit identifier for the product
  • Category: Select the product category from the dropdown
  • Product Tax: Select the applicable tax class for the product
  • Cover Image: Upload or browse for the main product image shown in listings
  • Product Images: Upload or browse for additional gallery images for the product page
  • Product Display: Toggle on to make the product visible on the storefront
Pricing Tab

The Pricing tab sets the product’s pricing information.

  • Price: Enter the regular selling price of the product
  • Sale Price: Enter a discounted sale price (optional). When set, the original price will appear struck through on the storefront
Inventory Tab

The Inventory tab manages stock and digital product settings.

  • Stock Quantity: Enter the number of units available in stock
  • Downloadable Product: Toggle on if this is a digital product available for download
  • Downloadable File: Upload or browse for the file customers will receive upon purchase (visible when Downloadable Product is enabled)
Content Tab

The Content tab allows you to add rich text content to the product page using a formatted editor with options for bold, italic, strikethrough, alignment, lists, blockquote, and links.

  • Product Description: Enter the main product description shown to customers
  • Product Specifications: Enter technical specifications or key product details
  • Product Details: Enter any additional information or usage details about the product
Variants Tab

The Variants tab allows you to define product options such as size or color. Click Add Variant to add a new variant group. For each variant, enter a Variant Name (e.g., Color, Size) and one or more Variant Values. Use the + button to add more values to a variant group and the delete icon to remove any variant or value.

Once you have added variant values, a Variant Prices table appears below the variant group, listing each value on its own row. For every variant value, you can set individual pricing:

  • Variant: Displays the variant value (e.g., S, M, XL) the pricing applies to
  • Price: Enter the regular price for that specific variant value
  • Sale Price: Enter the discounted price for that specific variant value

This lets you assign a different price and sale price to each variant value rather than using a single price for the whole product.

Advanced Tab

The Advanced tab allows you to add custom fields to the product for any additional attributes not covered by the standard fields. Click Add Field to add a new custom field. Each field requires a Field Name and a Field Value. Use the delete icon to remove any field.

7.2 Categories

The page presents four summary cards displaying Total Categories, Active Categories, Parent Categories, and Sub Categories, giving you a quick overview of your category structure.

The Categories page allows you to manage all product categories for your store. At the top right, the Export button downloads your category data, and the Create Category button navigates to the category creation page.

7.2.1 Product Categories List

Each category in the list displays its image, name, status badge, URL slug, and product count. Each category row includes three action icons on the right:

  • View: Opens the category details page
  • Edit: Opens the category in edit mode
  • Delete: Permanently removes the category
Category Details

Clicking the View icon opens the Category Details page, which provides a full overview of the category. The page is organized into two sections:

  • Category Information displays the category name, URL slug, status, description, category image, and parent category assignment.
  • Category Statistics displays the total products, active products, number of sub-categories, total revenue generated, sort order, and the created and last updated dates.
  • Click Edit Category at the top right to modify the category, or Delete to permanently remove it.

7.2.2 Creating a New Category

Clicking Create Category navigates to the category creation page. Fill in the following fields and click Save Category at the top right to save.

  • Category Name: Enter the display name of the category
  • Description: Enter a short description of the category
  • Category Image: Upload or browse for the category image
  • Parent Category: Select a parent category to make this a subcategory, or leave as None (Root Category) to create a top-level category
  • Sort Order: Enter a number to control the display order of the category on the storefront
  • Category Status: Toggle on to make the category visible on the storefront

7.3 Tax

The Tax page allows you to create and manage tax rules applied to products across your store. At the top right, the Export button downloads your tax data, and the Create Tax button navigates to the tax rule creation page.

The page presents four summary cards displaying Total Tax Rules, Active Rules, Average Tax Rate, and Tax Collected, giving you a quick snapshot of your store’s tax configuration and collections.

7.3.1 Tax Rules List

Each tax rule in the list displays its name, status badge, tax rate, and type. Each row includes three action icons on the right:

  • View: Opens the tax rule details page
  • Edit: Opens the tax rule in edit mode
  • Delete: Permanently removes the tax rule

7.3.2 Tax Rule Details

Clicking the View icon opens the Tax Rule Details page, organized into three sections:

  • Tax Rule Information displays the tax name, tax rate, tax type, and current status.
  • Tax Configuration displays the priority level, whether compound tax is enabled, the creation date, the number of products using the rule, and the last updated date.
  • Tax Statistics displays four summary metrics: Tax Collected This Month, Orders Applied, Total Tax Collected, and Products Using This Tax.
  • Click Edit Tax at the top right to modify the tax rule.

7.3.3 Creating a New Tax Rule

Clicking Create Tax navigates to the tax rule creation page. Fill in the following fields and click Save Tax at the top right to save.

  • Tax Name: Enter a name for the tax rule (e.g., Standard VAT, Luxury Tax)
  • Tax Type: Select the type of tax from the dropdown (e.g., Percentage)
  • Tax Rate (%): Enter the tax rate to be applied
  • Priority: Enter a priority number to determine the order in which tax rules are applied when multiple rules exist
  • Compound Tax: Select whether this tax should be calculated on top of other taxes (Yes or No)
  • Tax Status: Toggle on to enable the tax rule and make it applicable to products

8. Order Management

The Order Management page shows a complete list of all customer orders placed in the store. At the top right, the Export button lets the admin download all order data.

The page also includes four summary cards at the top that give a quick overview of key order statistics.

  • Total Orders: The total number of orders placed in the store
  • Pending Orders: The number of orders currently awaiting action
  • Total Revenue: The cumulative revenue generated from all orders
  • Avg. Order Value: The average monetary value per order

The Recent Orders section shows all orders in chronological order. Each order includes details like Order ID, status, customer name and email, total amount, number of items, order date, and payment method. In the Actions column, there are three options available for each order.

  • View: Opens the full Order Details page
  • Edit: Opens the order for editing
  • Delete: Removes the order record

Order statuses displayed on the list include Pending, Cancelled, Processing, Shipped, and Delivered.

Order Details:

When you click View on an order, it opens a dedicated Order Details page with different sections for all order information.

  • At the top, the Order Header shows the Order ID and its status badge, along with key details like Order Date, Payment Method, Payment Status, and Fulfillment Status. If a payment receipt is attached for a bank transfer, it will also appear here for the user to view.
  • On the right side, the Order Summary shows a breakdown of costs, including Subtotal, Shipping, Tax, and the final Total amount.
  • The Customer Information section shows the customer’s name, email, and phone number.
  • The Shipping Address section displays the full delivery address, including name, street, city, state, postal code, and country.
  • The Order Items section lists all purchased products with details like product image, name, SKU, quantity, price, and total amount per item.
  • The Shipping Information section shows the selected shipping method and current shipping status.
  • The Order Timeline shows the full order journey step by step, including Order Placed, Payment Confirmed, Processing, Shipped, and Delivered, with each step marked as completed or pending.
  • At the top right, the Edit Order button allows the admin to update order details when needed.

9. Customer Management

The Customer Management page allows you to view and manage all customers registered to your store. At the top right, the Export button downloads your customer data, and the Create Customer button navigates to the customer creation page.

The page presents four summary cards displaying Total Customers, Active Customers, New This Month, and Avg. Order Value gives you a quick overview of your customer base and purchasing behavior.

Each customer in the list displays their avatar initials, full name, status badge, email address, phone number, order count, total amount spent, and join date. Each row includes three action icons on the right:

  • View: Opens the customer details page
  • Edit: Opens the customer profile in edit mode
  • Delete: Permanently removes the customer

9.1 Customer Details

Clicking the View icon opens the Customer Details page, which provides a complete profile of the customer. The page is organized into the following sections:

  • Customer Information displays the customer’s name, status, email address, phone number, and join date.
  • Customer Stats displays four key metrics: Total Orders, Total Spent, Avg. Order Value, and the date of the Last Order.
  • Billing Address and Shipping Address display the customer’s saved addresses, or a “not provided” message if no address has been added.
  • Personal Details displays the customer’s date of birth, gender, customer group, and preferred language.
  • Communication Preferences shows the status of Email Marketing, SMS Notifications, and Order Updates for that customer.
  • Recent Orders lists the customer’s most recent orders with the order ID, date, total amount, and fulfillment status.
  • Click Edit Customer at the top right to modify the customer profile.

9.2 Creating a New Customer

Clicking Create Customer takes you to the customer creation page, which is divided into three tabs: Personal Info, Address, and Preferences. After entering all the required details, click Save Customer at the top right to save the customer.

Personal Info Tab

  • Profile Picture: Upload or browse for the customer’s profile image
  • First Name & Last Name: Enter the customer’s full name
  • Email Address: Enter the customer’s email address
  • Phone Number: Enter the customer’s phone number
  • Date of Birth: Select the customer’s date of birth
  • Gender: Select the customer’s gender from the dropdown
  • Notes: Enter any internal notes about the customer
  • Customer Status: Toggle on to activate the customer account

Address Tab

Under Billing Address, enter the customer’s Street Address, City, State/Province, Postal Code, and Country.

Under Shipping Address, enter the same fields for the shipping destination. Toggle Same as billing to automatically copy the billing address to the shipping address.

Preferences Tab

Under Communication Preferences, configure the customer’s notification settings:

  • Email Marketing: Toggle on to allow the customer to receive promotional emails
  • SMS Notifications: Toggle on to allow the customer to receive SMS updates
  • Order Updates: Toggle on to allow the customer to receive order status notifications
  • Preferred Language: Select the customer’s preferred language from the dropdown
  • Customer Group: Assign the customer to a group (e.g., Regular Customer)

10. Coupon System

The Coupon System page lets you create and manage discount coupons for your store. At the top right, the Export button allows you to download coupon data, and the Create Coupon button takes you to the coupon creation page.

The page also shows four summary cards: Total Coupons, Active Coupons, Percentage Coupons, and Fixed Amount Coupons, giving a quick overview of coupon usage in your store.

10.1 Store Coupons List

Each coupon in the list displays details like the coupon name, status badge, coupon code (with a copy option), discount type and value, how many times it has been used, and its expiry date. Each row also includes action options on the right side.

  • View: Opens the coupon details page
  • Edit: Opens the coupon in edit mode
  • Status Toggle: Activate or deactivate the coupon instantly
  • Delete: Permanently removes the coupon

10.2 Creating a New Coupon

Clicking Create Coupon navigates to the coupon creation page, organized into three tabs: General, Restrictions, and Usage Limits. Click Save Coupon at the top right once all details are filled in.

General Tab

  • Coupon Name: Enter the display name for the coupon
  • Coupon Code: Enter a custom code or click Generate to auto-generate one
  • Description: Enter a short description of the coupon
  • Discount Type: Select the type of discount from the dropdown (e.g., Percentage Discount or Fixed Amount)
  • Discount Percentage / Discount Value: Enter the discount amount or percentage based on the selected type
  • Start Date: Set the date from which the coupon becomes active
  • End Date: Set the date on which the coupon expires
  • Coupon Status: Toggle on to activate the coupon and make it available for use

Restrictions Tab

The Restrictions tab allows you to set order value conditions for the coupon.

  • Minimum Spend Amount: Enter the minimum order value required for the coupon to apply
  • Maximum Spend Amount: Enter the maximum order value the coupon can be applied to

Usage Limits Tab

The Usage Limits tab controls how many times the coupon can be used.

  • Usage Limit per Coupon: Enter the total number of times the coupon can be redeemed across all customers, or leave as Unlimited
  • Usage Limit per User: Enter the number of times a single customer can use the coupon

11. Shipping Management

The Shipping Management page shows all shipping methods set up in the store. At the top right, there are two options: the Export button to download shipping data and the Create Shipping button to add a new shipping method.

The page includes four summary cards at the top that give an overall view of shipping details.

  • Shipping Methods: The total number of shipping methods created on the platform
  • Active Methods: The number of currently active shipping methods, along with the active rate percentage
  • Shipping Zones: The number of geographic coverage zones defined across all shipping methods
  • Avg. Shipping Cost: The average shipping cost charged per order

The Shipping Methods section lists all available shipping options. Each method shows details like the name, status badge, shipping type, coverage area, cost, and estimated delivery time. In the Actions column, there are three options available for each shipping method.

  • View: Opens the full Shipping Method Details page
  • Edit: Opens the method for editing
  • Delete: Removes the shipping method

11.1 Shipping Method Details

Clicking View on any shipping method opens a dedicated Shipping Method Details page. In the top right, there is an Edit Shipping button to update the method if needed. The page is divided into the following sections:

  • Shipping Method Information shows all the main details of the shipping method, including the name, status badge, description, shipping type, cost, delivery time, and the minimum order amount required to use it.
  • On the right side, Usage Statistics displays key performance data such as total orders using the method, total revenue generated, delivery rate, and average delivery days.
  • Shipping Zones defines where the shipping method is available, including zone type, countries, postal codes, and maximum distance.
  • Advanced Settings includes operational rules like maximum weight, maximum dimensions, whether a signature is required, whether insurance is needed, tracking availability, and any handling fee.
  • Additional Information shows the created date, last modified date, and the sort order of the shipping method.
  • The Recent Orders Using This Shipping Method section lists all orders fulfilled using this method, including order ID, customer name, date, shipping cost, and fulfilment status.
  • The Performance Metrics section shows key stats like page views, orders in the last 30 days, average shipping cost, and number of delivered orders.

11.2 Create Shipping Method

To add a new shipping method, click the “Create Shipping” button on the top right of the Shipping Management page. The Create Shipping Method form is organized into three tabs:

General:

This tab captures the core details of the shipping method:

  • Method Name (required): Enter the name of the shipping method (e.g., Standard Shipping, Express Shipping)
  • Shipping Type (required): Select the pricing model from the dropdown (e.g., Flat Rate, Free)
  • Description: Enter a brief description of the shipping method
  • Shipping Cost ($): Enter the flat cost charged for this shipping method
  • Minimum Order Amount: Set the minimum order value required for this method to be available at checkout
  • Estimated Delivery Time: Enter the expected delivery timeframe (e.g., 3–5 business days)
  • Sort Order: Enter a numeric value to control the display order of this method at checkout
  • Method Status: Toggle to enable or disable the shipping method

Shipping Zones:

This tab defines the geographic coverage of the shipping method:

  • Zone Type: Select the coverage scope from the dropdown (e.g., Domestic, Global)
  • Countries/Regions: Enter the specific countries or regions this method applies to, one per line
  • Postal Codes: Enter the applicable postal code range (e.g., 10001–10299)
  • Max Distance (km): Set the maximum delivery distance in kilometers

Advanced:

This tab configures additional delivery constraints and options:

  • Maximum Weight (kg): Enter the maximum parcel weight this method supports
  • Maximum Dimensions (cm): Enter the maximum parcel dimensions in length × width × height format
  • Require Signature: Toggle to require a customer signature upon delivery
  • Insurance Required: Toggle to mandate shipping insurance for orders using this method
  • Tracking Available: Toggle to indicate whether order tracking is provided
  • Handling Fee ($): Enter any additional handling fee to be added on top of the shipping cost

Click Save Shipping in the top right corner to publish the new shipping method to the store.

12. Analytics & Reporting

  • The Analytics & Reporting page provides a detailed breakdown of your store’s performance across revenue, orders, and customers. Use the Export Report button at the top right to download a full analytics report.
  • The page presents three summary cards displaying Total Revenue, Total Orders, and Total Customers, each showing the current value along with a comparison to the previous month to indicate growth or decline.
  • The Revenue Overview chart displays daily revenue trends as a bar graph, allowing you to track earnings patterns and identify high-performing periods over time.
  • The Sales Trend chart on the right presents order volume as a line graph plotted over the same date range, helping you correlate sales activity with revenue fluctuations.
  • The Order Status Distribution section displays a pie chart breaking down all orders by their current fulfillment status, including Shipped, Delivered, Processing, Confirmed, Pending, and Cancelled, with percentage values for each status.
  • The Top Payment Methods section ranks the most used payment gateways by order count and total revenue collected, helping you understand how your customers prefer to pay.
  • The Top Selling Products section lists your best-performing products by units sold, along with their total revenue contribution, giving you clear insight into which products are generating the most income.
  • The Top Customers section ranks your highest-spending customers by order count and total spend, helping you identify loyal buyers and high-value relationships.
  • At the bottom, the Recent Activity feed displays a live log of the latest store events, such as new orders, with customer names, order IDs, timestamps, and order values.

13. Blog System

The Blog System page shows all blog posts published on your store. At the top right, the Export button lets you download blog data, and the Create Blog button takes you to the page for creating a new post.

The page also includes four summary cards: Total Posts, Published Posts, Total Views, and Average Views, giving a quick overview of your blog activity and reach.

The Blog Posts section lists all posts. Each post shows a featured image, title, status, short excerpt, author name, publish date, number of views, and category. On the right side of each row, there are three action options available.

  • View: Opens the full Blog Details page
  • Edit: Opens the post for editing
  • Delete: Permanently removes the blog post

13.1 Blog Details

  • Clicking View on any blog post opens its dedicated Blog Details page. An Edit Post button is available at the top right. The page is organized into the following sections:
  • Post Statistics on the right panel shows four key metrics: Total Views, Comments, Min Read, and Engagement Rate.
  • Post Details displays the assigned category, author, published date, last modified date, and current status.
  • SEO Information displays the Meta Title, Meta Description, Focus Keyword, and URL Slug configured for the post.
  • Tags display all tags associated with the post.
  • Related Posts shows other blog posts linked to this entry, each with a thumbnail, title, excerpt, and publish date.
  • Content Analytics at the bottom displays the post’s Word Count, Total Comments, and Engagement Rate.

13.2 Creating a New Blog Post

Clicking Create Blog navigates to the post creation page, organized into three tabs: Content, Settings, and SEO. Click Save Post at the top right once all details are filled in.

Content Tab

This tab captures the core written content of the blog post.

  • Post Title: Enter the title of the blog post
  • Excerpt: Enter a brief description or summary of the post shown in listings
  • Featured Image: Upload or browse for the post’s cover image
  • Post Content: Use the rich text editor to write the full blog post. Formatting options include bold, italic, strikethrough, alignment, lists, blockquote, and links

Settings Tab

This tab configures the publishing settings for the blog post.

  • Category: Select the category the post belongs to from the dropdown. Click Manage Categories to create or edit categories.
  • URL Slug: Enter a URL-friendly identifier for the post
  • Post Status: Select the publication status (e.g., Draft or Published)
  • Publish Date: Set the date and time the post should be published
  • Tags: Enter tags for the post, separated by commas
  • Featured Post: Toggle on to mark this post as a featured entry on the blog
  • Allow Comments: Toggle on to enable reader comments for this post

When you click the Manage Categories from the Settings tab opens the Blog Categories page, where you can view and manage all categories used to organize your blog posts.

The page presents four summary cards giving you a quick overview of your blog category structure:

  • Total Categories: The total number of categories created
  • Active Categories: The number of active categories, along with the percentage that are active
  • Most Popular: The number of posts in the top category
  • Avg. Posts: The average number of posts per category

Below the summary cards, the Categories table lists all categories. Use the search bar to find a specific category by name. The table displays the following columns:

  • Name: The category name
  • Slug: The URL-friendly identifier for the category
  • Description: A short description of the category
  • Posts: The number of posts assigned to the category
  • Status: Indicates whether the category is Active or Inactive
  • Actions: Contains an edit icon to modify the category and a delete icon to remove it
Creating a Category

Clicking Create Category opens a modal where you can add a new category by entering the following details:

  • Category Name: Enter the name of the category
  • Slug: Enter a URL-friendly identifier for the category
  • Description: Enter a short description of the category
  • Active: Toggle on to make the category active

SEO Tab

This tab configures the post’s search engine optimization settings.

  • Meta Title: Enter the SEO title displayed in search engine results
  • Meta Description: Enter the SEO description shown below the title in search results
  • Focus Keyword: Enter the primary keyword this post is targeting
  • Index in Search Engines: Toggle on to allow search engines to index and rank this post

14. POS System

The POS System page allows you to process in-store sales quickly and efficiently through a point-of-sale interface.

At the top of the page, use the Search bar to find products by name. The Walk-in Customer dropdown allows you to assign the sale to a specific customer or keep it as a walk-in. The Inventory button provides quick access to stock levels, and the Settings button opens POS configuration options.

14.1 Product Catalog

Products are displayed in a grid layout, organized by category tabs including All Products, Bathroom Decor, Furniture, Kitchen & Dining Decor, Lighting, and Outdoor & Garden Decor. Each product card displays the product image, name, price (with sale price where applicable), and current stock. Click the + icon on any product card to add it to the current sale.

If a product has variants (such as Color or Size), clicking the + icon opens a variant selection pop-up. Select the desired variant option and click Add to Cart to add it to the sale, or Cancel to close the pop-up without adding. If a selected variant is out of stock, an Out of Stock notice will appear and the item cannot be added to the cart.

Current Sale Panel

The right side of the page displays the Current Sale panel, which lists all items added to the cart with their quantity controls and individual prices. At the bottom of the panel:

  • Subtotal: The total before tax
  • Tax: The applicable tax amount and rate
  • Total: The final amount due
  • Checkout: Processes the sale for the displayed total
  • Save: Saves the current sale to resume later
  • Transactions: Opens the Transactions page
  • Empty: Clears all items from the current sale

14.2 Transactions

Clicking Transactions opens the Transactions page, which provides a full history of all POS sales. At the top right, the Refresh button reloads the latest data, and the Export button downloads the transaction history.

The page presents four summary cards displaying Today’s Sales, This Week, Average Sale, and Refunds, giving you a quick overview of POS performance.

The Recent Transactions section lists all past transactions with the following details:

  • Transaction ID: The unique identifier for the POS transaction
  • Date & Time: When the transaction was processed
  • Customer: The customer name or Walk-in Customer
  • Items: The number of items in the transaction
  • Total: The total amount charged
  • Status: The transaction status (Completed, Pending, or Refunded)
  • Actions: Click the receipt icon to print the full transaction details

14.3 Inventory Management

Clicking Inventory opens the Inventory Management panel, which provides a consolidated view of stock levels across all products. The panel displays each product alongside its current In Stock quantity and a Status badge indicating whether the item is in stock or unavailable. This allows staff to quickly check availability without leaving the POS interface.

14.4 Saved Carts

When a sale is saved using the Save button, it is stored and accessible through the Saved Carts panel. Each saved cart entry displays the customer name, the date and time it was saved, and the total amount. Click Load to restore the cart and resume the sale from where it was left off.

14.5 Settings

Clicking Settings opens the Settings page, where POS behavior and receipt preferences can be configured. Use the Back button to return to the POS without saving, or click Save Settings to apply any changes.

The Settings page is divided into two tabs: General and Receipt.

General Settings

The General tab contains the following configuration options:

  • Store Name: Enter the name of your store as it should appear across the POS system.
  • Default Tax Rate (%): Set the tax percentage to be automatically applied to all sales.
  • Default Discount (%): Set a default discount percentage to be applied at checkout.
  • Enable Guest Checkout: Toggle this option on to allow sales to be processed without selecting a customer.
  • Low Stock Alerts: Toggle this option on to display alerts when inventory items fall below a defined threshold.

Receipt Settings

The Receipt tab contains the following configuration options:

  • Receipt Header: Enter the text to appear at the top of printed receipts (e.g., a welcome message).
  • Receipt Footer: Enter the text to appear at the bottom of printed receipts (e.g., return policy or store notes).
  • Show Store Logo: Toggle on to display the store’s brand logo on receipts.
  • Show Tax Details: Toggle on to include a tax breakdown on receipts.
  • Show Cashier Name: Toggle on to display the cashier’s name on each receipt.
  • Auto-Print Receipt: Toggle on to automatically print a receipt after every completed sale.

15. Rating & Reviews

The Rating & Reviews page allows you to monitor, moderate, and respond to customer reviews submitted from the storefront. At the top right, the Export button downloads the full review data.

The page displays four summary cards at the top, providing a quick overview of review performance:

  • Total Reviews: The all-time number of reviews received
  • Average Rating: The overall average rating out of 5 stars
  • Pending Reviews: The number of reviews awaiting moderation
  • Response Rate: The percentage of reviews that have received a store response

The Customer Reviews section lists all reviews submitted by customers from the frontend. Each review entry displays the customer’s name, email address, the product reviewed, star rating, date, review title, review content, and a status badge indicating whether the review is Pending or Approved. For each review, the following actions are available:

  • View: Opens the full Review Details page
  • Edit: Opens the Edit Review page
  • Delete: Permanently removes the review

15.1 Review Details

Clicking the view icon on any review opens the Review Details page. At the top right, use the Back button to return to the reviews list, Approve to approve the review directly, or Edit Review to modify it.

The page is organized into the following sections:

  • Customer Review: Displays the customer’s name, email, star rating, review title, and full review content, along with the current moderation status
  • Review Actions: Contains the Approve Review button to publish the review, and the Edit Review button to make changes
  • Product Information: Shows the product associated with the review, including its image, name, SKU, and price
  • Review Details: Displays the review date, current status (Pending or Approved), and star rating
  • Store Response: Shows any existing store response to the review. If no response has been submitted, a No response yet message is displayed along with an Add Response button to submit one

15.2 Edit Review

Clicking Edit Review opens the Edit Review page. Use the Back button to return without saving, or click Update Review to save any changes made.

The page contains the following fields under Review Information:

  • Customer Name: The name of the customer who submitted the review (read-only)
  • Customer Email: The email address of the customer (read-only)
  • Product: The product the review is associated with (read-only)
  • Rating: Select the star rating from the dropdown (1 to 5 Stars)
  • Review Status: Toggle to switch the review status between Pending and Approved
  • Review Title: Edit the title of the review
  • Review Content: Edit the body text of the review
  • Store Response: Enter or update the store’s response to the review

16. Newsletter Subscribers

The Newsletter Subscribers page allows you to view and manage all customers who have subscribed to your store’s newsletter. At the top right, the Export button downloads the full subscriber list.

The page displays three summary cards at the top, providing a quick overview of your subscriber base:

  • Total Subscribers: The all-time total number of newsletter sign-ups
  • Active Subscribers: The number of customers currently subscribed
  • Inactive Subscribers: The number of customers who have unsubscribed

Newsletter Subscribers List

The Newsletter Subscribers section lists all subscriber entries. Each entry displays the subscriber’s email address, the date they subscribed, and a status badge indicating whether they are Active or Inactive. The following action is available for each subscriber:

  • Delete: Permanently removes the subscriber from the list

17. Custom Pages

The Custom Pages page allows you to create and manage standalone pages on your storefront, such as About Us, Privacy Policy, and Terms of Service. At the top right, click + Create Page to add a new custom page.

The page displays four summary cards providing a quick overview:

  • Total Pages: The total number of custom pages created
  • Published: The number of pages currently published and live on the storefront
  • Draft Pages: The number of pages saved as drafts and not yet published
  • Page Views: The total number of views across all custom pages

The Custom Pages section lists all created pages. Each entry displays the page name, a status badge, the URL slug, total views, last modified date, and the template in use. The following actions are available for each page:

  • View: Opens the Page Details page
  • Edit: Opens the page for editing
  • Delete: Permanently removes the page

17.1 Page Details

Clicking the view icon on any page opens the Page Details page. Use the Back button to return to the list, or click Edit Page to modify the page.

The page is organized into the following sections:

  • Page Overview: Displays the page title, status badge, URL slug, last modified date, total views, and the full page content as it appears on the storefront
  • Page Statistics: Shows the total number of views for this page
  • Page Settings: Displays the template in use, publication status, created date, last modified date, whether the page is shown in navigation, and whether comments are enabled
  • SEO Information: Shows the configured meta title, meta description, and the status of Search Index and Follow Links settings

17.2 Create Custom Page

Clicking + Create Page opens the Create Custom Page page. Use the Back button to return without saving, or click Save Page to publish or save the page.

The creation form is divided into three tabs: Content, Settings, and SEO.

Content Tab

The Content tab contains the following fields under Page Content:

  • Page Title: Enter the title of the page as it will appear on the storefront
  • URL Slug: Enter the URL path for the page (e.g., /about-us)
  • Page Content: Use the rich text editor to write and format the page content. The toolbar supports bold, italic, strikethrough, text alignment, bullet lists, numbered lists, blockquotes, links, and undo/redo actions

Settings Tab

The Settings tab contains the following fields under Page Settings:

  • Page Template: Select the layout template to apply to the page from the dropdown
  • Page Status: Set the page to Draft or Published using the dropdown
  • Parent Page: Optionally assign a parent page to create a hierarchical page structure
  • Page Order: Enter a numeric value to control the display order of the page
  • Show in Navigation: Toggle on to include this page in the site’s navigation menu
  • Enable Comments: Toggle on to allow visitors to leave comments on the page

SEO Tab

The SEO tab contains the following fields under SEO Settings:

  • Meta Title: Enter the SEO title to be displayed in search engine results
  • Meta Description: Enter a brief description of the page for search engine listings
  • Meta Keywords: Enter relevant keywords separated by commas to assist with search indexing
  • Canonical URL: Enter the canonical URL if this page’s content is also accessible at another address
  • Index in Search Engines: Toggle on to allow search engines to index this page
  • Follow Links: Toggle on to allow search engines to follow links found on this page

18. Staff Management

The Staff Management section allows you to manage the users and roles within your store’s admin panel. It is accessible from the sidebar and contains two sub-sections: Users and Roles.

18.1 Users

The Users page displays all staff accounts that have access to the admin panel. At the top right, click + Add User to create a new staff account.

At the top of the page, use the Search bar to find users by name. Click Hide Filters to collapse or reveal the filter panel. The Role dropdown allows you to filter the user list by assigned role. Click Reset Filters to clear all active filters. Use the list and grid view toggle to switch between display layouts.

The user list displays the following details for each staff member:

  • Name: The staff member’s profile photo, full name, status badge, and email address
  • Roles: The role assigned to the user
  • Joined: The date the user account was created

The following actions are available for each user:

  • View: Opens the user’s profile and details
  • Edit: Opens the edit form to update the user’s information
  • Reset Password: Opens the Reset Password pop-up to set a new password for the user
  • Toggle Status: Activates or deactivates the user’s account
  • Delete: Permanently removes the user from the system

Clicking the Reset Password on any user opens a pop-up. Enter the New Password and Confirm Password, then click Save to apply the change, or Cancel to close without saving.

Add New User

Clicking + Add User opens the Add New User pop-up. Fill in the following fields and click Save to create the account, or Cancel to close without saving:

  • Name: Enter the staff member’s full name
  • Email: Enter the staff member’s email address
  • Password: Set an initial password for the account
  • Confirm Password: Re-enter the password to confirm
  • Role: Select the appropriate role from the dropdown

18.2 Roles

The Roles page allows you to create and manage the permission-based roles that can be assigned to staff users. At the top right, click + Add New Role to create a new role.

Use the Search bar to find roles by name and click Search to run the query.

The roles list displays the following details for each role:

  • Name: The name of the role
  • Slug: The system identifier for the role
  • Description: A brief description of the role’s access level
  • Created By: The account that created the role
  • Created At: The date the role was created
  • Permissions: A preview of the key permissions assigned to the role, with a count of additional permissions not shown

The following actions are available for each role:

  • View: Opens the View Role pop-up showing the role’s name, description, and full permission breakdown
  • Edit : Opens the role for editing
  • Delete: Permanently removes the role

Add New Role

Clicking + Add New Role opens the Add New Role pop-up. Fill in the following fields and click Save to create the role, or Cancel to close without saving:

  • Role Name: Enter a name for the role
  • Description: Enter a brief description of the role’s intended access and responsibilities
  • Manage Permissions: Select the permissions to assign to this role. Click Select All Permissions to grant access to all available permissions at once, or expand individual modules such as Dashboard, Users, or Roles to assign permissions selectively. Each module displays the number of permissions currently selected out of the total available. Note that only permissions for modules available to your own role are shown.

19. Plans

The Plans section is where you choose and manage your subscription. The sidebar has three parts: Plan, My Plan Request, and My Plan Orders.

19.1 Plan

This page shows all the available plans on the platform. You can select the plan that suits your business needs and subscribe to it.

At the top right, you can switch between Monthly and Yearly billing. Choosing the Yearly plan gives you a 20% discount compared to the monthly price.

Each plan card shows the available features and usage limits, including the number of stores, users per store, products per store, storage, and themes. Your currently active plan will be highlighted with an Active badge.

There are two ways to get a plan:

  • Request Plan: Click this if you want to send a request to the Super Admin to assign a plan to your account manually.
  • Subscribe Now: Click this to subscribe and pay for the plan directly yourself. A Subscribe to Pro modal opens, displaying the plan name, billing cycle, and price at the top. From here, you can complete the payment:
    • Select Payment Method: Choose how you want to pay. The available payment methods depend on which payment gateways the Super Admin has enabled, only the enabled gateways will appear there.
    • Coupon Code (Optional): Enter a coupon code
    • Subtotal / Total: Displays the order summary, with the total amount payable updating to reflect any applied coupon.

Each plan card also displays a Start Trial button for plans that have a free trial enabled, allowing you to try the plan before committing to a subscription.

19.2 My Plan Requests

The My Plan Requests page shows a log of all plan subscription requests associated with your account.

Use the Status dropdown to filter requests by their current state, or keep it set to All Status to view all entries. Use the Search bar to find a specific request quickly, and click Hide Filters to collapse the filter panel when not in use.

The plan requests table displays the following columns:

  • Name: The name of the account that submitted the request.
  • Email: The email address associated with the request.
  • Plan Name: The name of the plan that was requested.
  • Plan Price: The price of the requested plan.
  • Plan Duration: The billing duration of the requested plan, such as Monthly or Yearly.
  • Status: The current state of the request (Approved, Pending, or Rejected).
  • Requested At: The date the request was submitted.

19.3 My Plan Orders

The My Plan Orders page shows a full history of all plan purchases on your account.

You can use the Status dropdown to filter orders based on their current status, or leave it on All Status to see everything. The search bar helps you find a specific order by order number or plan name. You can also click Hide Filters to collapse the filter section when it’s not needed.

The plan orders table displays the following columns:

  • Order Number: The unique identifier for the order.
  • Order Date: The date the order was placed.
  • User Name: The name of the account associated with the order.
  • Plan Name: The subscription plan that was purchased.
  • Original Price: The original price of the plan before any discount.
  • Coupon Code: The coupon code applied to the order, if any.
  • Discount: The discount amount applied, if a coupon was used.
  • Final Price: The final amount charged after any discount.
  • Status: The current state of the order (Approved, Pending, or Rejected).
  • Actions: Click the view icon to open the full details of the order

20. Referral Program

The Referral Program section in the sidebar is divided into two sub-sections: Dashboard and Payout Requests. Together, they allow you to share your referral link, monitor your earned commissions, and withdraw your available balance.

20.1 Dashboard

View your referral performance at a glance through the Referral Program Dashboard. Four summary cards at the top provide an overview of your referral activity:

  • Total Referrals: The total number of referrals made through your link.
  • Referred Users: The number of users who have signed up using your referral link.
  • Total Earned: The total commission earned from your referrals.
  • Available Balance: Your current balance ready to withdraw.

The dashboard also includes two panels below the summary cards:

Your Referral Link:

Displays your unique referral URL. Click the copy icon to copy the link and share it with others to earn commissions when they sign up and purchase plans.

Payout Requests:

Displays the Create Payout Request panel showing the maximum amount currently available for payout, along with the + Request Payout button to submit a new withdrawal request. Below it, the Your Payout Requests table lists all previously submitted payout requests, showing the requested amount, current status (Pending or Approved), and the date the request was submitted.

20.2 Payout Requests

The Payout Requests sub-section, accessible directly from the left sidebar, provides the same payout management view as the Dashboard. A minimum balance is required to submit a payout request.

Create Payout Request

Click the + Request Payout button at the top-right corner to open the Create Payout Request pop-up. The form includes the following:

  • Amount: Enter the amount you wish to withdraw. Your current available balance and the minimum withdrawal amount are displayed beneath the field for reference.
  • Click Submit Request to send your payout request for review, or Cancel to close the form without submitting.

21. Settings Management

The Settings section allows you to configure all system-wide, branding, and integration settings for your store. It is accessible from the left sidebar and contains the following sub-sections: System Settings, Brand Settings, Currency Settings, Email Settings, Email Notification Settings, Payment Settings, Webhook Settings, and Twilio Settings.

21.1 System Settings

Configure system-wide settings for your application.

  • Default Language: Select the default language from the dropdown.
  • Date Format: Choose the date display format from the dropdown.
  • Time Format: Select the time format from the dropdown.
  • Calendar Start Day: Select the first day of the week from the dropdown.
  • Default Timezone: Select the default timezone from the dropdown.

Click Save Changes to apply all system settings.

21.2 Brand Settings

Note: Brand Settings are the same as on the Super Admin side. Please refer to the Super Admin, Brand Settings section for details.

21.3 Currency Settings

Note: Currency setting are the same as on the Super Admin side. Please refer to the Super Admin, Currency setting section for details.

21.4 Email Settings

Note: Email Settings are the same as on the Super Admin side. Please refer to the Super Admin, Email Settings section for details.

Test Email Configuration

  • Use the panel on the right to verify your email setup. Enter a valid email address in the Send Test To field and click Send Test Email to confirm the configuration is working correctly.

Click Save Changes to apply all email settings.

21.5 Email Notification Settings

Configure which email notifications are sent automatically for key events on your store. Each notification can be individually toggled on or off.

  • Order Created: Toggle on to send an email notification when a new order is placed.
  • Order Created For Owner: Toggle on to notify the store owner when a new order is received.
  • Owner And Store Created: Toggle on to send a notification when a new store owner and store are created.
  • Status Change: Toggle on to send a notification when an order status is updated.

Click Save Changes to apply all email notification settings.

21.6 Payment Settings

Note: The Payment Settings configuration on the company side follows the same structure and payments as the Super Admin’s Payment Settings. Please refer to the Super Admin Payment Settings section for full details on configuring WhatsApp, Telegram, and Messaging Templates.

Configure the messaging channels used to send order notifications to customers. The Payment Settings section includes WhatsApp, Telegram, and a shared Messaging Templates panel.

Cash on Delivery (COD):

Use this toggle to enable the Cash on Delivery payment method, allowing your customers to pay in person when they receive their order. No additional configuration is required; simply turn on this option to offer this payment choice at checkout.

WhatsApp

Toggle the switch at the top right to enable or disable WhatsApp notifications. When enabled, enter the following:

  • Phone Number: Enter your WhatsApp number with the country code.

WhatsApp notifications work by generating a pre-filled message link. Message templates are configured in the Messaging Templates section below.

Telegram

Toggle the switch at the top right to enable or disable Telegram notifications. When enabled, enter the following:

  • Bot Token: Enter your Telegram bot token, obtained from @BotFather on Telegram.
  • Chat ID: Enter your Chat ID, which can be retrieved from the Telegram API.

Message templates are shared between WhatsApp and Telegram and are configured in the Messaging Templates section below.

Messaging Templates

The Messaging Templates section allows you to define the message format sent to customers via WhatsApp and Telegram. Enter your template in the Message Template field using the available order variables to personalize each message dynamically.

The following order variables are available: store_name, order_no, customer_name, shipping_address, shipping_country, shipping_city, shipping_postalcode, item_variable, qty_total, sub_total, discount_amount, shipping_amount, total_tax, and final_total.

The Item Variable Format field defines how individual order items are displayed within the message, using item-level variables including sku, quantity, product_name, variant_name, item_tax, and item_total.

Note that Telegram supports HTML formatting (e.g., bold, italic), while WhatsApp uses plain text only.

Note: Message templates are shared between WhatsApp and Telegram. You only need to set up the message once in the Messaging Templates section below, and it will be used for both.

WhatsApp Payment Method

WhatsApp can be enabled as a payment method so customers can complete their order by sending a pre-filled message to the store’s WhatsApp number. Setting this up involves two parts: enabling and configuring WhatsApp in the settings, and the checkout flow your customers follow on the storefront.

Part 1: Enabling WhatsApp (Company Setup)

This is a one-time setup done from the store settings.

  • Go to Settings → Payment Settings
  • Find WhatsApp in the list of payment methods and toggle it on
  • A Phone Number field appears. Enter the store’s WhatsApp number along with the country code (e.g., +91 9876543210). This is the number that will receive customer order messages
  • Scroll down to the Messaging Templates section to set the Message Template — this is the message customers will send through WhatsApp when placing an order. You can use dynamic variables (such as {order_no}, {store_name}, and {customer_name}) that are automatically replaced with real order details when the message is generated
  • Click Save Changes to apply the settings

Once enabled, WhatsApp will appear as a payment option for customers at checkout.

Part 2: Placing an Order with WhatsApp (Customer Flow)

This is what your customer experiences on the storefront.

  • The customer adds one or more products to the cart and clicks Proceed to Checkout
  • A popup appears asking how they’d like to continue, with two options: Login to Your Account or Continue as Guest. The customer can choose either and continue without needing to log in
  • The customer fills in the required checkout details (name, email, phone, and address) and clicks Continue
  • The customer selects a shipping method for the order and clicks Continue again
  • The Payment Method step opens. The customer selects WhatsApp, then enters their WhatsApp Number with the country code
  • The customer clicks Place Order
  • A new browser tab opens with the pre-filled order message ready to send to the store’s WhatsApp number. The customer can continue the conversation by choosing Open app or Continue to WhatsApp Web. The message shown here is the one the company set up in the Message Template
  • Once the order is placed, an Order Confirmed popup appears showing the Order Number and an Order Invoice Link (which can be copied). From here, the customer can choose Continue Shopping or View Order Details

Telegram Payment Method

Telegram works much like the WhatsApp payment method. When the company enables Telegram, customers can select it at checkout, and an order notification is sent automatically to the company’s Telegram using the details they configured.

Part 1: Enabling Telegram (Company Setup)

This is a one-time setup done from the store settings.

  • Go to Settings → Payment Settings
  • Find Telegram in the list of payment methods and toggle it on
  • Two fields appear that you need to fill in:
    • Bot Token: Enter the bot token for your Telegram bot. You can get this from @BotFather on Telegram
    • Chat ID: Enter the Chat ID where order notifications should be sent. You can find this using the link https://api.telegram.org/bot/getUpdates
  • Scroll down to the Messaging Templates section to set the message that will be sent. This template is shared between WhatsApp and Telegram, so the same message format is used for both
  • Click Save Changes to apply the settings

Once enabled, Telegram will appear as a payment option for customers at checkout.

Part 2: Placing an Order with Telegram (Customer Flow)

The checkout steps are the same as any other order — the customer adds products to the cart, proceeds to checkout, fills in their details, and selects a shipping method. At the Payment Method step, the customer selects Telegram and places the order. Once the order is placed, a notification is sent automatically to the company’s Telegram using the Bot Token and Chat ID the company configured in the settings.

21.7 Webhook Settings

  • Manage webhooks for external integrations through the Webhook Settings section. Webhooks allow your store to automatically send real-time data to external systems when specific events occur.
  • The webhooks table displays the following columns: Module, Method, URL, Status, and Actions.
  • If no webhooks have been configured yet, the table will display a “No webhooks configured” message.

Add New Webhook

To add a new webhook, click the “Add Webhook” button at the top right. A modal form will appear with the following fields:

  • Module: Select the module you want to trigger the webhook from the dropdown.
  • Method: Select the HTTP method from the dropdown (GET, POST).
  • URL: Enter the endpoint URL where the webhook data should be sent.
  • Active: Toggle on to enable the webhook immediately, or toggle off to save it in a disabled state.

Click Create to save the webhook or Cancel to close the form without saving.

21.8 Twilio Settings

Configure Twilio SMS settings to send automated text message notifications to customers.

  • Enable Twilio SMS: Toggle on to activate Twilio SMS notifications for your store.
  • Twilio SID: Enter your Twilio Account SID.
  • Twilio Auth Token: Enter your Twilio authentication token.
  • From Number: Enter the Twilio phone number that SMS messages.
  • You can also configure which events trigger an SMS notification using the toggles below:
  • Order Created: Toggle on to send an SMS when a new order is placed.
  • Order Status Updated: Toggle on to send an SMS when an order’s status changes.
  • New Customer: Toggle on to send an SMS when a new customer account is created.

Click Save Changes to apply all Twilio settings.

Using the Online Store (Customer Guide)

This section explains how customers use the storefront, the public website where they browse products, add items to the cart, and place orders. The example screenshots use the Home Accessories theme, so the exact colors and layout may look different on your store depending on the theme applied, but the features work the same way.

The Top Menu

Every page shows a menu bar at the top with links such as About Us, Contact Us, etc… On the right side, customers will find quick icons for their Account, Wishlist, and Cart.

These menu pages (About Us, Contact Us, FAQ, and so on) are custom pages created by the company side from the backend. The store owner can add, edit, or remove these pages from the Custom Pages section, so the links shown in the menu may vary from one store to another.

The Homepage

The homepage is the first page customers see. It is built from several sections that introduce the store and its products:

  • Hero Banner: A large banner at the top with a headline, short description, and buttons (such as “Shop Collection” or “View Catalog”) that take the customer into the store
  • Browse Categories: Cards for each product category (for example, Bathroom Decor, Furniture, Lighting) so customers can jump straight to the type of product they want
  • Feature Highlights: A row of fully customizable cards showcasing the store’s key strengths. Store owners can configure these to display their own features and benefits (for example: Interior Design, Custom Colors, Award Winning, or Expert Support) with corresponding icons and text.
  • Featured Products: A handpicked set of products, each showing its image, category, price, and an Add to Cart button
  • Trending Products: Popular products that are trending, displayed in the same card style
  • Brand Logos: A row of brand logos to build trust
  • Newsletter Signup: A box where customers can enter their email to subscribe to updates
  • Blog Section: A preview of the latest blog posts, with a “Read More” link on each
  • Footer: The bottom of every page, with quick links, contact details, social media icons, and another newsletter signup

Browsing Products (All Products Page)

Clicking View All Products (or a category) opens the All Products page, where customers can browse the full catalog and narrow down what they’re looking for using the Filters panel on the left:

  • Search: Type a product name to find it quickly
  • Categories: Tick one or more categories to show only those products
  • Price Range: Set a minimum and maximum price
  • Rating: Filter products by their star rating
  • Availability: Show All Products, only In Stock, or only Out of Stock items

After choosing filters, the customer clicks Apply Filters to update the results, or Clear All to reset them. At the top of the product grid, customers can switch between grid and list view, change Sort by (for example, Popularity), and choose how many products to Show per page. Page numbers at the bottom let them move between pages.

Each product card shows the product image, category, name, star rating, and price. Customers click Add to Cart to add the item, or Select Options if the product has variants (such as size or color) to choose from first.

Product Detail Page

Clicking any product opens its detail page, where customers can see everything about the item before buying.

On the left, the product image is shown, with smaller thumbnail images below that customers can click to view the product from different angles. Arrows let them move between images.

On the right, the customer sees the product information:

  • Category and Name: The product’s category and full name
  • Rating: The star rating and number of reviews
  • Price: The current price, the original price (crossed out if discounted), and the discount percentage (for example, “80% OFF” )
  • Short Description: A one-line summary of the product
  • Stock Status: Whether the item is in stock and how many are available
  • SKU: The product’s unique code
  • Quantity: Use the – and + buttons to choose how many to buy
  • Add to Cart: Adds the chosen quantity to the cart
  • Wishlist and Share icons: Save the product to the wishlist (heart) or share it (share icon)

Below this, four tabs give more detail about the product:

  • Description: The main product description
  • Specifications: Product details such as material, dimensions, weight, color, and brand
  • Details: Additional information about the product’s design, quality, and use
  • Reviews: Customer reviews, each showing a star rating, the reviewer’s name, a review title, and their comment. Customers can click Write a Review to add their own

At the bottom, a Related Products section suggests similar items, each shown as a card with an Add to Cart button.

Wishlist

Customers can save products they like for later by adding them to their Wishlist (the heart icon). The My Wishlist page lists all saved items in a table:

  • Product: The product image, name, and category
  • Price: The current price of the product
  • Stock Status: Whether the item is In Stock or Out of Stock
  • Actions: An Add to Cart button to move the item into the cart
  • Remove: An “X” to remove the item from the wishlist

A You Might Also Like section below suggests related products.

Shopping Cart

When customers add products, they go into the Shopping Cart. The cart page lists every item in a table:

  • Product: The product image and name
  • Price: The price per item
  • Quantity: Use the – and + buttons to change how many of each item to buy
  • Subtotal: The total for that item (price × quantity)
  • Remove: An “X” to take the item out of the cart

On the right, the Cart Summary shows the Subtotal, Shipping, Tax, and the final Total. Customers can enter a Coupon code and click Apply for a discount if they have one. They can click Continue Shopping to keep browsing, or Proceed to Checkout to place their order.

Checkout

Checkout is completed in three simple steps, shown by the progress bar at the top: Shipping → Review → Payment.

Step 1 — Shipping

The customer enters their delivery details: First Name, Last Name, Email Address, Phone Number, Street Address, Country, State / Province, City, and ZIP / Postal Code. Below that, they choose a Shipping Method (such as Free Shipping, Standard, Express, Overnight, or Local Pickup), with the cost shown next to each option. There is also an optional Order Notes box for any special delivery instructions. The customer clicks Review Order to continue.

Step 2 — Review

This step shows a summary so the customer can check everything before paying: the Order Items, their Shipping Information (contact details and chosen shipping method), and Payment Information. They can click Back to Shipping to make changes, or Continue to Payment to proceed.

Step 3 — Payment

The customer confirms their Billing Address (with a “Same as shipping address” checkbox for convenience) and selects a Payment Method. The payment options shown here depend on which methods the store owner has enabled, so customers may see options such as Credit Card (Stripe), PayPal, Bank Transfer, and others. After selecting a method, the customer clicks Place Order to complete the purchase.

On every step, the Order Summary stays visible on the right so customers can see their items, subtotal, shipping, tax, and total at all times.

Order Confirmation

After the payment is completed, an Order Placed Successfully screen appears. This screen confirms that the order has been received and is on its way.

The confirmation screen shows:

  • Order Number: The unique reference number for the order.
  • Order Invoice Link: A direct URL to the order invoice, with a Copy button so the customer can copy the link to share or save it

From this screen, the customer can click Continue Shopping to go back to the store and keep browsing, or View Order Details to open the full details of the order they just placed.

Blog

The Blog page (for example, “Our Blog”) shows the store’s articles as cards, each with an image, category, title, short summary, date, and a Read More link. A sidebar lets customers search articles, browse by Categories, and subscribe to the newsletter.

Clicking Read More on any article opens the full blog post. The top of the page shows the post title, its category, the publish date, the author, and the view count. A sidebar provides Search, Categories, Recent Posts, and a newsletter signup.

Account (Login, Register, and Password Reset)

Customers can shop as a guest, but creating an account lets them track orders and save a wishlist. Clicking the Account icon shows Login and Register options.

  • Login: The customer enters their Email Address and Password, with a Remember me option and a Forgot password? link. They can sign in with email, or use Google or Facebook (social login). A Sign up now link leads to registration
  • Register (Create an Account): New customers enter their First Name, Last Name, Email Address, Password, and Confirm Password (the password must be at least 8 characters), then click Create Account. They can also sign up using Google or Facebook
  • Forgot Password: If a customer forgets their password, they enter their Email Address and click Send Reset Link to receive password reset instructions by email. A Back to Login link returns them to the login page

My Account

Once logged in, customers can manage their account from the My Profile, My Orders, and My Wishlist pages. A sidebar on the left shows the customer’s name, their role, and links to each of these pages, plus a Logout option.

My Profile

The My Profile page lets customers view and update their account information. It has two tabs:

Personal Information — The customer can update their personal and address details: First Name, Last Name, Email Address, Phone Number, Date of Birth, Gender, Street Address, Country, State / Province, City, and ZIP / Postal Code. The customer clicks Save Changes to update their details.

Change Password — To update their password, the customer enters their Current Password, a New Password, and Confirm New Password, then clicks Change Password. The eye icon on each field lets them show or hide what they’ve typed.

My Orders

The My Orders page shows the customer’s Order History, where they can check the status of recent orders, manage returns, and download invoices. Each order in the list shows:

  • The Order Number
  • The order Status (for example, Processing, Shipped, or Cancelled)
  • The date the order was placed
  • The order Total
  • A View Order button to see the full order details
Order Details

Clicking View Order opens the full details for that order, including:

  • Order Number, Status, and Date: Shown at the top
  • Order Items: A table listing each product with its price, quantity, and total
  • Shipping Address: The delivery address for the order
  • Payment & Shipping: The payment method used and the chosen shipping method
  • Order Summary: A breakdown of the Subtotal, any Discount, Shipping, Tax, and the final Total
Get in Touch

We're Here to Help - Let's Talk

Have questions about our solutions, customization services, or business tools? Our team is here to help you. let's talk.

Custom Development

Request Support

Documentation

Share Your Feedback

    Send us a Message








    WorkDo Custom Services