---
title: "AVCodex Sites — AVCodex Docs"
description: "AVCodex Sites — AVCodex documentation for AV integrators, programmers, and ops teams."
lang: en
json-ld:
---

[](/)

Solutions

[Pricing](/pricing)[The Signal](/blog)[Resources](/resources)

Learn

[Free AI Assessment](/scorecard)[Get Started →](/pricing)

[Documentation Home](/docs)

Guides 

Getting Started

-   [The Alchemist Copilot](/docs/guides/the-alchemist-copilot)
-   [Choosing a Model](/docs/guides/choosing-a-model)
-   [Skills & Templates](/docs/guides/skills-and-templates)
-   [Pricing & Usage](/docs/guides/pricing-and-usage)
-   [Understanding Tokens](/docs/guides/understanding-tokens)
-   [Maximize AVCodex Capabilities](/docs/guides/maximize-avcodex-capabilities)

Knowledge & Memory

-   [How Knowledge Sources Work](/docs/guides/how-knowledge-sources-work)
-   [Knowledge Retrieval Settings](/docs/guides/knowledge-retrieval-settings)
-   [User Memory](/docs/guides/user-memory)
-   [Consumer Brain](/docs/guides/consumer-brain)

Agent Capabilities

-   [Image Recognition](/docs/guides/image-recognition)
-   [Image Generation](/docs/guides/image-generation)
-   [Video Generation](/docs/guides/video-generation)
-   [Deep Research and Deep Thinking](/docs/guides/deep-research-and-deep-thinking)
-   [Heartbeat (Proactive AI Outreach)](/docs/guides/heartbeat-proactive-ai-outreach)
-   [Database Connections](/docs/guides/database-connections)
-   [Agent-to-Agent Links](/docs/guides/agent-to-agent-links)
-   [Message Tagging](/docs/guides/message-tagging)
-   [Lead Generation Forms](/docs/guides/lead-generation-forms)
-   [Multilingual Apps](/docs/guides/multilingual-apps)
-   [Understanding Evaluations](/docs/guides/understanding-evaluations)

Design & Experience

-   [Style Studio](/docs/guides/style-studio)
-   [Component Studio](/docs/guides/component-studio)
-   [HQ Profile](/docs/guides/hq-profile)
-   [Multiplayer Chat](/docs/guides/multiplayer-chat)
-   [Circles](/docs/guides/circles)
-   [Desktop Agent](/docs/guides/desktop-agent)

Voice & Phone

-   [Phone Numbers](/docs/guides/phone-numbers)
-   [Outbound Calling](/docs/guides/outbound-calling)
-   [Voice Cloning](/docs/guides/voice-cloning)

Publish & Share

-   [Embed Chat Widget](/docs/guides/embed-chat-widget)
-   [Custom Domains](/docs/guides/custom-domains)
-   [PWA Installation](/docs/guides/pwa-installation)
-   [AVCodex Sites](/docs/guides/avcodex-sites)
-   [Embed on Kajabi](/docs/guides/embed-on-kajabi)
-   [How to Use AVCodex with Claude Code](/docs/guides/how-to-use-avcodex-with-claude-code)

Monetization & Access

-   [Selling Access](/docs/guides/selling-access)
-   [Consumer Monetization](/docs/guides/consumer-monetization)
-   [Access Control](/docs/guides/access-control)
-   [Bring Your Own Auth](/docs/guides/bring-your-own-auth)
-   [Clever SSO for Schools](/docs/guides/clever-sso-for-schools)

Analytics & Operations

-   [Analytics & Chat History](/docs/guides/analytics-and-chat-history)
-   [Performance Dashboard](/docs/guides/performance-dashboard)
-   [Programmatic Usage Stats](/docs/guides/programmatic-usage-stats)
-   [Session Lifecycle Webhooks](/docs/guides/session-lifecycle-webhooks)
-   [Audit Logs](/docs/guides/audit-logs)

Teams & White-Label

-   [Team Management](/docs/guides/team-management)
-   [Enterprise Whitelabel](/docs/guides/enterprise-whitelabel)

Alchemist Platform

-   [Alchemist Tickets](/docs/guides/alchemist-tickets)
-   [Alchemist Getting Started](/docs/guides/alchemist-getting-started)
-   [Alchemist Working with Tickets](/docs/guides/alchemist-working-with-tickets)
-   [Alchemist Local Development](/docs/guides/alchemist-local-development)

Alchemist Operations

-   [Alchemist Environment Variables](/docs/guides/alchemist-environment-variables)
-   [Alchemist Deploys and Domains](/docs/guides/alchemist-deploys-and-domains)
-   [Alchemist Self-Healing](/docs/guides/alchemist-self-healing)

Alchemist API & Automation

-   [Alchemist API Keys](/docs/guides/alchemist-api-keys)
-   [Alchemist MCP Server](/docs/guides/alchemist-mcp-server)
-   [Alchemist Pipeline Configuration](/docs/guides/alchemist-pipeline-configuration)
-   [Alchemist Pipeline Permutations](/docs/guides/alchemist-pipeline-permutations)

Developer Platform

-   [Building Custom MCP Servers](/docs/guides/building-custom-mcp-servers)
-   [Consumer OAuth for Custom MCP Servers](/docs/guides/consumer-oauth-for-custom-mcp-servers)

AVCodex MCP Server

-   [Overview](/docs/guides/overview)
-   [MCP Reference](/docs/guides/mcp-reference)
-   [Setup & Installation](/docs/guides/setup-and-installation)
-   [Authentication](/docs/guides/authentication)
-   [Tools Reference](/docs/guides/tools-reference)
-   [Common Workflows](/docs/guides/common-workflows)
-   [Rate Limits](/docs/guides/rate-limits)

Custom Actions 

Pro Actions 

API 

Builder API 

Agentic Commerce (ACP) 

Integrations 

[Docs](/docs)/ Guides / Publish & Share 

# AVCodex Sites

Last updated · MAR 2026 · [Read as Markdown](/docs/guides/avcodex-sites.md)

AVCodex Sites lets you generate a landing page for your agent directly inside the Builder. Describe the page, and The Alchemist builds a multi-page site with navigation, responsive layout, and a built-in link to the chat. Sites publish to `{slug}.sites.app.avcodex.com` or a custom domain you control.

## [What You Get# ](#what-you-get)

Each site is a self-contained, server-rendered page that includes:

-   **AI-generated HTML and CSS** tailored to your agent's purpose.
-   **Multi-page support** with automatic navigation (Home, About, Pricing, etc.).
-   **Same-origin chat**: the agent lives on the same domain as the site, which avoids cross-origin cookie problems.
-   **SEO-ready** markup with proper meta tags.
-   **Responsive design** for mobile, tablet, and desktop.
-   **Version history** so you can roll back at any time.
-   **Stripe Connect integration** for pricing pages with real checkout buttons.

## [Creating a Site# ](#creating-a-site)

**1\. Open the Site Tab**

Open your agent in the Builder and click the **Site** tab. You'll see an empty state prompting you to create your first site.

**2\. Describe Your Site**

Open The Alchemist panel and describe the landing page. Be specific about purpose, audience, and content:

-   "Create a landing page for a Crestron SIMPL programming help agent. Sections for what it covers, how it works, and a CTA to start chatting."
-   "Build a marketing site for my managed-services AV firm's QR-code room support service. Include testimonials from corporate IT directors and three pricing tiers."
-   "One-page site with a hero section and a 'Ask the design engineer' CTA. Audience: integrators responding to RFPs for higher-ed classroom refreshes."
-   "Internal portal page for our AV programmers. Links to our SIMPL module agent, our Q-SYS Lua agent, and our spec-sheet lookup agent."

**3\. Watch the Progressive Build**

The Alchemist generates the site in phases. As each phase completes, the live preview updates with a smooth transition so you can see the site take shape.

**4\. Iterate**

Ask The Alchemist for changes:

-   "Add a pricing section with three tiers."
-   "Change the hero background to a gradient."
-   "Make the testimonials section more prominent."
-   "Update the copy to target AV directors at universities."

Each refinement saves a new draft automatically.

**5\. Publish**

Click **Publish Site** in the toolbar. Your site goes live at your vanity subdomain.

## [Multi-Page Support# ](#multi-page-support)

Sites can have multiple pages, each with its own content and navigation. The home page (`/`) is always present. Additional pages live in tabs above the preview.

### [Adding Pages# ](#adding-pages)

Click the **+** button in the page tabs bar, enter a title (e.g. "Services" or "Pricing"), and the slug auto-generates from the title. Then ask The Alchemist to generate content for the new page.

### [Removing Pages# ](#removing-pages)

Click the **x** button on any page tab (except the home page) to remove it.

### [Navigation# ](#navigation)

When your site has multiple pages, a navigation bar is automatically included with links to each page. The Alchemist generates the nav items from your page structure.

## [Publishing and URLs# ](#publishing-and-urls)

When you publish, the site is served at your agent's vanity subdomain:

code 

```
https://{your-slug}.sites.app.avcodex.com
```

The toolbar shows a **LIVE** badge and the full URL with copy and edit buttons when published.

Action

What happens

**Publish**

Makes the current draft live. Creates a published version snapshot.

**Unpublish**

Takes the site offline. The URL returns 404 until you publish again.

**Edit after publishing**

Ask The Alchemist to make changes, then publish again to push updates.

> **Note:** Your agent's vanity subdomain is shared between your site and the chat. The site is served at the root URL, while the chat interface is reached via the CTAs on your site or direct chat links.

## [Custom Domains# ](#custom-domains)

Connect your own domain to serve the site at a branded URL. Click the **Domain** button in the toolbar to open the custom domain drawer.

Requirements:

1.  A **Builder plan** or higher.
2.  A CNAME DNS record pointing to `fallback.app.avcodex.com`.
3.  SSL provisions automatically via Cloudflare.

See the [Custom Domains guide](/docs/guides/custom-domains) for detailed DNS configuration instructions.

## [Pricing Pages and Stripe Connect# ](#pricing-pages-and-stripe-connect)

If your site includes a pricing page with checkout buttons, those buttons create real Stripe Checkout sessions for your users. This requires Stripe Connect to be configured.

> **Warning:** If your site has a pricing page but Stripe Connect is not set up, a warning banner appears in the Builder. Checkout buttons will not work until you connect a Stripe account in your billing settings.

The checkout flow:

1.  The user clicks a pricing button on your published site.
2.  They are redirected to Stripe Checkout (an anonymous user record is created if needed).
3.  After payment, Stripe redirects them back to your site.
4.  Credits are fulfilled automatically via webhook.

See the [Selling Access guide](/docs/guides/selling-access) for details on configuring credit packages and pricing tiers.

## [Version History# ](#version-history)

Every draft save and publish creates a version. Click **History** in the toolbar to open the version history drawer.

From version history you can:

-   **View** all previous versions with timestamps.
-   **Restore** a previous version, which makes it the current live version.
-   **Compare** changes between versions.

This is your safety net when iterating. Roll back to a version that was working well.

## [Site Content Structure# ](#site-content-structure)

Under the hood, site content is stored as a structured JSON object with:

-   **Pages array**: each page has a `slug`, `title`, and `html` body.
-   **Navigation config**: automatically generated link items, with optional CTA styling.
-   **CSS**: site-specific styles separate from your agent's custom CSS.
-   **Base styles**: a shared CSS foundation for consistent typography and responsive behavior.

The Alchemist generates semantic HTML with proper heading hierarchy, accessible markup, and responsive layouts.

## [Tips for Better Sites# ](#tips-for-better-sites)

1.  **Start with the agent's purpose**: "This agent helps Crestron programmers troubleshoot SIMPL# code" gives The Alchemist strong content direction.
2.  **Name your audience**: "Target AV directors at corporate firms" reads very differently from "target field techs and integrators." Be specific.
3.  **Ask for specific sections**: "Include a features grid, a comparison table against manual support, and an FAQ for managed-services buyers" gets more structured results than "make a landing page."
4.  **Iterate on copy separately**: After the initial generation, ask The Alchemist to refine specific text without changing the layout.
5.  **Add pages incrementally**: Start with the home page, publish it, then add Pricing and About pages one at a time.

\*AVCodex · Your AV expertise. Amplified by AI.\*

Was this helpful? 

[Edit this page →](#)

[

Previous

PWA Installation

](/docs/guides/pwa-installation)[

Next

Embed on Kajabi

](/docs/guides/embed-on-kajabi)

On this page

-   [What You Get](#what-you-get)
-   [Creating a Site](#creating-a-site)
-   [Multi-Page Support](#multi-page-support)
-   [Adding Pages](#adding-pages)
-   [Removing Pages](#removing-pages)
-   [Navigation](#navigation)
-   [Publishing and URLs](#publishing-and-urls)
-   [Custom Domains](#custom-domains)
-   [Pricing Pages and Stripe Connect](#pricing-pages-and-stripe-connect)
-   [Version History](#version-history)
-   [Site Content Structure](#site-content-structure)
-   [Tips for Better Sites](#tips-for-better-sites)

[](/)

The AI platform built exclusively for professional AV. Build, deploy, and sell AI tools that understand your industry.

### Platform

-   What You Can Build
-   Templates
-   [Pricing](/pricing)

### Services

-   [Done-For-You](/pricing)
-   [Academy](/academy)
-   [Contact](/contact)

### Company

-   About
-   [The Signal](/blog)
-   [Docs](/docs)
-   [LinkedIn](#)

© 2026 AVCodex. A Future Ready Holdings Inc. product. SOC 2 Type II Certified · HIPAA Compliant