Skip to main content
Guide

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.

Appearance

  • 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.

Example for an 88px bottom bar
<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).

Give it one try — you’ll see

Take a few minutes, build your agent from your own info and test it with a few real messages. Not for you? You’ve lost nothing.