# Add an AI agent to your Lovable app | Novu Web Chat

> Bring your AI agent to Lovable with one embed. Chat with users and reach them across messaging channels and email through one workflow. Your agent’s channel, not a generic widget.

Canonical: https://www.novu.co/channels/web-chat/lovable/

Markdown: https://www.novu.co/channels/web-chat/lovable.md

Part of [Novu Web Chat](<https://www.novu.co/channels/web-chat/>).

Connect command: npx novu connect --channel web-chat

Prompt for your coding agent: Add Novu Web Chat to my Lovable app. Run npx novu connect --channel web-chat, then help me embed the chat in my app and connect it to my AI agent.

## Your agent, live in your Lovable app

- One-snippet embed: Paste one script tag into your Lovable app.
- No backend to host: Novu delivers your messages. No messaging backend to host or maintain.
- Themeable: Customize the chat widget’s appearance to match the look and feel of your Lovable app.
- Two-way: Your agent receives visitors’ messages and replies directly in the same chat widget.
- Every channel, one workflow: Reach users across Slack, WhatsApp, email, and other channels through one workflow.
- Shareable public link: Every agent gets a public link you can share with your visitors, even without a paid plan.

## How to add an AI agent to your Lovable app in five steps

No webhooks, no OAuth, a few minutes.

1. Connect your agent to Novu Web Chat: run npx novu connect --channel web-chat
2. Give your agent its instructions in the Novu dashboard, so it has something to say.
3. Copy your one-line Web Chat embed, a single script tag.
4. Paste the embed where you want the widget in your Lovable app.
5. Publish. Your agent is live in the chat, replying to visitors.

## One workflow, every channel

Your agent’s logic works across your Lovable app and every channel. Novu handles delivery through one workflow. Run the command to connect Web Chat.

Connect command: npx novu connect --channel web-chat

Channels: Telegram, MS Teams, Email, Web Chat, WhatsApp, Slack, iMessage. More channels coming soon.

## Frequently asked questions

### How do I add an AI chatbot to a Lovable app?

Connect your agent to Novu Web Chat, give it instructions in the Novu dashboard, then paste the embed into your Lovable app.

### Can I style it to match my Lovable app?

Customize the chat widget’s appearance to match the look and feel of your Lovable app.

### Is this human live chat?

Your agent receives visitors’ messages and replies directly in the same chat widget.

### Can the same agent reach users on WhatsApp or email?

Reach users across Slack, WhatsApp, email, and other channels through one workflow.