Storefront
Official guide · English · Version 9c253d0cf11816df
The Storefront is your fully-featured online store, powered by DirectSale. It gives you a professional e-commerce website where customers can browse your products, search your catalog, read blog posts, and place orders -- all without needing a separate website or developer.
What the Storefront Includes
| Feature | Description |
|---|---|
| Customizable Homepage | Build your homepage with drag-and-drop sections: hero banners, featured products, testimonials, countdown timers, and more |
| Template System | Choose from 11 professionally designed templates (Modern, Classic, Bold, Fashion, Food, Tools, Machinery, Art, Digital, Sports, Marketplace) |
| Header & Footer Builder | Fully customizable header navigation and footer layout with live preview |
| Custom Pages | Create unlimited static pages (About, Contact, Terms, etc.) with a rich text editor or visual editor |
| Blog | Publish blog posts with AI-generated content, categories, tags, and SEO metadata |
| SEO Management | AI-powered SEO tools for products, pages, and store-level metadata with keyword tracking |
| Custom Domain | Publish on your own verified domain with active SSL; use private temporary previews before launch |
| Analytics | Track page views, product views, add-to-cart events, purchases, revenue, and conversion rates |
| Google Search Console | Direct integration with Google Search Console for performance monitoring and indexing |
| Visual Editor | Full GrapesJS visual editor for pixel-perfect page design |
Navigating the Storefront Section
Detailed setup guides also cover third-party integrations, Search Console, SEO + AI for pages and blog, product-specific page display and self-hosted deployment.
The Storefront section is organized into four main tab groups in the top navigation bar:
Overview
The main landing page where you can enable or disable your storefront, view quick stats, and configure basic SEO settings.
Design & Setup
All the tools for building and designing your store:
- Setup Wizard -- The guided setup process for new stores
- Homepage -- Build and arrange homepage sections
- Header & Nav -- Configure the site header, navigation links, and top bar
- Footer -- Customize the footer layout, branding, and colors
- Design -- Set your template, color scheme, fonts, and layout options
Content
Manage your store's content:
- Product Content -- Manage storefront-specific product data
- Pages -- Create and edit custom pages
- Page Builder -- Advanced page building tools
- Blog -- Write and manage blog posts
SEO & Settings
Technical configuration for your store:
- SEO -- Manage SEO metadata, keywords, and AI-generated SEO content
- Domain -- Verify your custom domain and explicitly publish or unpublish the storefront
- Analytics -- View storefront traffic and sales analytics
- Integrations -- Third-party integrations
- Search Console -- Google Search Console integration
Enabling Your Storefront
Your storefront has a simple on/off toggle. When disabled, visitors will not be able to access your store.
Navigate to the Storefront Overview
Go to Storefront in the sidebar, which opens the Overview page.
Toggle the storefront switch
In the Storefront Status card, flip the toggle switch to enable or disable your store.
- Enabled: Your store is live and accessible to customers at your store URL
- Disabled: Your store is offline and visitors cannot access it
View your store URL
When the storefront is enabled, your store URL is displayed below the toggle. Click it to open your store in a new tab.
Quick Stats Cards
The Overview page displays three summary cards:
| Card | Description |
|---|---|
| Domain | Shows custom-domain verification and publication state; permanent public tenant subdomains are not provided |
| Status | Displays whether the storefront is currently Active or Inactive |
| Image Sync | Shows the status of product image synchronization with the storefront |
SEO Settings (Overview Page)
The Overview page also includes a quick SEO settings card where you can configure:
- Meta Title -- The title that appears in search engine results (max 70 characters)
- Meta Description -- The description shown in search results (max 160 characters)
- OG Image -- The image displayed when your store is shared on social media (supports JPEG, PNG, GIF, WebP; max 5 MB)
Info: For more detailed SEO management including keyword tracking and AI-generated SEO for individual products, visit the dedicated SEO Settings page.
Re-running the Setup Wizard
If you need to change your store's basic information, template, or re-run the AI website builder, click the Re-run Setup button in the top-right corner of the Overview page. This takes you back to the Setup Wizard where you can update your configuration.
Role-Based Access
Access to the Storefront section is controlled by team member roles:
| Role | Access Level |
|---|---|
| Owner | Full access to all storefront features |
| Admin | Full access to all storefront features |
| Manager | Full access to all storefront features |
| Accountant | No access to storefront features |
| Operator | No access to storefront features |
| Viewer | No access to storefront features |
