Website chat widget
Install, customize, and the pre-chat form
The chat widget puts your agent on any website. Copy the script tag from Channels → Web Widget and paste it before your site's closing </body> tag.
<script src="https://vigent.ir/widget/loader.js" data-agent-id="…"></script>SavedAppearance
- Accent color, icon, fonts, corner radius and position
- Header title/subtitle, welcome message and suggested quick replies
- Auto-greet: a teaser bubble pops after a few seconds
Mobile bottom navigation clearance
If your site has a fixed mobile bottom navigation, add data-mobile-bottom-offset to the embed code. The unitless value is in CSS pixels, applies only at widths up to 768px, and is added to the iPhone safe-area clearance.
<script src="https://vigent.ir/widget/loader.js" data-agent-id="YOUR_AGENT_ID" data-mobile-bottom-offset="88"></script>Pre-chat form
Enable the pre-chat form in widget settings and the assistant introduces itself, then asks for the visitor's name and mobile number before the chat starts. The visitor is saved to your CRM automatically and the agent addresses them by name. The intro text is editable, and the visitor can skip the form.
Domain security
Set an allowlist of domains in the widget settings so the widget only works on your own sites. An empty list means unrestricted (the dashboard warns about this).