Integrations
Add live chat to any site in one line.
The same 9 KB snippet works on any framework, site builder, CMS or store. Then the AI answers from your own docs and hands the rest to you. Pick your platform below.
- 29 step-by-step guides
- No SDK, no build step
- Loads async, after your page
<script>
(function(w,d,s,o){
w.MuroChat=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
var j=d.createElement(s);j.async=1;j.src='https://muro.chat/widget.js';
d.getElementsByTagName('head')[0].appendChild(j);
})(window,document,'script','muro');
muro('init',{widgetId:'wgt_…'});
</script>Your widget id is in the dashboard after sign-up. To open the chat from your own button or skip the email form for signed-in users, see the widget JS API.
Frameworks and apps
Drop the snippet in your layout or root template. One line, no SDK, no build step.
Next.js
3 min read
Add live chat to a Next.js site (9 KB, no SDK)
Read the guideYou do not need an npm package or a React provider to add chat to Next.js. One script tag in the layout, around 9 KB, loaded async.
React
7 min read
How to add live chat to a React app (Vite or CRA)
Read the guideTwo clean ways to install a live chat widget in a plain React SPA built with Vite or Create React App: a one-paste snippet in index.html, or a useEffect loader with an idempotency guard. Plus why the widget survives client-side route changes, and how to turn on grounded AI replies with human handoff.
Vue
7 min read
Add live chat to a Vue app: the Vue 3 + Vite guide
Read the guideTwo ways to add live chat to a plain Vue 3 + Vite app: a one-line paste in index.html or an onMounted loader in App.vue. Includes the vue-router nuance that trips people up, and how to switch on grounded AI replies that hand off to a human when it matters.
Angular
6 min read
Add live chat to an Angular app via index.html
Read the guideAdd live chat to Angular the simple way: one snippet in src/index.html loads the widget once across the whole SPA, with no component and no change-detection impact. Use environment.ts for per-environment widget IDs and point the AI at your docs.
Nuxt
6 min read
How to Add Live Chat to a Nuxt App (Nuxt 3, SSR-Safe)
Read the guideAdd a live chat widget to your Nuxt 3 app in minutes. Two clean, SSR-safe approaches: an inline loader under app.head.script in nuxt.config.ts, or a dedicated client plugin in plugins/. Full code, no hydration warnings.
Remix
7 min read
Add live chat to Remix: the React Router v7 install guide
Read the guideA practical guide to adding live chat to a Remix or React Router v7 app. Install the muro widget in app/root.tsx with dangerouslySetInnerHTML, understand exactly what happens through hydration and client-side navigation, then point the AI at your docs so it answers the repetitive questions for you.
Gatsby
6 min read
Add live chat to a Gatsby site with gatsby-ssr.js
Read the guideAdd live chat to Gatsby the right way: inject the widget from gatsby-ssr.js with onRenderBody so it loads once, outside React, with no hydration warnings. Then point muro's AI at your MDX docs so most questions answer themselves.
Astro and SvelteKit
6 min read
Add live chat to Astro, SvelteKit, and any static site
Read the guideStatic-site generators are the easiest place to add live chat: they all give you one spot to inject head markup on every page. Here is the exact spot for each.
Rails
7 min read
How to add live chat to a Rails app (without fighting Turbo)
Read the guideA Turbo-safe guide to adding live chat to Ruby on Rails. Where the snippet goes in application.html.erb, why Turbo Drive does not break it, how to keep chat out of your admin layout, and how to turn on AI replies grounded in your docs.
Laravel
7 min read
Laravel live chat: add a widget to your Blade layout in ten minutes
Read the guideAdd live chat to a Laravel app with one edit to your Blade layout, keep it off admin routes with a simple @if, and use Blade stacks if you like things tidy. Then point muro's AI at your docs so most questions answer themselves, with reply-by-email for the rest.
Django
7 min read
Django live chat: add a widget to base.html without touching Channels
Read the guideAdd live chat to a Django app with one edit to templates/base.html: no Channels, no ASGI migration, no Redis. The admin stays clean because it never extends your base template, and a tiny context processor keeps the widget off staging. Then point muro's AI at your docs so most questions answer themselves.
No-code and site builders
Paste one embed into the site-wide head. No developer needed.
Webflow
7 min read
How to add live chat to Webflow (including the plan requirement nobody mentions)
Read the guideAdding live chat to Webflow takes about ten minutes, but most guides skip the part where site-wide custom code requires a paid site plan. Here is the honest install path, the free Embed element workaround, and how to train the AI on your docs so most questions never reach you.
Framer
7 min read
How to add live chat to a Framer site (with AI that answers)
Read the guideAdding live chat to a Framer site takes one script and the built-in Custom Code field. Paste it into Settings, General, Custom Code, publish, and test in the live preview. Then point the AI at your docs so the chat actually answers questions on day one.
Wix
7 min read
How to add a live chat widget to Wix, step by step
Read the guideA practical guide to adding a live chat widget to your Wix site with muro. It covers where the custom code setting lives, the Premium plan requirement Wix does not advertise loudly, and how to publish and test. Then you train the AI on your docs so it answers routine questions and hands the rest to you.
Squarespace
7 min read
How to add live chat to Squarespace (the Code Injection way)
Read the guideAdding live chat to Squarespace takes one snippet in Settings, Advanced, Code Injection, Footer. It loads on every page, survives template and design changes, and loads async so it does not dent your Lighthouse score. Full steps inside.
Carrd
6 min read
How to Add a Chat Widget to Carrd (Step by Step)
Read the guideCarrd is built for one tiny page, so a chat widget has to stay light. Here is how to add a 9 KB live chat to a Carrd Pro site using the Embed element set to Code, or the site-wide head include.
Bubble
6 min read
How to Add Live Chat to a Bubble.io App (Step by Step)
Read the guideA precise, Bubble-specific guide to installing a live chat widget. Where to paste the script inside Settings, how it survives Bubble page changes, and how to identify users who are logged in behind Bubble auth.
Notion
7 min read
How to add live chat to a Notion website (the honest version)
Read the guideA plain notion.site page cannot run custom scripts, so most Notion live chat tutorials are wrong from the first step. This guide covers the two routes that actually work: a Notion site builder with code injection, or a tiny self-hosted wrapper page. Then it shows how to point the AI at the Notion docs you already maintain.
CMS, docs and e-commerce
Blogs, documentation and storefronts. Same snippet, and the AI answers from your own content.
WordPress
7 min read
Add live chat to WordPress without another bloated plugin
Read the guideSkip the heavyweight chat plugin. Add live chat to WordPress with one script on the wp_head hook, via a code-snippets plugin or your child theme's functions.php, so it loads on every page and survives theme updates. Then point muro's AI at your posts and docs so most questions answer themselves.
Shopify
7 min read
Add live chat to Shopify without a per-seat app
Read the guideAdd live chat to Shopify with one snippet in theme.liquid: no per-seat app from the App Store, works on every storefront page. Then let muro's AI answer shipping, returns and sizing questions from your own policies, and hand off to you by email for anything order-specific.
Ghost
5 min read
How to add live chat to a Ghost blog (Code injection, no theme edits)
Read the guideAdding live chat to a Ghost blog takes one script in Settings, Code injection, Site Header. It loads on every post and page, and with your own AI key the bot can answer reader questions straight from your published posts.
Docusaurus
7 min read
How to add live chat to Docusaurus (and let it answer from your docs)
Read the guideDocusaurus visitors are mid-problem, which makes docs the best chat surface you own. This guide covers the scripts array trap, the src/theme/Root.js install that actually works, and how to point muro's AI at your docs so the widget answers from the pages your users are already reading.
WooCommerce
7 min read
WooCommerce live chat: three ways to install it and train the AI on your store policies
Read the guideThree ways to add a live chat widget to a WooCommerce store: a snippet plugin, a wp_head hook in functions.php, or a child theme's header.php. Plus the caching plugin settings that hide widgets from shoppers, and how to train an AI on your shipping and returns policies so it converts pre-sale questions and hands order issues to you.
Five platforms
7 min read
Installing live chat on Shopify, WordPress, Webflow, Wix, and Next.js
Read the guideMost teams already use one of five platforms, Shopify, WordPress, Webflow, Wix, or Next.js. Here's the exact path through each one's admin to get muro live in five minutes.
AI agents and automation
Wire the inbox into your own agents and tools over MCP, the REST API and webhooks.
Any MCP agent
5 min read
Let your AI agent run your support inbox over MCP
Read the guideThe Model Context Protocol lets your AI agent act on real systems. muro exposes your support inbox as an MCP server, so the agent in your code editor can read and answer customers.
ChatGPT
7 min read
Connect ChatGPT to your support inbox with MCP
Read the guideChatGPT supports remote MCP servers through custom connectors, and muro hosts one at a stable URL. This guide walks through creating a scoped API key, adding the connector, and what the eight tools let ChatGPT actually do: read conversations, draft and send replies, and triage your inbox without copy-paste.
GitHub Copilot
7 min read
Connect GitHub Copilot to your support inbox with MCP
Read the guideGitHub Copilot in VS Code can call MCP servers in agent mode, which means it can read your customer conversations, not just your code. Here is the full setup with muro's hosted MCP server: one scoped API key, a few lines in .vscode/mcp.json, and a triage-fix-reply loop that never leaves the editor.
Zapier, Make, n8n
6 min read
Connect your live chat to Zapier, Make, or n8n
Read the guideAutomation platforms speak HTTP, and so does muro. Point a webhook at your catch hook to trigger flows, and call the REST API to send replies back. No server to host.
Your CRM
6 min read
Sync live chat conversations and contacts to your CRM
Read the guideA chat that never reaches your CRM is a lead you forgot. Push contacts in real time with webhooks, or pull them in batches with the REST API. Here is both, with code.
Your platform is not on the list?
If it lets you add a script tag to the page head, muro works there. The docs cover the widget JS API, identifying signed-in visitors, webhooks and the REST API.
Questions
Adding live chat, answered.
Something else? Write to contact@muro.chat, a person answers.
How do I add live chat to my website?
Paste one script tag into your site’s <head>, or into the site-wide embed setting on a no-code builder. The widget loads asynchronously from muro.chat, weighs about 9 KB gzipped, and works on any site that lets you add a snippet: no SDK, no build step, no npm install.
Which platforms does muro work with?
Any site where you can add a <script> tag: React, Next.js, Vue, Angular, Nuxt, Remix, Gatsby, Astro, SvelteKit, Rails, Laravel and Django on the code side; Webflow, Framer, Wix, Squarespace, Carrd, Bubble and Notion on the no-code side; plus Ghost, Docusaurus, WordPress, WooCommerce and Shopify. Each one has a step-by-step guide on this page.
Do I need a developer to install it?
No. On no-code builders like Webflow, Framer, Wix, Squarespace and Carrd you paste the snippet into a single site-wide head or custom-code field and it appears on every page. On frameworks, it is one line in your layout or root template.
Will the widget slow down my site?
It is built not to. The widget is 9 KB gzipped vanilla JavaScript, loads asynchronously after your page so it never blocks your content, and renders inside a Shadow DOM so it cannot touch your CSS. With lazy: true it loads nothing until the visitor opens the chat.
Does the AI answer on its own?
When you turn it on for a site, muro’s AI answers visitors from the docs and pages you give it, labels every reply as AI, and hands the conversation to a person when the answer is not in your docs or the visitor asks for one. Plans include a monthly pool of AI credits, and your own Anthropic key makes it unlimited with no markup.
Your stack is already supported.
One snippet, your whole team, one flat price across every site. 14-day trial, no card.