Configuring Your Online Store

Who is this article for?

• Store Managers & Owners setting up digital sales channels and web storefront branding.
• Marketing & E-Commerce Administrators managing online store themes, promotional banners, and visual layouts.

About Delivery Integration

Establishing a public web storefront allows EPOS360 merchants to capture self-service Dine-in and Pick-up orders directly from customer web browsers. Using built-in AI branding tools and granular layout customization, you can design, brand, and launch a branded digital menu without external graphic design software.

Before you begin

• Ensure your menu items, categories, and inventory items are uploaded and configured in the EPOS360 back office.
• Verify that your store name and business identity are correctly registered in account settings, as the AI Business Assistant uses this data to generate logos and banners.
• Clicking Publish Now immediately pushes all saved themes, logos, and layout configurations live across all active digital sales channels. Preview all branding assets before completing the publishing sequence.

Configuring Online Store (Tablet View)

1. Access Online Store Settings: From the main EPOS360 home dashboard, tap More (four-square icon at the bottom-left corner of the navigation bar), then select Online Store.
2. Select and Apply a Store Theme Color:Theme Selection.
   • On the Online Store control panel, tap Advanced Customization.
   • Tap the blue Choose Other Theme button to browse available color themes.
   • Select your preferred theme, then tap Use This Theme.
   • Tap Save Changes in the top-right corner.
3. Generate a Store Logo with AI:
   • On the Customize Theme page, tap the Upload Logo box button.
   • In the bottom drawer, tap Generate with AI.
   • The AI Business Assistant will process the request using your registered shop identity (e.g., WanMin Restaurant).
   • Scroll down in the assistant chat window and tap Use this to assign the generated logo.
4. Customize Grid Displays and Image Aspect Ratios:Layout Formatting.
   • On the Customize Theme page, tap Advanced Customization (Customize your online store theme and layout).
   • Configure the following layout toggles:
     1. Item Display: Change from List View to Grid View to display menu items in larger graphic tiles.
     2. Category Bar Display: Set to Horizontal for optimal browser navigation.
     3. Item Image Ratio: Select 1:1 for clean, square card alignments.
   • Tap Save Changes at the bottom.
   • Confirmation: A green “Changes saved” toast notification will appear.
5. Generate an AI Promotional Store Banner:
   • Locate the Homepage Banner (Optional) preview card and tap Change Image (or the center upload area).
   • Tap Generate with AI from the prompt drawer.
   • Review the generated promotional photo customized to your product offerings (e.g., Chocolate Shavings banner), then tap Use this.
   • Frame or align the asset in the Crop Photo window, then tap Done.
6. Publish Storefront Live:Live Launch.
   • Review the completed layout configuration form.
   • Tap the large blue Publish button at the top-right corner.
   • When prompted (“Publish changes? Publish your changes to all the sale channels?”), tap Publish Now.
   • Confirmation: The terminal will redirect to your newly generated live public web storefront link, active for customer Dine-in and Pick-up ordering.

Configuring Online Store (Mobile View)

1. Access Online Store Settings: From the main EPOS360 dashboard, tap More (four-square icon on the far right of the bottom navigation bar), then select Online Store.
2. Select and Apply a Store Theme Color:
   • On the Online Store panel, tap Customize Theme (Choose preferred theme and layout for your store).
   • Browse the Available Themes row at the bottom featuring color wheel options (e.g., green, blue, teal, gray) to view live layout previews.
   • Select your preferred color combination, then tap Use This Theme.
3. Generate a Store Logo with AI:AI Branding.
   • Tap the Upload Logo box button.
   • In the bottom drawer, tap Generate with AI.
   • Once the AI Business Assistant generates the logo based on your store identity, scroll down and tap Use this.
4. Customize Grid Displays and Aspect Ratios:Layout Formatting.
   • Tap Advanced Customization.
   • Set Item Display to Grid View, Category Bar Display to Horizontal, and Item Image Ratio to 1:1.
   • Tap Save Changes at the bottom.
   • Confirmation: A green “Changes saved” toast banner will confirm your layout updates.
5. Generate an AI Store Banner:
   • On the Homepage Banner (Optional) card, tap Change Image > Generate with AI.
   • Review the generated media, tap Use this, align/frame inside the Crop Photo window, and tap Done.
6. Publish Storefront Live:
   • Tap the large blue Publish button at the bottom of the interface.
   • On the pop-up modal, tap Publish Now.
   • Confirmation: The system redirects directly to your live public online storefront URL.

Next Article ━━━━━━

Integrating with Delivery Partners

Continue to the next article to complete your EPOS360 setup.

Read Next →

Delivery Integration – GrabFood, Foodpanda, ShopeeFood