JavaScript Integration Guide
Overview
The guide provides an overview of how to add Airgentic to your website.
Step 1. Add the Hover Widget to the Site Template
​
To add the chat widget that hovers in the bottom-right corner of your website, place the following script tag into your site footer before the closing </body> tag for optimal performance:
<body>
...
<script id="airgentic-script"
src="https://chat.airgentic.com/_js/airgentic-1.4.js"
data-account-id="[ACCOUNT ID]"
data-service-id="[SERVICE ID]"></script>
</body>
​
Contact the Airgentic team to find out what your account ID and service ID are.
​​​​​
Step 2. Add the Service Hub to the Support Page
​
The Airgentic Service Hub is a great addition to your site's home page or contact page to encourage customers to self service before reaching out to the contact centre.
​
To add the Service Hub, first ensure you've added the Hover Widget to the site template as per the above instructions.
​
Once that's done, place the following div into the HTML page content where the Service Hub should appear:
<div id="airgentic"></div>
This div acts as a placeholder where your JavaScript code will render the service hub UI component.
​​
