<!--
  Translated by the docs agent from content-src/es/guides/ajustes-integraciones/07-procedimiento-personalizacion-del-widget.md
  (source_hash 75bc16935973). If that Spanish source_hash changes, re-check this translation.
-->

How the chat embedded on your site looks. It's a setting **shared across all your Web Widget instances** —
unlike the chat's language, which is chosen per instance on the channel's own card (Manual 24 · Channels,
section 6.1), not here.

**Requirements:** Admin role.

1. Go into **Settings → Widget customization**.
2. Choose the **primary color**: one of the presets, or a custom color with its hex code.
3. Choose the **button position**: "Bottom right" or "Bottom left".
4. Type the **welcome message**, the **assistant name** and, optionally, the **avatar URL**.
5. Check the live **preview**, on the right, as you adjust the values.
6. Tap **Save** to apply the changes to the public widget.

**Result:** all of your Web Widget instances instantly adopt the new look.

**Allowed domains** — which sites the widget can load on — are configured on this same screen: one domain
per line, without `https://` or a path (for example, `youragency.com` also covers its subdomains). With an
empty list, the widget works on any site. The detail of how to copy each instance's snippet and paste it
into your site is in **Manual 24 · Channels**; how it's technically embedded in different content managers
and how to solve the most common problems is in **Manual 06 · Web widget**.

Within this same section is **Data capture**: turns on a small form on the widget's greeting to ask the
visitor for their details before chatting. **Phone is always required**; you choose the rest of the fields.
Tap **Save** to apply the change to the public widget.

> **Note — The avatar is also provided via URL**
>
> Just like your agency's logo (section 2), the widget's avatar is provided as the URL of an already
> published and publicly accessible square image — if you leave it empty, default initials are shown.
> Direct file upload isn't available yet.

![Widget customization: orange main color selected (#FA6B36), Bottom right position, Welcome message "Hi! How can I help you?", the Assistant name field filled with an example value, the Allowed domains field with tuagencia.es and www.tuagencia.es on separate lines and the text "Empty = the widget works on any site. With domains, it only loads on those and their subdomains"; on the right, the live preview showing the widget with the greeting already applied](/captures/ajustes-widget-dominios-permitidos.png)