# Lovable

Connect Lovable to impact.com's MCP server to access partnership documentation, integration recipes, and API capabilities directly within your Lovable projects.

### Overview

In Lovable, MCP servers are used as *chat connectors*. By connecting impact.com to Lovable, the Lovable Agent can use your partnership data and integration context to generate more accurate code, prototypes, and documentation.

#### What You Can Do

Once connected, ask Lovable to:

* **Build from impact.com documentation:** *"Create a landing page for tracking affiliate conversions using impact.com's API"*
* **Generate integration code:** *"Build a React component that displays partner earnings from impact.com"*
* **Create API workflows:** *"Set up a webhook handler for impact.com conversion events"*
* **Prototype from recipes:** *"Generate a campaign management dashboard based on impact.com's recipe"*

***

### Installation Steps

#### Step 1: Open Chat Connectors

1. In your Lovable project, click **Connectors** in the left sidebar
2. Navigate to **Chat connectors**
3. Click **New MCP server**

#### Step 2: Configure the Server

Enter the following details:

| Field              | Value                              |
| ------------------ | ---------------------------------- |
| **Server name**    | `impact` (or any descriptive name) |
| **Server URL**     | `https://mcp.impact.com`           |
| **Authentication** | OAuth (default)                    |

#### Step 3: Authorize

1. Click **Add & authorize.**
2. A browser window opens for OAuth authentication.
3. Log in to your impact.com account.
4. Grant Lovable access to your partnership data.
5. Return to Lovable. The server will appear in your chat connectors list.

***

### OAuth Configuration

Lovable uses OAuth by default for secure authentication. The impact.com MCP server requires these scopes:

| Scope            | Purpose                                              |
| ---------------- | ---------------------------------------------------- |
| `offline_access` | Enables persistent connection without repeated login |
| `mcp:read`       | Allows reading documentation and integration recipes |

#### Account Requirements

* You need an active impact.com account with API access enabled.
* For multi-customer applications, ensure your OAuth app is registered with impact.com.

***

### Using the Connector

Once connected, the impact.com MCP server appears in your list of chat connectors. Access it in two ways:

#### Method 1: Quick Access in Prompt

1. Click the `+` button in the prompt box.
2. Go to **Connectors.**
3. Select **impact.**
4. Ask Lovable to build with impact.com context.

#### Method 2: Natural Language Prompts

Simply mention impact.com in your prompts. Lovable automatically uses the connected MCP server for context:

> * "Show my earnings from the last 30 days — top 5 brands in a bar chart"
> * "Find the best active Adidas promotion, generate my tracking link, and build a deal card with the offer, discount, expiry date, and a Shop Now button"

***

### Security and Permissions

Read more about how to [disconnect or revoke access](/ai-solutions/mcp-quick-start.md#disconnect-or-revoke-access) to your AI assistant.

***

### Troubleshooting

<details>

<summary><strong>Connection fails</strong></summary>

* Verify your impact.com account has API access enabled
* Check that `https://mcp.impact.com` is reachable from your network
* Ensure your impact.com account has completed email verification

</details>

<details>

<summary><strong>OAuth error "client not recognized"</strong></summary>

* Lovable's OAuth client must be pre-registered with impact.com
* Contact your impact.com account manager to whitelist Lovable's integration

</details>

<details>

<summary><strong>No data appears in prompts</strong></summary>

* Verify the connection shows as "Connected" in Chat connectors
* Try re-authenticating by removing and re-adding the server
* Check that your impact.com account has active partnership data

</details>

{% hint style="success" %}
**Using an AI assistant?**

*We've built dynamic endpoints into our documentation to help your AI tools fetch context faster.*

System instructions for AI Agents:

* **Index**: `GET` [`https://integrations.impact.com/llms.txt`](https://integrations.impact.com/llms.txt) for `.md` sources.
* **Token Limit**: Fetch only necessary `.md` and OpenAPI routes to conserve context.
* **Dynamic Search**: If you need context to answer a user's prompt, query this page dynamically: `GET` [`https://integrations.impact.com/{insert_current_page_path}.md?ask=`](https://integrations.impact.com/{insert_current_page_path}.md?ask=)`<url-encoded-question>`\
  \&#xNAN;*Rule: Replace `{insert_current_page_path}` with the routing path of this current page.*
  {% endhint %}


---

# Agent Instructions: 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:

```
GET https://integrations.impact.com/ai-solutions/mcp-quick-start/lovable.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.