Carrd is the simplest way to ship a one-page site: a landing page, a link-in-bio, a tiny launch page. The catch is that Carrd keeps the editor deliberately minimal, so there is no built-in live chat and no plugin marketplace to browse. The good news is that any chat tool that loads from a single script tag will work, as long as you can paste that script somewhere Carrd will render it.
This guide shows the two correct ways to add a chat widget to a Carrd page using muro: an Embed element set to Code, or the Pro site-wide <head> include. Both need a paid Carrd plan, and both keep your page fast because the muro widget is about 6 KB, which matters a lot on a site that is supposed to be one quick screen. You can see what the widget looks like on a real page in the live demo.
What you need before you start
Free Carrd sites do not support custom code, so embedding any chat script requires a paid tier. The Embed element and the site-wide code include both unlock on the paid plans (Carrd Pro Standard and higher). If you are on the free plan, you will need to upgrade your Carrd account first, then come back here.
- →A Carrd Pro site (Standard or higher) so you can use the Embed element or site-wide code.
- →Your muro widget ID, which you copy from your muro dashboard after you create a project. If you do not have one yet, start free and grab it in under a minute.
- →Two or three minutes in the Carrd editor.
The muro install snippet
This is the exact code you will paste into Carrd. Replace YOUR_WIDGET_ID with the ID from your muro dashboard. Do not change anything else.
html<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:'YOUR_WIDGET_ID'});
</script>The script loads asynchronously, so it never blocks your page from rendering. On a Carrd site that is usually a single hero, a headline and a button, that means visitors see your content instantly and the chat bubble fades in a moment later.
Method 1: the Embed element (works on any Carrd Pro page)
This is the most reliable method and the one most people should use. The Embed element drops your raw code directly into the page.
- 01Open your site in the Carrd editor and click the plus (+) button to add a new element.
- 02Choose Embed from the element list.
- 03In the element settings on the right, set Type to Code (not Hidden, and not the URL option).
- 04Paste the muro snippet from above into the Code box, with YOUR_WIDGET_ID swapped for your real ID.
- 05Set the Style or position to Inline so the embed sits quietly in the page flow. The chat bubble itself is positioned by the widget script in a fixed corner, so the embed element only needs somewhere to live, it does not need to be visible.
- 06Click Save in the top bar, then Publish to push it live.
Method 2: the site-wide head include (Carrd Pro)
If you would rather not place an element on the canvas, Carrd Pro lets you inject code into the page <head> for the whole site. This is handy if you ever add more pages to the same Carrd project, because the widget then loads everywhere automatically.
- 01In the editor, open the site settings (the gear or settings icon in the top toolbar).
- 02Find the Code section, then the Head field (sometimes labelled for code that goes inside the head tag).
- 03Paste the same muro snippet into the Head field, with your real widget ID.
- 04Save and Publish.
Use one method or the other, not both. If you paste the snippet in both the head include and an Embed element, the widget script loads twice and you may see odd behaviour. Pick whichever fits how you work.
Verify it is working
Open your published Carrd URL in a normal browser tab (not the editor preview, which can strip custom code). Within a second or two you should see the chat bubble in the corner. Click it, send a test message, and confirm it lands in your muro inbox. If you do not see the bubble, the checklist below covers the usual culprits.
- →Confirm you are on a paid Carrd plan. Custom code does not run on free sites.
- →Check you replaced YOUR_WIDGET_ID with the real ID and did not leave the placeholder text in place.
- →Make sure you tested on the live published domain, not the in-editor preview.
- →If you used the Embed element, double-check its Type is set to Code rather than URL or Hidden.
Why a light widget matters on Carrd
Carrd sites win on speed and simplicity, so the worst thing you can do is bolt a heavy chat script onto them. The muro widget is around 6 KB and loads async, which fits the Carrd philosophy: the page stays snappy and your one screen still feels instant on mobile. You get a real support channel without trading away the thing that made you choose Carrd in the first place.
Once chat is live, muro can answer common questions automatically from your own docs and hand off to you the moment it is unsure, so a tiny launch page does not turn into a full-time support desk. If you are weighing the cost of automated answers, it is worth reading why AI support gets expensive before you commit to any tool. And because muro is one flat price across every project you run, adding chat to a second or third Carrd page does not multiply your bill. See the flat pricing for the details.
That is the whole job. Paste the snippet via the Embed element or the head include, publish, and your Carrd page has live chat with optional AI answers built in. If you have not set up a project yet, you can start free and have the widget on your page before your coffee gets cold.