> 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" %}
Connection to the CheckoutChamp MCP server uses bearer token authentication.  Any AI agent that requires an OAuth connection is not compatible at this time.

Lovable and Claude Code are both compatible
{% endhint %}

#### Step 1: Obtain Credentials

In the CheckoutChamp app, go to **Settings**.  In the Tokens panel, add a new token.  Give it a name for reference.  Copy **Token** and **URL**.

<figure><img src="/files/xLjTM6bvHFAy7XojfbhC" alt=""><figcaption></figcaption></figure>

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

{% tabs %}
{% tab title="Lovable" %}
Go to **Connectors**

Scroll down and select **Custom MCP**

<figure><img src="/files/6Zbil5opccYi1c8lQspy" alt="" width="188"><figcaption></figcaption></figure>

Enter a name for the server

In **Server URL** enter the URL from Step 1

Choose **Bearer Token or API key**.  Enter the Token from Step 1.

Press **Add & authorize**
{% endtab %}

{% tab title="Claude Code (coming soon!)" %}

{% endtab %}
{% endtabs %}

#### Step 3: Build a website

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.

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 4: 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.

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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/building-with-ai/mcp-server.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.