Storefront
Build and customize your online store with the PalySales Visual Editor.
Every PalySales store gets a customizable online storefront accessible at:
- Subdomain:
your-store.palysales.com - Path:
palysales.com/s/your-store - Custom domain: Your own domain (Enterprise+ plans)
Enabling Your Storefront
- In the left sidebar, click Settings
- Click Storefront
- At the top of the page, you'll see a status card with your store name and a Live / Offline toggle
- Switch the toggle to Live
- Your storefront URL appears below the toggle with a copy button
Your storefront requires an active subscription to be visible to customers. You can preview it anytime by clicking the Preview link next to your URL.
Storefront Settings
The storefront settings page is organized into expandable sections:
Branding
- Logo — upload your store logo, or click Generate with AI to create one
- Footer text — custom text shown at the bottom of every page
- Announcement bar — toggle on to show a banner at the top of your storefront with a custom message and optional link
- Social links — add links to your Instagram, Facebook, Twitter/X, TikTok, and YouTube profiles
Colors & Typography
Color scheme presets: Click one of the 5 preset color schemes to quickly apply a coordinated palette.
Individual colors:
| Setting | What It Affects |
|---|---|
| Primary color | Buttons, links, and main brand elements |
| Secondary color | Secondary buttons and accents |
| Accent color | Highlights, badges, and call-to-action elements |
| Background color | Page background |
| Text color | Body text |
Font presets: Choose from multiple curated font pairings, or set heading and body fonts individually.
Checkout & Payments
Configure how customers pay:
| Option | Description |
|---|---|
| WhatsApp Order | Cart is sent to WhatsApp for AI-assisted checkout |
| Card Payment | In-storefront checkout via Stripe or Paystack |
| Interac e-Transfer | Manual bank transfer (configure recipient email and name) |
| Pay on Delivery | Customer pays when the order arrives |
Additional settings:
- Tax rate — percentage and label (e.g., "VAT 7.5%")
- Minimum order — minimum amount required for delivery
- Pickup — toggle to allow customer pickup
Visual Editor
The Visual Editor is PalySales' drag-and-drop page builder. You'll find a prominent card linking to it on the storefront settings page, labeled NEW.
To open it: Click the Visual Editor card, or go directly to Settings → Storefront → Editor.
Layout
The editor has three panels:
- Left sidebar — section navigator. Drag sections to reorder them
- Center — live preview of your storefront. Toggle between Desktop and Mobile views using the buttons at the top
- Right sidebar — settings panel for the currently selected section
Available Sections
You can add these sections to your storefront:
Layout:
| Section | Description |
|---|---|
| Header | Top navigation bar with logo, links, and cart |
| Footer | Bottom section with links, social media, and copyright |
| Announcement Bar | Top banner for promotions or announcements |
| Divider | Horizontal line separator |
| Spacer | Empty space between sections |
Hero (choose one style):
| Section | Description |
|---|---|
| Hero Image | Full-width banner with text overlay |
| Hero Slider | Rotating image carousel |
| Hero Video | Video background with text overlay |
| Hero Split | Image on one side, text on the other |
| Hero Product Focus | Highlights a specific product |
Products:
| Section | Description |
|---|---|
| Featured Products | Hand-picked products grid |
| All Products | Full product catalog with filters |
| Bestsellers | Most ordered products |
| New Arrivals | Recently added products |
| Deals | Products with active deals/discounts |
| Category Products | Products from a specific category |
| Products Grid | Customizable product grid |
Content:
| Section | Description |
|---|---|
| About | About your business |
| Testimonials | Customer reviews and quotes |
| FAQ | Frequently asked questions (accordion style) |
| CTA Banner | Call-to-action banner with a button |
| Newsletter | Email signup form |
| Contact | Contact information |
| Gallery | Image gallery |
| Trust Badges | Trust icons (e.g., "Free Shipping", "Secure Payment") |
| How It Works | Step-by-step process explanation |
| Process Timeline | Visual timeline of your process |
| Location & Hours | Map, address, and business hours |
Service-specific:
| Section | Description |
|---|---|
| Services Grid | Display your services in a grid |
| Service Packages | Pricing packages for services |
| Menu | Restaurant-style menu layout |
| Specials Banner | Highlighted specials or promotions |
Templates
Start from a template and customize:
| Template | Best For |
|---|---|
| Starter Store | General retail — products, hero, categories |
| Restaurant | Restaurants — menu, specials, hours, location |
| Minimal | Clean product-focused stores |
| Comfort Landing Page | Single-product or service landing pages |
Service-specific templates are also available in the editor: Service Starter and Service Minimal.
To apply a template, click the template selector in the editor. This replaces your current sections with the template layout.
Editing Tips
- Undo / Redo: Press
Ctrl+Z(orCmd+Zon Mac) to undo,Ctrl+Y(orCmd+Y) to redo - Enable / Disable sections: Toggle sections on or off without deleting them
- Reorder: Drag sections in the left sidebar to change their order
- Preview: Switch between Desktop and Mobile views to check responsiveness
Theme Customization
Beyond colors and fonts, you can customize the visual feel of your storefront:
Product Cards
| Setting | Options |
|---|---|
| Card Style | Classic, Minimal, or Overlay |
| Aspect Ratio | 1:1 (square), 3:4, or 4:5 |
| Category Style | Card, Circular, or Pill |
| Quick Add | Show or hide an "Add to Cart" button directly on product cards |
Layout
| Setting | Options |
|---|---|
| Header Style | Solid, Glass (translucent), or Transparent |
| Footer Style | Simple, Detailed, or Minimal |
| Max Width | Narrow, Medium, Wide, or Full |
| Border Radius | Small, Medium, or Large (affects buttons, cards, inputs) |
Design Style
| Style | Description |
|---|---|
| Classic | Traditional e-commerce look |
| Modern | Bold typography, large images |
| Fresh | Light and airy with accent colors |
| Comfort | Warm tones, rounded corners |
Advanced
| Setting | Description |
|---|---|
| Dark Mode | Allow customers to switch between light and dark themes |
| Bottom Navigation | Show a navigation bar at the bottom on mobile |
| Animation Level | None, Subtle, or Rich animations on scroll |
Deals & Promotions
Create deals to boost sales:
- In the left sidebar, click Deals (or navigate to the deals section)
- Click Create Deal
- Choose a deal type:
| Type | Description |
|---|---|
| Bundle | Bundle multiple products at a special combined price |
| Percentage Discount | A percentage off selected products |
| Fixed Discount | A fixed amount off |
- Add at least 2 products to the deal
- Set the deal price or discount
- Optionally set start and end dates, and toggle Featured to highlight it on your storefront
- Set status to Active and save
Active deals are:
- Displayed on your storefront (in the Deals section)
- Included in the AI's knowledge so it can recommend them to customers
- Tracked in your analytics
Custom Domains
On Enterprise and Ultimate plans, you can connect your own domain:
- In the left sidebar, click Settings → Domains
- Click Add Domain
- Enter your domain (e.g.,
shop.yourbusiness.com) - Add the CNAME record shown to your DNS provider
- Wait for verification (usually a few minutes)
Once verified, your storefront is accessible on your custom domain.