Copy the Harlo install code from Dashboard -> Widget.
Back to widget install
Plugin-based install
Install Harlo on WordPress
Add Harlo to WordPress with a simple plugin, then check the live site to make sure the chat button appears.
WordPress
Custom code area
Placement
Footer / Body end
Scope
All pages or selected high-intent pages
Publish
Save changes, publish, then test live
Harlo snippet
<script src="https://www.harloai.co/widget.js" data-harlo-organization="YOUR_ORGANIZATION_ID" async></script>Before you start
Get the install ready
You do not need to write code for this install. Copy the Harlo snippet from your dashboard, paste it exactly where the guide says, then publish your site.
Make sure you can add plugins or ask your website manager to do it.
If your site uses caching, be ready to clear the cache after you save.
Step by step
Add Harlo in WordPress
Install WPCode
Log in to WordPress. Go to Plugins, choose Add New, search for WPCode, install it, and activate it. If your website already has a header/footer code tool, you can use that instead.
Open the Header & Footer screen
In the WordPress left menu, go to Code Snippets, then Header & Footer. This is where you can add code that loads on every public page.
Paste Harlo in the footer area
Paste the full Harlo code into the Footer field. This places Harlo near the bottom of every public page, which is the safest spot for the chat widget.
Paste the whole snippet exactly as copied.
Do not paste it into a blog post, page editor, or visual content block.
Only add the Harlo snippet once.
Save and clear cache
Save the WPCode settings. If your site has a cache plugin or hosting cache, clear it so visitors receive the newest version of the page.
Test the public site
Open the public website in a private or incognito window. Wait for the page to load, then look for the Harlo chat button in the corner.
Verification
Confirm the widget is live
Visit the homepage and one high-intent page such as pricing, services, contact, or booking.
Ask a normal customer question and confirm the conversation appears in Dashboard -> Conversations.
If the widget is missing, check that the code was saved in WPCode and clear cache once more.
Troubleshooting
Fix the usual issues
The widget is not visible
Clear the cache first. Then confirm the Harlo code is in the Footer field, not inside a page or post.
It appears while logged in but not for visitors
Open the public site in an incognito window. Some WordPress cache tools show different pages to admins.
The snippet disappears after a theme update
Keep Harlo in WPCode or another plugin-based code tool instead of editing theme files directly.