Skip to content

Landing Pages

Landing Pages let you create branded, conversion-focused pages in minutes - clone your existing website, start from a template, or generate one with AI. Pages publish to a live URL with one click.

Creating a Landing Page

Go to Studio → Content → Landing Pages and click Create Landing Page. Choose from four creation methods:

Generate with AI

  1. Click Generate with AI
  2. Describe what you want (e.g., “Demo request page for enterprise buyers”)
  3. AI generates a full page using your brand’s design tokens, colors, and fonts
  4. Edit the result in the visual editor

Takes 30-60 seconds. Uses credits.

Clone Your Homepage

  1. Click Clone Homepage
  2. graph8 captures your website using your stored design tokens
  3. The cloned page appears in the editor with your exact branding
  4. Replace content while keeping the layout and styling

Instant. No credits.

Start from a Template

  1. Click Use Template
  2. Choose from available templates: Demo, Lead Magnet, Product Launch, Event, Free Trial
  3. Template loads with placeholder content
  4. Replace text and images with your own

Instant. No credits.

Clone Any URL

  1. Click Clone URL
  2. Enter any web page URL
  3. graph8 captures the page layout, styles, and structure
  4. Edit the cloned page in the visual editor

Takes 10-30 seconds. Works with most public websites.

The Editor

The landing page editor is a three-column layout:

ColumnWhat It Contains
LeftPage library, section navigator, image browser
MiddleLive page canvas - click any element to edit
RightAI chat panel and editing tools

Editing Text

Click any text element on the canvas to edit it inline. Type directly to replace content.

AI-Powered Editing

Highlight-to-chat: Select any text on the page, then type instructions in the chat panel. AI rewrites the selected text while keeping your brand voice.

Section-level edits: Click a section header, then describe changes in chat. AI can rewrite entire sections, change layouts, or adjust messaging.

Managing Images

Click the Images tab in the left panel to open the image browser:

  • Browse images extracted from your website
  • Upload new images
  • Filter by category (hero, product, team, logo, icon)
  • Click any image to place it on the page

Images automatically match your brand’s design tokens.

Section Management

Each page is built from sections (hero, features, testimonials, CTA, footer, etc.). Use the section navigator in the left panel to:

  • Reorder sections by dragging
  • Show or hide sections
  • Add new sections from templates

Saving and Versions

Pages auto-save on every edit. View the full version history:

  1. Click the History icon in the toolbar
  2. See a timeline of all changes
  3. Click any version to preview it
  4. Click Restore to revert to that version

Chat history is preserved alongside versions, so you can see what AI edits were made and why.

Publishing

Publish your page to a live URL:

  1. Click Publish in the top toolbar
  2. graph8 deploys the page to Cloudflare Pages
  3. Your live URL appears: https://g8-lp-{org-id}.pages.dev/{page-slug}
  4. Share the URL or embed it in campaigns

Updating a published page: Make edits in the editor, then click Publish again. Changes go live immediately.

Unpublishing: Click the publish menu and select Unpublish to take the page offline.

Linking to Campaigns

Connect landing pages to campaigns for tracking and attribution:

  1. Open a campaign in Studio → Campaigns
  2. In the campaign dashboard, click Add Landing Page
  3. Select an existing page or create a new one
  4. The page is now linked - visits are attributed to that campaign

You can also link pages during creation by selecting a campaign from the landing page editor.

Page Library

View all your organization’s landing pages in Studio → Content → Landing Pages:

  • Search and filter by status (draft, published)
  • Duplicate a page to create variations
  • Delete pages you no longer need
  • Approve a page as a reusable template

Advanced Features

Export HTML

Download the page as a standalone HTML file for hosting on your own infrastructure.

Edit Raw HTML

Switch to code view to make direct HTML/CSS edits for fine-grained control.

Best Practices

  • Start from your homepage clone - this ensures perfect brand consistency
  • Keep forms above the fold - visitors should see the CTA without scrolling
  • Use one clear CTA per page - avoid competing actions
  • Test before sharing - preview the published URL on mobile and desktop
  • Link to campaigns - always connect pages to campaigns for attribution tracking

Troubleshooting

IssueFix
Clone captures wrong stylingTry cloning again - the capture depends on page load timing
Published URL not loadingCheck that your org has Cloudflare credentials configured (contact admin)
Images not showingVerify images are uploaded to the image browser, not just linked externally
AI edits not matching brandEnsure your Global Context documents are generated (go to Studio → Global)