MCP Server

Use CheckoutChamp's MCP to create beautiful compatible pages or improve your existing pages

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

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.

Step 2: Authenticate to the AI Agent

Lovable

Go to Connectors

Scroll down and select Custom MCP

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

Claude Code (coming soon!)

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.