muro.chat
Start your trial

Add live chat to HTML

Paste the snippet before </head> on every page, or once in your shared template.

Steps

  1. 1
    Open the template every page shares (header include, layout, base.html), or each HTML page.
  2. 2
    Paste the snippet just before the closing </head> tag.
  3. 3
    Deploy or upload the change.
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>
  • Your site sends a Content-Security-Policy header? Allow https://muro.chat in script-src and connect-src.

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.

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

Get your snippet

Other platforms