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

# Add the front desk to your website

> Put a chat bubble on your website that your customers can use to talk to your front desk. One snippet of code, and a list of the sites allowed to use it.

The website widget is a chat bubble in the corner of your site. Customers click it and talk to your front desk. It's set up on **Front desk → Channels**, under **Website widget**.

## Add it

<Steps>
  <Step title="Say which websites can use it">
    Under **Websites allowed to use it**, add each address the widget will appear on — for example `https://yourbusiness.ae` and `https://www.yourbusiness.ae` — then click **Save websites**. Addresses must match exactly; a wildcard like `*.yourbusiness.ae` isn't accepted.
  </Step>

  <Step title="Copy the code">
    Once you've saved a website, **Add it to your site** shows your code. Click **Copy**. It looks like this:

    ```html theme={null}
    <script>
      window.taskezy=window.taskezy||function(){(taskezy.q=taskezy.q||[]).push(arguments)};
      taskezy('boot', { key: 'fd_live_…' });
    </script>
    <script async src="https://app.taskezy.co/fd.js"></script>
    ```
  </Step>

  <Step title="Paste it into your site">
    Paste it just before `</body>` on every page where you want the bubble — in most website builders, that's a "custom code" or "footer scripts" setting.
  </Step>

  <Step title="Switch the front desk on">
    The widget only appears while your front desk is **Live**. If it's still a draft or paused, Channels reminds you. See [Switch it on](/front-desk-setup#switch-it-on).
  </Step>
</Steps>

<Note>
  The code isn't a secret — anyone can see it in your page. What protects it is the list of allowed websites: the widget only works on the addresses you've added.
</Note>

## Change how it looks

The bubble's colour and corner are set on **Front desk → Agent → Display**. See [Display](/front-desk-setup#display-how-the-widget-looks).

## Troubleshooting

* **The bubble doesn't appear.** Check the front desk is **Live**, and that the exact address in your browser — including `www.` or not — is in **Websites allowed to use it**.
* **It appears but won't answer.** You may have reached this month's usage allowance — see [Plans and billing](/billing#when-you-get-close-to-the-limit).

## What's next

* [Connect your WhatsApp number](/front-desk-whatsapp)
* [Conversations and handover](/front-desk-conversations)