Getting started
Install the Harlo widget
Add Harlo to your website so visitors can ask questions, get answers, and share their details when they want follow-up.
Covered in this guide
Before you finish
Use the exact install code from your Harlo dashboard.
Test the widget on the pages where customers are most likely to ask questions.
Ask a real customer question from the live website.
Install code
Add Harlo across your website
Whole-site install code
Use one snippet across your website. Harlo chooses the right agent or hides the widget based on your page routing settings.
<script src="https://www.harloai.co/widget.js" data-harlo-organization="YOUR_ORGANIZATION_ID" async></script>Workflow
Follow the setup step by step
Copy your install code
Open Dashboard -> Widget and copy the install code for your whole website.
Add it to your website
Paste the code into your website builder, footer area, or custom code section.
Approve your website
Add your live website domain in Builder so Harlo knows where the widget is allowed to appear.
Test as a visitor
Open your site, ask realistic customer questions, and confirm Harlo records conversations and leads correctly.
Reference
Key areas to understand
WordPress
Use a trusted header/footer plugin or your theme footer area, add the Harlo install code, then clear your site cache.
Wix
Go to Settings -> Custom Code, add the Harlo install code, choose the pages where it should load, and publish.
Squarespace
Use Settings -> Advanced -> Code Injection and add the Harlo install code in the Footer field.
Webflow
Use Site settings -> Custom Code -> Footer Code, publish the site, then confirm Harlo appears on the right pages.
Shopify
Open your theme code, add the Harlo install code near the end of the page, then test the storefront.
Framer
Add the Harlo install code to Project Settings -> Custom Code, then publish.