Website Integration Guide
Overview
The guide provides an overview of how to add Airgentic to your website.
Step 1. Customise the Styles, Icons & Messages
Login to the Airgentic admin portal and:
-
Click the Config button to customise the welcome, escalation, & call out messages.
-
Click the Design button to customise the colours, styles and icons.
​
Please contact the Airgentic team if you need access to the admin portal​
Step 2. 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 meta tags into your site header template.
​
<head>
...
<meta name="airgentic-account-id" content="ACCOUNT ID"/>
<meta name="airgentic-service-id" content="SERVICE ID"/>
</head>
Contact the Airgentic team to find out what your account ID and service ID are.
​
Next, place the following script tag into your site footer before the closing tag for optimal performance:
<body>
...
<script src="https://chat.airgentic.com/_js/airgentic-1.4.js" async></script>
</body>
​​​​​
Step 3. 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.
​​
