> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/building-with-ai/mcp-server.md).

# MCP Server

{% hint style="info" %}
Page Design is compatible with Lovable and Claude
{% endhint %}

#### Step 1: Authenticate to the AI Agent

[Lovable](/mcp-servers/lovable.md)

[Claude](/mcp-servers/claude.md)

{% hint style="warning" %}
This is for Lovable only
{% endhint %}

Begin building a website.  The agent is pre-prompted with CheckoutChamp requirements for compatible pages and arrows between those pages.  You must include the word "checkoutchamp" in your initial prompt to activate the MCP.

Lead, Checkout, Upsell, and Thank You pages are supported.

When finished, you may import the site into CheckoutChamp

* Lovable
  * Publish the site
  * Go to CheckoutChamp
  * Create a new website (or choose Share inside an existing funnel)
  * Choose the option to import an app
  * Enter the full URL of the Lovable app
  * Import

#### Step 3: Build a page

Prompt the agent to build a specific page type or to clone a specific an existing URL.  An existing URL can be a current CheckoutChamp page or a not.  Be specific about what types of elements are needed on the page.  The agent is pre-prompted with CheckoutChamp requirements for compatible pages.  You must include the word "checkoutchamp" in your initial prompt to activate the MCP.

This will not build a Storefront page.

Lead, Checkout, Upsell, and Thank You pages are supported.

When finished, you may import the site into CheckoutChamp

* Lovable
  * Publish the site
  * Go to CheckoutChamp
  * Edit a page
  * Use the page importer tool to import the page.  Use the full URL of the Lovable published page.
* Claude
  * Prompt Claude to display html and css.  Copy both.
  * Go to CheckoutChamp
  * Edit a page
  * Use the code editor.  Paste in the html and css.
  * Alternatively download the content, host it on a server, and import the hosted page(s) into the Checkout Champ page builder