Page Builder

Page Builder

Build landing pages and websites in the visual editor, publish pages, then connect them to your own domain.

What is Page Builder?

Page Builder is SWAI’s tool for brand websites and landing page funnels. Each Page Builder (also called a website) holds one or more pages, optional variations, settings (domain, tracking), and a Launch state. You design pages in the visual editor, Publish page content, and optionally serve them on a custom domain from Settings → Domains (or go to app.swai.ai/setting/domains).

You use it to:

• Open websites from Assets → Landing Pages
• Configure name, domain, favicon, and tracking
• Add pages, generate with AI, and edit layouts on a live canvas
• Add sections from templates, remix them with AI, or paste custom HTML
• Connect buttons to pages, quizzes, webinars, assistants, and sections
• Embed Agent, Webinar, Calendar, Brand Webinar List, and Countdown blocks
• Set SEO metadata, page styles, and AI design preferences
• Save drafts, restore versions, Publish pages, and Launch the funnel
• Connect a custom domain and assign it to a website

Main screens

Note: Open Resources → Assets → Landing Pages (/assets?tab=LandingPages). The detail shell is titled Page Builder. Open a page’s edit / Open AI builder control for the visual editor (fullscreen).

Note: Settings → Domains (open) is for websites and funnels. Settings → Email System → Domains (open) is separate (email sending DNS). Do not mix the two.

Before you start

Checklist

1. Sign in for the correct brand
   Open Page Builder from the SWAI Dashboard so you are signed in for the right brand.

2. Have a Page Builder ready
   Usually from a campaign, Campaign Builder (Create new Website…), or Gaxu (Create this page).

3. Pagebuilder context
   Open a specific website/pagebuilder so Pages, saved sections, multi-page linking, remix, embeds, and auto-link work.

4. Brand profile
   Keep brand name, assets, and audience details up to date — AI remix, Page Design palette, and on-brand suggestions use them.

5. Asset Library (for images and video)
   Have media ready in your SWAI file library. You pick assets with Choose from Asset Library.

6. Quizzes, webinars, calendars, assistants (if the page uses them)
   Create or keep them available in SWAI so button actions and embed pickers can load them.

7. Custom domain (optional)
   Connect your domain in Settings → Domains (or go to app.swai.ai/setting/domains) before or after you build pages.

Important warnings

Warning: The Landing Pages list empty state expects creation from a campaign path. If you see No landing pages yet. Create one from a campaign to get started., use Campaign Builder or a campaign deploy — not a stub create form on Assets.

Warning: If you see Invalid or expired link, Invalid link: page not found for this token, Missing session or page context., or the editor fails to start, close the tab and open Page Builder again from the SWAI Dashboard.

Warning: Save draft stores work on the server (and locally for recovery). Publish is what makes the current page go live for visitors. Launch activates the funnel/app — it is not the same as Publish. A red indicator on Save or Publish means there are pending changes.

Tip: Connect DNS early so propagation can finish while you design pages.

Tip: File attach in the AI chat is coming soon. Describe changes in text, or use templates and the Asset Library for media.

Tip: After AI adds or updates content, Page Builder often runs an auto-link pass so buttons without a real target can connect to your pages, quizzes, webinars, and calendars.

Quick start

1. Open Assets → Landing Pages and open a page builder (pencil / edit).
2. On Settings, set Name, choose a Domain if ready, then Save.
3. On Pages, Add Page (or open an existing one) → Generate with AI if needed.
4. Open the visual editor (Open AI builder / edit). Wait for Loading editor... to finish.
5. Review the page on the canvas. Optionally open Page Design from the AI bar to set a Page Style and Color palette, then open Layers → Add section from template, or type a request in the AI bar (Ask AI to change the page…).
6. Click elements to edit them in Properties. Open Settings → Page Settings and fill at least Page title and Meta description.
7. Click Save draft, then Preview to check in a new tab. When ready, click Publish.
8. Use Hosted preview for the public preview URL.
9. Click Launch on the Page Builder shell when the funnel should go live.
10. To use your own domain: Settings → Domains → Connect domain (or go to app.swai.ai/setting/domains) → assign it under Page Builder Settings → Domain.

Note: In the editor, use Pages → Add Page (Add page with AI) to create another page from a short description. After creation, you may see a prompt loaded in the AI chat — click Send to build content.

Open Page Builder

Path: Resources → Assets → tab Landing Pages.

Section: Page builder pages — Landing pages created in campaigns. Open a page to edit layouts, variations, and publish settings.

Empty: No landing pages yet. Create one from a campaign to get started.

Opening a row goes to /apps/{id}/landing-page-builder (often with Pages or Settings tab). Use the back control to return to Landing Pages.

Settings tab

Path: Page Builder → Settings (default on some entries).

General

• Name — required before save
• Slug — often auto-generated from the name (Auto-generated from the page name.)

Warning: Save without a name shows Please choose your desired name!

Domain

• Domain — pick a connected domain available for this builder
• Make this page primary — mark this website as primary when supported
• + — jump to Settings → Domains (or go to app.swai.ai/setting/domains) to connect a new domain
• Refresh — reload the domains list

Domains already assigned to another Page Builder typically do not appear here. Domains already assigned to this builder do.

Tracking & branding

• Favicon URL
• Head tracking code
• Body tracking code

Footer: Save.

Pages tab

Path: Page Builder → Pages.

Add a page

1. Click Add Page.
2. Fill Page Name, Page Slug (optional Creating slug from name), optional Make primary.
3. Save / Cancel.
4. New pages start as Initialized.
5. Click Generate → modal Generate Page with AI — Describe the landing page you want to create → Generate.
6. Status becomes Drafted (later Published after you publish in the editor).
7. Pencil / Open AI builder opens the visual editor.

Warning: Quiz-linked builders may block new pages (Cannot create new pages for quiz pages).

Warning: Opening the editor without session/page context shows Missing session or page context. Timeouts: Request timed out. Please try again.

Page statuses

Previewing an unpublished page may toast: Your page has not been published yet!

Hosted preview URLs use the SWAI pages host (for example pages.swai.ai preview links).

Variations

On a page card you can:

• Add Variation
• Enable A/B Testing when available
• Create a variation via Blank, Use Template, or Clone Page
• Work in accordion areas such as Manual | Library

Use variations for alternate layouts or tests without creating a whole new website.

Launch vs Publish

Tip: Publish pages so content is live; Launch so the funnel/app is considered launched. They are not the same step.

If already launched: Your app had already been launched.

Visual editor

Opened from a page’s edit / Open AI builder control (fullscreen iframe). It uses your brand session — there is no separate sign-up inside the editor.

Progress through everyday editing: open → edit → save → publish → preview.

Main editor areas

Header toolbar

Tip: Each undo step reverses one logical edit — a manual property change, a canvas move, or a full AI request.

Settings menu

Leave and unsaved changes

• Back to dashboard: Leave page builder? → Keep editing / Leave without saving
• Switch pages with dirty work: Unsaved changes → Discard and switch / Cancel / Publish and switch (when offered)

Warning: Leaving without saving can drop unsaved edits. Prefer Save draft or Publish first.

Pages in the editor

From the editor Pages menu you can:

• See pages in this pagebuilder (name and slug; empty label may show Untitled)
• Switch to another page
• Add Page with AI
• Delete a page

Add page with AI

1. Open Pages → Add Page.
2. In Add page with AI, describe the page (for example: “A landing page for our spring webinar series…”).
3. Click Create page.
4. After success you may see Page created — prompt loaded in AI chat. Click Send to build content.

Switching with unsaved changes

If you switch pages with unpublished edits, Unsaved changes may ask you to:

• Discard and switch
• Cancel
• Publish and switch

Warning: Delete permanently removes the page and its variations. If you delete the page you are editing and no others remain, the editor may open empty.

Warning: If Pages is unavailable or you see Missing pagebuilder or session, reopen Page Builder from the SWAI Dashboard for the correct website/pagebuilder.

Layers, templates, and menus

Layers

Open Layers from the header to:

• See top-level sections
• Reorder sections by dragging
• See a nav badge when a section has a menu applied

Empty state: No sections yet.

Add section from template

1. In Layers, click Add section from template (or the + flow).
2. Pick a template category such as Hero, CTA, Features, FAQ, Testimonials, Trust, Videos, Footer, or Emails.
3. Optionally use Remix / Remix with AI for on-brand copy when your brand is connected.
4. Or open Saved sections to reuse library sections.
5. Or open Custom section to paste HTML (wrapped into sections when possible).
6. Click Add section. New sections are appended to the bottom; reorder afterward as needed.

Tip: Remix needs a brand session. If remix fails, confirm you opened the builder from the Dashboard for the right brand.

Note: Saved sections need a pagebuilder embed session. If they are unavailable, open the builder from a pagebuilder link in SWAI.

Menus

1. In Layers, click Manage menus.
2. Create or edit menus (name, items with title, URL, icons).
3. On a section in Properties, use Apply menu to section to update link text, URLs, and icons while keeping the layout.

Canvas and Properties

The canvas shows a live preview of your page. Click elements to select them; the Properties sidebar shows options for the selection.

When nothing specific is selected (or you open Page Styles), the right panel may show Page (body) styles.

Common property tasks

• Edit text, colors, spacing, images, and links
• For images/video/backgrounds, use Choose from Asset Library
• For FAQ-style Accordion blocks, manage items from Properties
• On a selected Section, use Save section to library (types: Header, Footer, Navigation, Hero, Content, CTA, Legal, Other; optional Primary for this type)

Button and icon button actions

For Button and Icon button, set Action:

Note: Quiz is a button action, not a canvas block type. Use Show Quiz on a button or icon button.

Embeds and SWAI apps

Pages can include SWAI embeds configured in Properties:

Warning: If assistants, webinars, calendars, quizzes, or assets fail to load, reopen Page Builder from the SWAI Dashboard so brand and session are set for the correct workspace.

Canvas placeholders may appear until you select a webinar, calendar, or similar resource in the sidebar.

Page Settings and SEO

Open Settings → Page Settings to edit:

• Page title
• Meta description (use Generate to draft from page content)
• Allow search engines to index and follow links (robots: index, follow)
• Use advanced motion
• Optimise image delivery (optimised delivery on export/publish)
• Canonical Link (optional)
• OpenGraph fields (title, type, url, description, image)
• Advanced options (Twitter) (card type, site, title, description, image)

Click Save when finished.

Tip: Fill at least Page title and Meta description for basic SEO before you publish.

Use Settings → Page Styles (or the page-level Properties panel) for body background, text color, and related defaults.

Save, publish, preview, and versions

Save draft

• Click Save draft to write a server draft (and a local recovery copy).
• The editor also auto-saves drafts about every 45 seconds while you edit.
• Toast: Draft saved (or an error if save fails).

Publish

1. Click Publish.
2. Page Builder stores a version checkpoint labeled Before publish.
3. On success you see Published successfully.

Warning: Publish needs a valid page id from your Dashboard session. If you see Missing pageUniqueId; cannot publish this page, reopen the correct page from SWAI.

Preview types

Warning: If the browser blocks the new tab, allow pop-ups for hosted preview.

Version history

Open Settings → Version history:

• Checkpoints appear when you publish, Save version now, or edit for several minutes (Auto-save)
• Kinds: Published, Manual, Auto-save
• Restore loads a checkpoint into the editor and saves a draft — it does not publish
• Empty: No versions yet. They appear when you publish, save a version, or edit for a few minutes.

Restore unsaved work

If a newer local draft is found, Restore unsaved work? may appear:

• Discard
• Restore unsaved work

Library sections changed

If you edited sections linked to the saved-section library, Save / Publish / Export may show Library sections changed:

• Only this page — keep library items unchanged
• Update library — push changes back to shared library items
• Cancel

Note: Updating the library needs a pagebuilder session from the Dashboard embed link.

Load and Export HTML

• Settings → Load HTML — bring in HTML for the page
• Settings → Export HTML — download index.html (HTML downloaded)

AI assistant and Page Design

AI chat

The bar at the bottom uses the placeholder Ask AI to change the page….

You can ask it to:

• Add, update, or reorder sections and copy
• Connect or auto-link buttons and CTAs
• Build content after Add page with AI (click Send when a prompt is queued)

Status pills you may see:

Controls:

• Send — run the prompt
• Page Design — set style and color preferences for AI
• Minimize prompt bar / Show prompt bar
• Attach file — coming soon

Tip: Write clear prompts (for example: “Add a pricing section with three tiers” or “Shorten the hero headline”).

Tip: After add/update (and some saved-section imports), auto-link runs automatically when pagebuilder, session, and brand are available. You can also ask the chat only to connect or auto-link CTAs.

Warning: While AI is working, some actions (such as undo) may be limited until the run finishes. If AI seems unresponsive after heavy use, wait a moment and try again, or reopen from the Dashboard (rate limits may fail silently).

Page Design

Open Page Design from the AI bar (palette icon) to choose how AI should style the page when generating or editing content. Preferences are saved per page and apply on the next AI generate or edit — they do not restyle the live canvas by themselves.

Note: Page Design (AI preferences) is not the same as Settings → Page Styles / Page (body) styles, which set the page body’s background, text color, and related defaults on the canvas.

Open Page Design

1. In the visual editor, use the AI bar at the bottom (Ask AI to change the page…).
2. Click the Page Design (palette) control.
3. Set Page Style and Color palette, then click Done (or click outside) to close.
4. Send an AI prompt (or continue generating) so the chosen style and palette take effect.

Style and palette changes save automatically as you edit them. Done closes the modal; it does not wait for a separate save step.

Page Style

Default: Not specified (no named aesthetic injected into AI prompts).

Styles are grouped in the dropdown. Categories and examples:

Pick a style that matches the landing page mood you want, then ask AI to generate or revise content.

Color palette

• By default the modal shows your brand colors (Showing brand colors. Editing saves a page-specific palette to the database.).
• Edit a color, Add color, or remove a color to create a page-specific palette (Saved for this page in the database.).
• Reset to brand — clears the page palette and reloads brand colors (shown when a page palette is saved).
• Empty list: No colors yet. — use Add color to build a custom palette.

Warning: If you see Brand not available; add colors manually or Could not load brand palette., continue with a custom palette or reopen Page Builder from the Dashboard with brand context.

Tip: Set Page Design before a large AI generate or redesign so new sections follow your style and colors from the start.

Asset Library

When choosing images, video, or backgrounds in Properties:

1. Click Choose from Asset Library.
2. Browse brand files in Asset Library.
3. Select an asset (use Load more if needed).

Warning: If the library does not load, open Page Builder again from the SWAI Dashboard for the correct brand.

Empty state: No assets found.

Related Help: File Library.

Block types

These are the block types the builder knows about. You may add them via templates, AI, import, or other flows depending on your workspace.

Connect a domain

Path: Settings → Domains (open).

Intro: Connect custom domains for funnels, websites, stores, and blogs.

Step 1 — Start

1. Click Connect domain.
2. Modal Connect domain — Enter the domain or subdomain you want to connect.
3. Field Domain (placeholder example.com or sub.example.com) → Continue.

Step 2 — DNS records

Add these DNS records at your domain registrar, then confirm.

Toggle Also add www subdomain when connecting an apex domain if you want the www record.

1. Click Connect (or Back).

Connected domains list

• Header: Connected domains — Domains linked to your brand. Add DNS records at your registrar to complete setup.
• Empty: No domains connected yet. Add one to publish on your own domain.
• Search: Search domains…
• Delete: Delete domain — cannot be undone → Delete / Cancel

Note: This Domains page does not use the same verify flow as Email System → Domains. After DNS is added at your registrar, finish with Connect, then assign the domain in Page Builder.

Tip: DNS can take time to propagate. If the site does not resolve yet, wait and recheck at your registrar.

Assign domain to Page Builder

Path: open the website → Settings → Domain.

1. Choose Domain from the dropdown (available domains for this brand/builder).
2. Optionally enable Make this page primary.
3. Click Save.

If the domain is missing:

1. Click + to open Settings → Domains (or go to app.swai.ai/setting/domains) and Connect domain.
2. Return to Page Builder Settings and refresh the domain list.
3. Select the domain and Save.

Campaign Builder may show the assigned domain as Domain: … or N/A on Page Builder nodes.

Warning: A domain already used by another Page Builder will not appear in the dropdown until it is freed or you use a different domain.

Create a website from other SWAI tools

Gaxu may warn that selecting an existing page removes current content before generate. Choose carefully.

Common warnings and troubleshooting

No landing pages in Assets

Create a website from Campaign Builder (Create new Website…) or from a campaign deploy, then return to Landing Pages.

I can’t open Page Builder / editor blank

Warning: You may see Invalid or expired link, Invalid link: page not found for this token, Failed to start editor, Failed to load page draft from server, or Missing session or page context. Open Page Builder again from the Dashboard (Landing Pages → edit). Do not rely on a bookmarked editor URL alone.

Missing brand or pagebuilder context

If pages, remix, assets, embeds, or auto-link fail:

• Confirm you launched from a brand workspace in SWAI
• Confirm you opened a specific pagebuilder/website (not a bare session)
• Close the tab and reopen from the Dashboard

Domain not in the Page Builder dropdown

• Connect it under Settings → Domains (or go to app.swai.ai/setting/domains)
• Refresh the domain list
• Confirm it is not assigned to another Page Builder

Custom domain does not load

1. Recheck DNS: apex A @ → 20.106.230.9, or subdomain CNAME → domainservice.swai.ai.
2. Wait for DNS propagation.
3. Confirm the domain is assigned and Saved on Page Builder Settings.
4. Confirm you are not looking at Email System domain records by mistake.

I can’t publish or open hosted preview

Check:

• You are on a real page with a valid page id
• You have network access and an active session
• Pop-ups are allowed (for hosted preview)
• Required metadata is filled if your workflow expects it
• The page is Published in the visual editor (draft content is not live)

Preview says not published

Publish the page in the visual editor (Publish). Draft content is not live.

Launch vs Publish confusion

• Publish = this page’s content is published
• Launch = the Page Builder funnel/app is launched

Do both when you want a live funnel on a custom domain.

Save or publish asks about library sections

If Library sections changed appears, choose Only this page or Update library. To update shared library items, you need a pagebuilder session from the Dashboard.

Remix or saved sections unavailable

• Remix needs brand context
• Saved sections need a pagebuilder embed link
• Reopen from SWAI if either is missing

Auto-link did not connect my buttons

Auto-link needs pagebuilder, session, and brand context. Ask the AI chat to connect or auto-link CTAs, or set button Action manually in Properties.

Stats, embeds, or pickers fail after recreate

If you deleted a quiz, webinar, calendar, or assistant in another app, re-select a valid resource in Properties (or pick a new button action target).

AI won’t respond

• Check your connection and try again
• Wait if you recently hit usage limits (failures may not show a toast)
• File attach is coming soon — use text prompts
• Reopen from the Dashboard if the session expired

Preview or export issues

• Use Preview for a quick local check
• Use Hosted preview for the public preview URL after the page exists
• Use Export HTML if you need a downloaded file

Unsaved changes lost

Use Save draft or Publish before leaving. Confirm Leave page builder? dialogs carefully.

Glossary

Need more help?

If something still fails after the checklist above:

1. Confirm you opened the correct brand and Page Builder from Assets → Landing Pages.
2. Confirm Save draft vs Publish: drafts are not live until you Publish. Confirm Launch vs Publish if the funnel should be live.
3. For domains, note whether the issue is DNS (Settings → Domains, open) or assignment (Page Builder Settings → Domain).
4. Check whether the step needs brand assets, a page id, or an embed pick (quiz, webinar, calendar, assistant).
5. Note any exact toast message, then contact your SWAI admin or support with the website/page name and what you expected to happen.

Related Help: File Library, Calendar, Campaign Builder, Quizzes, Webinar, plus assistants as used on your pages.