> ## Documentation Index
> Fetch the complete documentation index at: https://docs.klove.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Build and publish your first AI-optimised agentic page

> Step-by-step guide to creating an AI-optimised agentic page in Klove, from auto-generation to publishing and testing with the side-by-side editor.

Klove's Agentic Pages feature generates lightweight, AI-optimised versions of your existing web pages and serves them to AI crawlers at the edge — leaving your human-facing site completely untouched. This guide covers everything from prerequisites through publishing, including how to edit content, create platform-specific variants, and make your pages as citable as possible.

<Steps>
  ### Complete the prerequisites

  Before creating your first agentic page, you need two things in place:

  **1. Connect your site to Cloudflare**

  Agentic Pages are served via a Cloudflare Worker that intercepts requests from AI bots before they reach your origin server. Klove provides the \~200-line Worker script and the deployment takes under 15 minutes.

  Follow the [Setting up Cloudflare](/cloudflare-setup) guide to connect your domain. You'll need a Cloudflare API token with Workers permissions.

  **2. Verify AI bot detection is enabled**

  Some Cloudflare configurations block AI bots by default, which would prevent your agentic pages from being served. Follow the [Make sure Cloudflare isn't blocking AI bots](/troubleshooting/cloudflare-blocking-bots) guide to confirm bot detection is active.

  <Note>
    You do not need to modify your website's codebase. Klove runs entirely at the edge — in front of your site — with no changes to your CMS, framework, or hosting.
  </Note>

  ### Navigate to Agentic Pages in your dashboard

  Once Cloudflare is connected, go to **Agentic Pages** in the left navigation.

  You'll see a list of pages Klove has discovered from your site crawl. Each row shows the page URL, its current status (Draft, Published, or Not started), and the last date an AI bot visited that URL.

  Click **Create agentic page** next to any URL to begin, or click **+ Add page** to enter a URL manually if it wasn't auto-discovered.

  ### Review Klove's auto-generated baseline

  After selecting a page, Klove automatically generates a baseline agentic page by:

  1. **Crawling and rendering your existing page** — including JavaScript-rendered content that AI bots would otherwise miss
  2. **Extracting core content** — your headline, product description, key features, and any data-dense sections
  3. **Running it through an AI model** — to restructure the content into clean semantic HTML with FAQs, pricing data, review mentions, and structured headings that AI platforms prefer to cite

  The auto-generated page includes:

  * **Clean HTML** — no JavaScript, no tracking scripts, no framework bloat. AI crawlers can parse every word on the first request.
  * **FAQs** — generated from your page content and common questions in your category, formatted as `<h2>` question / `<p>` answer pairs
  * **Pricing information** — clearly structured so AI models can extract and cite your plans accurately
  * **Review and social proof mentions** — references to third-party reviews and ratings, which AI models weight heavily as credibility signals
  * **Semantic heading structure** — a logical H1 → H2 → H3 hierarchy the AI can follow when extracting facts

  <Tip>
    The auto-generated content is a starting point, not a final draft. Always review it for accuracy — in particular, check that pricing figures, feature claims, and any statistics are current and correct.
  </Tip>

  ### Review and edit in the side-by-side editor

  After generation, you're taken to the **side-by-side editor**. The left panel shows your original page; the right panel shows your agentic page content in a rich text editor.

  **Key things to check and edit:**

  * **Opening paragraph** — make sure your brand name, category, and core value proposition appear within the first 100 words. AI models often quote the opening paragraph verbatim.
  * **FAQ accuracy** — verify that every FAQ answer is factually correct. Inaccurate FAQs are more harmful than no FAQs.
  * **Pricing figures** — confirm that all plan names, prices, and feature limits match your current pricing page exactly.
  * **Review references** — add specific mentions of third-party review platforms (e.g. `Rated 4.8/5 on G2 across 1,200+ reviews`) rather than generic claims. AI models trust externally-verified social proof.
  * **Structured data** — Klove auto-injects JSON-LD `Product`, `FAQ`, and `HowTo` schema. Review the schema preview at the bottom of the editor to confirm it looks accurate.

  Use the **Preview** button to see the rendered HTML your agentic page will serve to AI bots.

  ### Optionally create per-platform variants

  Different AI platforms parse and cite content differently. Klove lets you create **platform-specific variants** of each agentic page if you want to fine-tune for a specific engine.

  Click **Add variant** and select a platform (e.g. ChatGPT, Perplexity). The variant editor inherits your base agentic page content, which you can then adjust.

  Common variant strategies:

  * **Perplexity** — more structured, with numbered lists and explicit source attribution. Perplexity heavily weights pages that mirror the format of its own answer cards.
  * **ChatGPT** — conversational prose works well. ChatGPT tends to quote narrative paragraphs rather than bullet lists.
  * **Google AI Overviews** — prioritise FAQ schema and `HowTo` schema. Google AI Overviews pull heavily from structured data.

  <Note>
    Platform variants are available on Pro plans and above. Essentials plans use a single base agentic page per URL.
  </Note>

  ### Publish your agentic page

  When you're happy with the content, click **Publish** in the top-right corner of the editor.

  Publishing activates the Cloudflare Worker rule for that URL. From this point, any AI bot that requests the page (GPTBot, ClaudeBot, PerplexityBot, Gemini, and 200+ others) receives your agentic page instead of your regular site. Human visitors continue to see your original page, completely unchanged.

  To verify it's working, navigate to **Agentic Pages → Bot Visits**. Within a few hours to days of publishing, you should see bot visit logs appearing for that URL — showing which AI crawlers accessed it and when.

  <Tip>
    **What makes a great agentic page:**

    * Lead with a clear, factual one-paragraph description of what your product does and who it's for
    * Include 5–10 FAQs that address real buyer questions (pricing, integrations, comparisons, onboarding time)
    * Mention pricing explicitly — AI models frequently answer "how much does X cost?" and pages with clear pricing are cited far more often
    * Reference external reviews and third-party mentions — AI models weight independently-verified social proof heavily
    * Keep the total page length under 2,000 words — AI crawlers deprioritise excessively long pages
    * Use structured data — Klove handles this automatically, but verify the schema is accurate in the editor
  </Tip>
</Steps>
