Skip to main content
Your website is where most customers form their first impression of your business. A chat widget gives visitors an immediate way to ask questions, get support, or move through a purchase — without leaving the page. Fliqr AI’s website chat widget connects directly to your flows and AI Agents, so responses are automated from the moment someone opens the chat. This page covers how to embed the widget, customize its appearance, pass visitor data for personalization, and the channel’s limitations.

​
Prerequisites

  • A website where you can add a <script> tag — any platform works, including WordPress, Shopify, Webflow, Squarespace, Wix, or custom HTML
  • Admin access to your site’s theme or template files (or a plugin manager, for WordPress)

​
Connect Website Chat to Fliqr AI

1

Open channel settings

In Fliqr AI, go to Settings → Channels → Website Chat.
2

Customize the widget

Configure the appearance options (color, avatar, welcome message, position). The right-hand panel shows a live preview as you make changes.
3

Copy the embed script

Click Copy Script. The snippet looks like:
4

Paste the script on your site

Add the script tag just before the closing </body> tag on every page where you want the widget to appear. If you use a tag manager (Google Tag Manager, Segment), you can deploy it from there as a Custom HTML tag.
5

Verify the widget

Load your website in a browser. The chat bubble should appear in the corner you selected. Click it to confirm the widget opens and your greeting message displays.
[SCREENSHOT: Website Chat customization panel with live preview on the right side]

​
Supported message types

All widget appearance settings are configured in Settings → Channels → Website Chat. Available options include primary color, header text, avatar image URL, welcome message, input placeholder, chat bubble icon, screen position (bottom-left or bottom-right), font family, and greeting delay (seconds before the widget auto-opens; 0 disables auto-open).
Set a greeting delay of 3–5 seconds so the widget does not interrupt visitors the moment they land on your page. Visitors who are still reading are less likely to engage with an immediate popup — a short delay lets them settle before the prompt appears.
When a logged-in user visits your site, pass their identity to Fliqr AI so flows and AI Agents can address them by name and prefill known data:
Place this block before the widget embed script so the data is available when the widget initialises. The name and email fields map to standard contact fields in Fliqr AI; any other key is treated as a custom field. If your site runs on WordPress, go to Plugins → Add New, search for Fliqr AI, install and activate it, then paste your Widget ID (from Settings → Channels → Website Chat) into the plugin settings. The widget loads on all pages automatically — no manual script editing required.
Visitor identity data passed via window.FliqrAI.push is used only to identify and update the contact record in Fliqr AI. Review your privacy policy to confirm this is consistent with how you describe data collection to your users.

​
Limitations

Browser-only. The website chat widget runs in a web browser. It does not support native mobile push notifications. If you need to re-engage mobile app users outside an active browser session, use the Fliqr AI API to send messages through a mobile-appropriate channel (SMS, WhatsApp, or Telegram).One widget per channel entry. Each Website Chat channel in Fliqr AI generates one embed script. If you want different widgets on different sites (separate brands, separate flows), create a separate channel entry for each.

​
What’s next

Flow Builder overview

Build the conversation flow your widget triggers when a visitor opens the chat.

AI Agents

Attach an AI Agent to answer open-ended visitor questions automatically.

Contact custom fields

Define custom fields to store visitor data passed through the JS identify call.

Live chat handoff

Route conversations to a human agent when the bot cannot resolve the inquiry.