Authorize your website first
Open Settings → Widget → Install. The guide starts by asking which websites are allowed to load this messenger: add one domain per line and save. Requests from any domain that is not listed are rejected by the widget, so this step is what makes the generated code work.
Choose how to install it
- Code snippet — paste it before the closing body tag on every page where the messenger should appear.
- React — mount the generated component once near the root of your client-side application.
- Vue — run the generated setup once from the root component after the application mounts.
- WordPress — add the hook to a child theme or a small site plugin so it prints in the footer.
- Google Tag Manager — create a Custom HTML tag and trigger it once on All Pages.
- Shopify — paste the snippet before the closing body tag in layout/theme.liquid and save the theme.
Note: Every method carries your public site identifier, so copy the code exactly as the guide generates it. Mobile installation is marked as coming soon; for now the messenger is a web integration.
<script async src="https://chat.lavenity.com/widget.js" data-site="YOUR_SITE_ID"></script>Verify the installation
The launcher should appear after the page becomes interactive. Send a test message; if it reaches Inbox, installation and real-time delivery are both working.
Note: If the launcher does not appear, confirm that the current host is listed under authorized domains and that a content-security policy is not blocking chat.lavenity.com. The install panel also shows whether the domain is already connected.