--- title: "Page Builder - Serpwise Documentation" description: "Create SEO-optimized landing pages with AI assistance and serve them at any URL path without changing your origin." url: "https://serpwise.ai/docs/page-builder/" source: "https://serpwise.ai/docs/page-builder/" --- [Back to Serpwise](/) Serpwise Documentation Connect · Configure · Execute Search documentation `/` No documentation found. ↑↓ Navigate Enter to open Browse documentation **Page Builder** lets you create and publish custom landing pages served directly by the Serpwise gateway. Pages are injected at any URL path on your domain - visitors see them as native pages, but your origin server is never involved. Build pages with AI-generated content or from scratch, customize styling with theme variables, and publish instantly. * * * ## Overview Page Builder pages live entirely within Serpwise. When a request hits the gateway for a path that matches a published page, the gateway returns the page directly - the request never reaches your origin server. ``` Visitor → CDN → Gateway → Is there a published page at this path? ├─ YES → Serve custom page (HTML + CSS + Tailwind + SEO tags) └─ NO → Forward to origin server (normal proxy flow) ``` This makes Page Builder ideal for: - SEO landing pages targeting specific keywords - Campaign pages that need fast iteration - Content hubs and resource pages - Microsites served from your main domain * * * ## Creating a Page 1. Navigate to **Domains** → select your domain → **Pages** tab 2. Click **Create Page** and set the **URL path** (e.g., `/landing/summer-sale`) 3. Enter a **title** and optional **description** 4. Start building - use the AI Prompt tab to generate content, or write HTML directly URL paths must start with `/` and contain only lowercase letters, numbers, hyphens, and slashes. Each path must be unique per domain. * * * ## AI Generation Describe the page you want in plain language and the AI generates production-ready HTML and CSS. 1. Open the **AI Prompt** tab in the editor 2. Describe your page (10-2,000 characters) - include the purpose, target audience, key content, and desired tone 3. Click **Generate Page** - the AI produces HTML with Tailwind CSS classes and custom styles 4. Review the live preview, then refine by editing the prompt or switching to the HTML/CSS tabs The AI generates: - Semantic HTML5 markup (header, main, section, footer, nav, article) - Tailwind CSS utility classes with your theme variables - Mobile-first responsive layout - WCAG 2.1 AA accessible markup (alt text, ARIA labels, heading hierarchy) - Placeholder images via `placehold.co` (replace with your own) Each generation costs **3 credits** (pre-deducted). If you already have content, the AI can refine it - pass existing HTML and describe the changes you want. * * * ## Editing Content The page editor is a split-pane layout with five tabs on the left and a live preview on the right. ### AI Prompt Describe what you want in natural language. Works for both initial generation and iterating on existing content. The AI sees your current HTML when refining, so you can say things like “add a testimonials section below the hero” or “make the CTA more prominent.” ### HTML Raw HTML editor for the page body content. Write standard HTML - no ``, ``, or `` wrappers needed. The gateway wraps your content in a full HTML document with proper SEO tags automatically. ### CSS Custom styles beyond what Tailwind provides. Your CSS is injected in a `