Get started

Install the widget

Two lines before </body>, on any site. It loads after your page finishes, so it never blocks rendering. On a builder, CMS or framework, pick it below for the exact steps — several connect themselves rather than asking you to paste anything, and WordPress has a plugin that takes your key once and adds the tags to every page.

<!-- Matter Chat — paste right before </body> -->
<script>
  window.MatterChat = window.MatterChat || { q: [] };
  window.MatterChat.q.push(["init", { id: "YOUR_BOT_KEY" }]);
</script>
<script async src="https://app.matterchat.co/widget/loader-d848b4562d1c.js"
  integrity="sha384-QsW7zc/T4fIAo89F9w70+seaA0yl9IyR5EZelHe7PEcl+ZFF753gdGNPQAJxQN+P"
  crossorigin="anonymous"></script>

Choose your platform

Any site

Site builders

CMS

Ecommerce

Chat tools

Frameworks

Docs sites

The snippet pushes onto a queue rather than calling a function directly, which is why the order of the two script tags does not matter and why nothing breaks if the widget script is still loading when your page finishes.