muro.chat
Start your trial

Add live chat to Framer

Paste the snippet at the end of the head tag in the site settings, then publish.

Steps

  1. 1
    Site settingsGeneralCustom CodeOpen the custom code settings.
  2. 2
    Paste the snippet in "End of <head> tag".
  3. 3
    Publish the site.
HTML, before </head>
<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>

Replace wgt_… with your site's widget ID. Your muro dashboard shows this same code with the ID already filled in. Script source: https://muro.chat/widget.js.

Check that it works

Open your site in a private window: the chat bubble shows in the bottom corner within a few seconds. In muro, the site page turns green as soon as a browser loads the widget, and the Check installation button tells you what is wrong if it does not: snippet missing, another site's widget ID, a Content-Security-Policy that blocks muro.chat, or a cache that still serves the old page.

The longer Framer walkthrough on the blog

Free on one site, no card. Your snippet is ready as soon as you add the site.

Get your snippet

Other platforms