Install the chat widget

The AnswerRidge widget is a lightweight chat bubble that loads the AI agent and live chat on any page. Installation is two lines.

1. Copy your snippet

Go to Settings → Live Chat and copy the embed snippet. It looks like this (replace YOUR_TENANT with your workspace slug):

<script
  src="https://answerridge.com/widget/loader.js"
  data-tenant="YOUR_TENANT"
  defer>
</script>

2. Paste it on your site

Paste the snippet just before the closing </body> tag on every page where you want chat available. On most platforms (Webflow, Shopify, WordPress, Framer) there's a "custom code / footer" field for exactly this.

3. Embedding via iframe (advanced)

If you'd rather host the chat in your own container, point an iframe at the embed page:

<iframe
  src="https://answerridge.com/embed/chat?tenant=YOUR_TENANT"
  style="border:0;width:100%;height:600px"
  title="Support chat">
</iframe>

4. Verify

Reload your site. The bubble appears in the bottom corner. Open it, ask a question your knowledge base covers, and confirm the AI answers. New conversations appear in your inbox in real time.

Not seeing the bubble? Make sure the page domain is listed under Allowed origins in Live Chat settings, and check the browser console for blocked-origin errors.