> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowra.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed a widget

> Create a chat widget, copy the embed URL, and smoke-test it on a page.

**Goal:** Show a working chat bubble on a test page.

## Prerequisites

* A workflow you trust for public or staging use (limited tools)
* Access to paste an iframe or script on a page you control

## Steps

<Steps>
  <Step title="Harden the workflow">
    Open the workflow, trim tools and knowledge to what visitors should access, and save.
  </Step>

  <Step title="Create the widget">
    Open [Widgets](https://flowra.dev/dashboard/workflows/widgets). Create a widget, bind the workflow, set colors and position, and save.
  </Step>

  <Step title="Copy the embed URL">
    Copy the widget id and use:

    ```text theme={null}
    https://flowra.dev/embed/chat?widgetId=YOUR_WIDGET_ID
    ```

    Or paste the snippet the dashboard provides.
  </Step>

  <Step title="Smoke-test">
    Open the URL in a private window. Send a test message and confirm the correct workflow answers.
  </Step>
</Steps>

## Verify

* Widget shows as active in the dashboard
* Embed loads branding you configured
* No private tools fire for a stranger’s session

## Next

* [Widgets and embeds](/product/widgets-and-embeds)
* [Multi-tenancy](/guides/multi-tenancy) if each visitor should have isolated connections