Skip to main content

Public Access

When you set your agent's access to Public, anyone with the link can open and interact with it — no DronaHQ account, no invite needed. This is the right mode when your agent is intended for broad audiences such as a website visitor, a customer, or an anonymous user.

Diagram of Secure Embed Sharing
Public Access

DronaHQ gives you three ways to share a public agent:

  • Chat URL — a direct link you can share anywhere
  • Embed Code — an <iframe> snippet to drop into any webpage
  • Chat bubble script — a floating chat widget that overlays your site

To configure access, open your agent and click Share in the top bar. Under Access, select Public — Anyone with the link can access.


Chat URL​

The Chat URL is a direct, shareable link to your agent. You can copy it and send it via email, Slack, documentation, or any other channel.

https://agents.dronahq.com/chat/<agent-id>

Setting a friendly name​

By default the URL contains your agent's unique ID. You can replace it with a human-readable slug using Set friendly name:

  1. In the Share panel, find the Set friendly name field
  2. Enter a name — no spaces, no special symbols (e.g. support-bot, onboarding-helper)
  3. Click Save

Your agent will then be accessible at:

https://agents.dronahq.com/chat/<your-friendly-name>

⚠️ Note: Friendly names must be unique across DronaHQ. If the name is already taken, you'll be prompted to choose another.


Embed Code​

The Embed Code lets you place the agent inside any webpage as an inline iframe. The Share panel generates the snippet automatically — just copy and paste it into your HTML.

<iframe
src="https://agents.dronahq.com/chat/<agent-id>"
width="600"
height="400"
frameborder="0">
</iframe>

Customising the iframe​

You can adjust the width and height attributes to fit your layout. For a fully responsive embed, use CSS instead:

<div style="position: relative; width: 100%; padding-bottom: 66%;">
<iframe
src="https://agents.dronahq.com/chat/<agent-id>"
style="position: absolute; inset: 0; width: 100%; height: 100%; border: none;">
</iframe>
</div>

Chat Bubble Script​

The Chat bubble script adds a floating chat button to your site. When a visitor clicks it, the agent opens as an overlay — without navigating away from the page.

Copy the script from the Share panel and paste it before the closing </body> tag on any page:

<script
src="https://agents.dronahq.com/chat-bubble.js"
data-chat-id="<agent-id>"
data-color="#000000"
data-position="right"
data-icon="">
</script>

Script attributes​

AttributeDescription
data-chat-idYour agent's unique ID — pre-filled automatically from the Share panel
data-colorHex colour of the chat bubble button (e.g. #000000 for black)
data-positionPosition of the bubble on screen — right or left
data-iconOptional URL for a custom icon image inside the bubble button

Tip: Match data-color to your brand's primary colour so the widget feels native to your site.