The easiest way is with the free WPCode plugin. It survives theme updates, which pasting into a theme file does not.
First, copy your embed code from Website under Connect. See Turn the widget on and copy your code.
Steps
- In your WordPress dashboard, go to Plugins, then Add New, and search for WPCode.
- Install and activate the plugin.
- Go to Code Snippets, then Header & Footer in the left menu.
- Paste the embed code into the Header box.
- Select Save Changes.
Open your site in a new tab. The chat bubble should be at the bottom right.
Without a plugin
If you would rather not install anything, most themes have a place for this under Appearance, then Customize, then a section named something like Custom Code or Header Scripts. Paste it there.
Editing header.php directly works but is a bad idea, because the next theme update overwrites it.
If you use a caching plugin
WP Rocket, W3 Total Cache, LiteSpeed Cache and the rest serve saved copies of your pages. After adding the code, clear the cache or you will keep seeing the old version without the bubble.
Some caching plugins also combine and defer scripts. If the bubble does not appear, add our script to that plugin’s exclusion list.
If you use a security or cookie plugin
Cookie consent plugins can block scripts until a visitor accepts. That is often what you want, but it means the bubble will not appear for you until you accept your own banner.
Check it worked
Visit your site in a private browsing window, so you see it as a visitor rather than as an admin. Send the assistant a question.
If it does not appear
Work through The chat bubble is not showing on my site.