What you will get
The widget working on your site: with your domain authorized, the code pasted on your pages, and the mode you want visitors to see.Requirements
- Access to edit your site’s code, or someone who does it for you
- The exact domain where the widget will appear
Install the widget
Open your agent's channels
Open the widget

The widget card inside Channels.
Open the Install tab

The widget screen's two tabs, at the top left.
Authorize your domain
https:// and without paths. To cover every subdomain use the *.example.com form.
While the list says no domains are configured, the widget answers on no site at all.
Save
Copy the code

The Copy button sits to the right of Install with script.
Get it installed on your site
</body> tag on
each of those pages. It looks like this:Publish your site
Install on your platform
In Eva’s Install tab, use the platform selector before copying the snippet. It takes you to the right flow; this article keeps a short reference for where to place it. First authorize and save your domain in Eva, and always paste the snippet copied from your own agent.- Shopify — if the store is connected to Eva, select Shopify and choose Activate in
your theme. Eva opens the current theme editor with Eva’s app embed
ready to preview; save the theme, open the storefront, and wait for Eva’s installation
status to confirm it loaded. If the button is unavailable or the store uses a legacy
custom app, keep the snippet path: go to Online Store > Themes > … > Edit code,
duplicate your theme, open
layout/theme.liquid, and paste the snippet immediately before</body>. - WordPress — use your theme’s or header-and-footer-code plugin’s footer setting. The location varies by theme; Eva’s selector points you to the flow for your site.
- Wix — go to Settings > Custom Code, add the snippet to all pages, and choose Body - end.
- Squarespace — open Code Injection, paste it in Footer, and save.
- Webflow — go to Site settings > Custom code, paste it in Footer code, save, and publish your site.
- Tienda Nube — connect its native Google Tag Manager integration, then add the snippet as a Custom HTML tag in Google Tag Manager and publish the container.
- Another platform — look for custom code, scripts, or a footer area and paste the
snippet before
</body>. If you cannot find it, use Eva’s selector to share the instructions with your developer.
Choose what your visitors see
At the very top, the widget screen asks What will your visitors see? and offers three options. The choice shows in both tabs and changes what can be configured.
The chosen option turns blue and explains underneath what it means.
- Full chat — your visitors talk with your agent inside your site.
- WhatsApp only — a button opens your WhatsApp. There is no web chat.
- Off — nothing appears on your site. Existing conversations are kept.
Adjust how it looks
The Style tab groups the settings into three blocks that open and close:
Each closed block summarizes its current setting on the right.
- Appearance — Brand color, light or dark theme, and your own logos for the launcher and the header.
- Messages — up to three bubbles that invite visitors to write before they open the chat.
- Behavior — which corner the widget sits in and how much space it leaves from the edges. Also, which contact channels are shown above the bubble.

Inside Appearance: the brand color and the theme the widget is drawn with.
How to know it worked
Publish the changes, open a page on your site, then return to Eva’s Install tab. The installation status confirms when the widget has loaded. With Full chat, the bubble appears in the corner you chose and your agent responds when you write. If you selected WhatsApp only, the status confirms that mode and the button opens WhatsApp instead of web chat.If something goes wrong
The widget does not appear on my site
The widget does not appear on my site
I changed something and it does not show on my site
I changed something and it does not show on my site
I want to try it before touching my site
I want to try it before touching my site