Guides

Set up the web widget

Add a chat bubble to your website so visitors can talk to your agent instantly.

The web widget is an embeddable chat bubble. Visitors open it, ask about your listings, and the agent qualifies them in real time — replies stream back live, no waiting on a background job. Set it up in Settings → Channels → Website.

Steps

Generate a widget key

Click Generate key. This creates a public widget key that identifies your workspace to the embed. It's safe to expose in page source — it only lets visitors start a conversation, nothing more.

Configure appearance

Set the panel title (what shows at the top of the chat) and the bubble corner (which side of the screen it sits on). Add the domains you'll embed on to Allowed domains so the widget only loads on sites you own.

Paste the embed snippet

Copy the snippet and paste it just before the closing </body> tag on every page you want the bubble on:

<iframe
  src="https://replyfirst.ae/widget?key=wgt_your_widget_key"
  style="position:fixed;bottom:0;right:0;border:0;width:400px;height:600px"
  allow="clipboard-write"
></iframe>

Load the page — the bubble appears. Send a test message and watch the reply stream in.

History and operator replies

The widget restores a returning visitor's history and polls for your replies, so if you jump into the conversation from Chats, the visitor sees your message in the same thread.

Rotate or revoke a key

If a key leaks or you're retiring a site, rotate it (issues a new key, invalidates the old) or revoke it (kills the widget entirely). Update the embed snippet with the new key after rotating.

Next steps

On this page