Online Storefront Overview
How your online store works, what customers see, and how to configure it from the tenant portal.
What is the Online Store?
The Online Store (or storefront) is a customer-facing website where people can browse your products, add items to cart, and place orders online. Each store in Cashvio can have its own storefront accessible via a unique subdomain (e.g., mystore.cash-vio.com).
Important
Cashvio supports subdomain-based storefronts only (format: yourstorename.cash-vio.com). Custom domains are not currently available.
How Customers Experience Your Store
When customers visit your storefront, they see:
Home Page
- Hero images — Up to 5 large banner images you configure with display order control
- Featured categories — Your product categories for easy browsing
- Featured products — A selection of your active products
Product Browsing
- All Products page with search, sorting, and filtering
- Category pages showing products in each category
- Product detail pages with images, descriptions, variant selection, and pricing
- Sorting options — Sort by newest, name, price low to high, or price high to low
- Filters — Filter by category, in-stock only
- Hide Out of Stock — Option to hide products that are out of stock (configurable in store settings)
Shopping Cart
- Customers add products to their cart
- They can adjust quantities, remove items, and see the order summary
- The cart shows subtotal, shipping, tax, and total
- Stock validation — The cart checks product availability and maximum order quantities
Checkout
- Fulfillment selection — Delivery or Pickup
- Payment method selection — Cash or Receipt (with receipt image upload)
- Delivery zones — If configured, only your delivery area countries and cities are available
- Order preview — Full breakdown of costs before placing the order
- Minimum order validation — Enforces minimum order value if configured
See Online Checkout Flow for the full checkout process.
Language Support
- Customers can switch between English and Arabic
- The entire storefront supports RTL (right-to-left) for Arabic
- Product names, categories, and checkout forms display in the selected language
Theme
- Customers can toggle between light and dark mode
Note
The storefront supports light and dark mode only. Custom themes, colors, fonts, or layout customization beyond the mode toggle are not available.
Footer
- Copyright notice with your store name
- "Powered by Cashvio" attribution with link to the Cashvio website
- Links to your static pages (terms, privacy, refund policy, etc.)
- Social media links if configured
- On mobile, a bottom navigation bar replaces the footer with quick access to Home, Categories, Products, Cart, and Contact
Configuring Your Online Store
From the tenant portal, go to your store's settings and navigate to Online Store (or المتجر الإلكتروني).
Store Subdomain Configuration
Each store can have its own unique subdomain:
- Subdomain Format —
yourstorename.cash-vio.com - Subdomain Setup — Configure your store's subdomain in the Online Store settings
- Access — Once configured, your storefront is accessible at the subdomain URL
Important
Cashvio supports subdomain-based storefronts only. Custom domains are not currently available. Choose your subdomain carefully as it becomes part of your store's web address.
What You Can Configure
| Setting | Description |
|---|---|
| Hero Images | Upload up to 5 banner images for the home page. Set display order by dragging images. The first image is shown by default. |
| Store Logo | Your logo displayed in the header of the storefront |
| SEO Settings | Configure search engine optimization: |
| - Meta Title — Page title shown in search results and browser tabs | |
| - Meta Description — Description shown in search engine results | |
| - Favicon — Small icon displayed in browser tabs and bookmarks | |
| Social Media Links | Add links to your social media profiles: |
| - TikTok | |
| - YouTube | |
| - Website (your main website URL) | |
| Contact Phone | Phone number displayed in the store for customer contact |
| Hide Out of Stock Items | Toggle to hide products with zero inventory from the storefront (customers will not see out-of-stock products) |
| Analytics | Google Tag Manager ID and Facebook Pixel ID for tracking |
| Static Pages | Create custom policy and information pages with rich text editor: |
| - Refund Policy — Your refund and return policy | |
| - Shipping Policy — Information about shipping methods, costs, and delivery times | |
| - About Us — Information about your business | |
| Each page supports rich text formatting (bold, italic, lists, links, etc.) |
What Affects Your Online Store
Your storefront is connected to the tenant portal. Changes you make in the portal are reflected on the storefront:
| Portal Setting | Storefront Effect |
|---|---|
| Products | Products with "Active" status appear on the store |
| Categories | Active categories appear in navigation and browsing |
| Prices | Selling prices from product variants are displayed |
| Fulfillment Methods | Enabled methods (Delivery, Pickup) appear during checkout |
| Delivery Zones | Available delivery areas and fees during checkout |
| Storefront Payment Methods | Cash and Receipt appear during checkout based on your configuration |
| Service Fees | Delivery and service fees are applied during checkout |
Important
Only active products and categories appear on the storefront. Draft or archived items are hidden from customers. If "Hide Out of Stock Items" is enabled, products with zero inventory are also hidden.
Managing Hero Images
Hero images are the large banner images displayed at the top of your storefront home page:
- Go to Online Store settings.
- Navigate to Hero Images.
- Upload Images — Add up to 5 images (recommended size: 1920x600px for best display)
- Set Display Order — Drag images to reorder them. The first image is shown by default.
- Remove Images — Click the remove button to delete unwanted images.
Tip
Use high-quality, visually appealing images that represent your brand. Keep file sizes reasonable for fast loading times.
SEO Settings
Improve your store's visibility in search engines:
- Meta Title — The title that appears in search engine results and browser tabs (recommended: 50-60 characters)
- Meta Description — A brief description of your store (recommended: 150-160 characters)
- Favicon — Upload a small icon (16x16 or 32x32px) that appears in browser tabs and bookmarks
Tip
Write compelling meta titles and descriptions that include relevant keywords. This helps customers find your store in search results.
Static Pages
Create informative pages for your customers:
Creating a Static Page
- Go to Online Store settings.
- Navigate to Static Pages.
- Select the page type (Refund Policy, Shipping Policy, or About Us).
- Use the rich text editor to format your content:
- Bold and italic text
- Bulleted and numbered lists
- Links to other pages or websites
- Headings and paragraphs
- Click Save.
These pages are automatically linked in your storefront footer and can be accessed by customers at any time.
Analytics Integration
Track customer behavior on your storefront with:
- Google Tag Manager — Add your GTM container ID to track page views, add-to-cart events, checkouts, and purchases
- Facebook Pixel — Add your Pixel ID to track conversions and build retargeting audiences
See Google Tags and Facebook Pixel for detailed setup instructions.