> 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/mcp-servers/lovable.md).

# Lovable

Follow the steps in [MCP Configuration](/mcp-servers/mcp-configuration.md) to generate a Page Design token.  Copy the URL and Token.

Login to Lovable.dev

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 earlier in this article

Choose **Bearer Token or API key**.  Enter the Token from earlier in this article.

Press **Add & authorize**

#### 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

* Publish the site
* Login 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

#### Build a page

Prompt the agent to build a specific page type or to clone a specific 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

* Publish the site
* Login to CheckoutChamp
* Edit a page
* Use the page importer tool to import the page.  Use the full URL of the Lovable published page.