Lovable

Use Lovable to create beautiful compatible pages or improve your existing pages

Follow the steps in MCP Configuration to generate a Page Design token. Copy the URL and Token.

Login to Lovable.dev

Go to Connectors

Scroll down and select Custom MCP

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.