muro.chat
Start your trial

Add live chat to Shopify

Paste the snippet once in theme.liquid and it shows on every page of your store.

Steps

  1. 1
    Online StoreThemes...Edit codeOpen the code editor of your live theme.
  2. 2
    In the Layout folder, open theme.liquid.
  3. 3
    Paste the snippet just before the closing </head> tag, then click Save.
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>
  • Switching themes later? Paste the snippet in the new theme too, it lives in the theme file.

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 Shopify 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