Web Pages lets you create custom pages on your storefront — like an About Us page, FAQ, policies, or any other content your customers might need. Pages are publicly visible on your online store and can be added to your storefront navigation.
Before You Start
- The Marketing & Content module must be enabled (it's free). Go to Settings → Modules to check.
- You need the Manage Pages permission (Owner and Manager roles have it by default).
Accessing Web Pages
Navigate to Content in the sidebar, then click the Pages tab at the top. This is where you'll see all your pages and manage them.
Creating a Page
- Click New Page in the top-right corner.
- Choose your page type:
- Rich Text Page — A simple document-style editor (like writing in Word). Best for text-heavy pages like policies, terms, or detailed information.
- Section-Based Page — A block builder with drag-and-drop sections. Best for visually structured pages like an About Us or landing page.
- Enter a Page Title. A URL slug will be auto-generated (e.g., "About Us" becomes
/pages/about-us). You can customize the slug. - Add your content using the editor.
- Click Save Draft to save without publishing, or Publish to make it live.
Rich Text Editor
The rich text editor works like a word processor. You can:
- Format text with bold, italic, underline, and strikethrough
- Add headings (H2, H3, etc.) to structure your content
- Create bulleted and numbered lists
- Insert links and images (images are uploaded and hosted for you)
- Switch to code view for direct HTML editing
Section-Based Editor (Block Builder)
The block builder lets you compose pages from pre-designed sections. Click Add Section and choose from:
| Section | What It Does | Best For |
|---|---|---|
| Hero | Large banner with heading, subheading, and call-to-action button | Page headers, welcome banners |
| Text | Rich text content with configurable width | Paragraphs, descriptions, policies |
| Text + Image | Side-by-side text and image layout | Feature highlights, team bios |
| Gallery | Image grid with configurable columns and captions | Photo galleries, portfolio |
| Call to Action | Colored banner with heading, description, and button | Promotions, sign-up prompts |
| FAQ | Accordion or flat list of questions and answers | Frequently asked questions |
Each section has its own settings. Click the pencil icon on a section card to expand its editor. You can:
- Reorder sections by dragging the grip handle on the left
- Configure settings like alignment, colors, image position, and column count
- Upload images directly within each section
- Delete sections with the trash icon
AI Content Generation
Don't know where to start? Use the AI Content Generator at the top of the editor:
- Describe the page you want. For example: "About us page for a family-owned bakery in Makati that specializes in sourdough bread."
- Click Generate.
- The AI will create content matching your page type — HTML for rich text pages, or structured sections for block builder pages.
- It will also suggest an SEO title and meta description.
- Review and edit the generated content as needed.
Page Settings
On the right sidebar of the editor, you'll find:
Status
- Draft — Only visible to you. Not shown on the storefront.
- Published — Live on your storefront and accessible to customers.
Navigation
- Toggle "Show in storefront navigation" to add the page as a link in your storefront's top navigation bar.
- Optionally set a Nav Label (a shorter name for the nav link, e.g., "About" instead of "About Our Company").
Featured Image
Upload an image that represents the page. This appears as the page card thumbnail in the admin and can be used as the social share image.
SEO Settings
- SEO Title — Overrides the page title in the browser tab and search results. Keep it under 60 characters.
- Meta Description — A brief summary shown in search results. Keep it under 160 characters.
- OG Image — The image shown when your page is shared on social media. If not set, the featured image or store logo is used.
Managing Navigation
To control which pages appear in your storefront's navigation bar and in what order:
- Go to Content → Pages.
- Click Manage Navigation.
- Toggle the switch next to each page to show or hide it in the nav.
- Drag pages to reorder them — the order here matches the order in the storefront nav.
- Optionally set a Nav Label to override the page title in the navigation.
- Click Save.
Where Pages Appear
Published pages are accessible on your storefront at:
- Default URL:
partner.kukuexpress.com/store/your-slug/pages/page-slug - Custom Domain:
yourdomain.com/pages/page-slug(if you've connected a custom domain)
Pages with navigation enabled also appear as links in the storefront's top navigation bar, between "Products" and the cart icon.
Other Actions
- Duplicate a page — Click the three-dot menu on any page card and select "Duplicate". A copy is created as a draft.
- Delete a page — Click the three-dot menu and select "Delete". This is permanent and cannot be undone.
- View a published page — Click the external link icon on the page card to open it in a new tab.
Frequently Asked Questions
Can I use both editor types on different pages?
Yes. Each page has its own editor type, chosen when you create it. You can have some pages as rich text and others as section-based. The editor type cannot be changed after creation — if you need to switch, create a new page.
Is there a limit on how many pages I can create?
No. You can create as many pages as you need.
Can I use my own images?
Yes. Both editor types support image uploads. Images are uploaded to your store's cloud storage and served via CDN. Image uploads count toward your storage quota.
Can customers see draft pages?
No. Only published pages are visible on the storefront. Draft pages are only visible in the admin panel.
What happens if I create a page with a slug like "products"?
Certain slugs are reserved (e.g., "products", "cart", "checkout") to avoid conflicts with existing storefront routes. The system will automatically append "-page" to reserved slugs.
How do I preview a page before publishing?
Save the page as a draft first, then change its status to "Published" to make it live. You can view it on the storefront, and switch it back to "Draft" if needed.