App + chat connectors: Add capabilities to your published app and your chat

1. 1

   Go to the 'Connectors' section in your Lovable dashboard.

   This is where you find all the tools Lovable can connect to.

2. 2

   Select the tool you want to connect (e.g., Slack, HubSpot) and click 'Add connection'.

   You're starting the process of linking an external service to Lovable.

3. 3

   Choose 'App + chat connector' if prompted, then sign in to the tool or paste an API key.

   This step authenticates Lovable with the external service, giving it permission to act on your behalf. Some tools might offer a 'Managed by Lovable' option, which simplifies setup.

4. 4

   Decide who in your workspace can use this connection (yourself, specific people, or everyone).

   This controls access to the connected tool's capabilities within Lovable projects.

5. 5

   Create the connection, then go to your project's chat and ask Lovable to link the connection.

   Creating the connection makes it available in your workspace, and linking it to a project makes it usable within that specific project. Lovable will then write the code to integrate it.

Connect Slack to this project and post a message to #new-signups whenever someone creates an account.

App + chat connectors

These are special links that let your Lovable app talk to other online services (like Slack or Google Sheets). They work both when you're building your app with Lovable's help and when your finished app is used by others.

Workspace

This is your main area in Lovable where you manage all your projects and shared resources.

OAuth

A secure way to let one service (like Lovable) use information or act on another service (like Google) without sharing your password directly.

API key

A secret code that acts like a password, allowing Lovable to access a specific online service.

Gateway

A secure intermediary service that handles the communication between your Lovable app and other online tools, keeping your sensitive login details safe.

LOVABLE_API_KEY

A secret code that Lovable automatically creates and uses to identify your project to its own services. You don't need to do anything with it.

• Forgetting to link a created connection to your project, which means your project won't be able to use the external tool.
• Not having the correct permissions (role, connector settings, or connection access) to create or link a connection.
• Expecting each user of your app to see their own data when using an app + chat connector; these connectors run on one shared account. Use an 'app user connector' for individual user data.
• Deleting a connection permanently removes it and stops any apps using it from working until a new connection is set up.