Rannah Widget - Rannah

Add Rannah chat to a website with this embeddable script. It loads from https://rannah.io. For website-builder walkthroughs, see Deploying to a website.

Script embed

Paste this before </body>. Replace YOUR_AGENT_ID and set region to eu or na.

<div style="width: 0; height: 0;" id="RANNAH_OVERLAY_CONTAINER"></div>
<script defer>
(function () {
  window.RANNAH_CONFIG = {
    ID: "YOUR_AGENT_ID",
    region: "eu",
    render: "bottom-right",
    stylesheets: ["https://rannah.io/vg_live_build/styles.css"],
  };
  var s = document.createElement("script");
  s.src = "https://rannah.io/vg_live_build/vg_bundle.js";
  s.defer = true;
  document.body.appendChild(s);
})();
</script>

For an embedded box instead of a corner popup, set render: "full-width" and size #RANNAH_OVERLAY_CONTAINER (for example width: 500px; height: 500px).

Config notes

ID — your agent ID from the dashboard
region — eu or na
render — bottom-right, bottom-left, or full-width
modalMode: true — open as a center modal
stylesheets — always include the widget stylesheet