docs
EnglishChatigram website ↗Open Chatigram
Conversations

Live Chat on your website

Customize Live Chat appearance, configure website embedding, and choose between the ready-made widget and your own API-powered chat interface.

Plan availability #

Feature Free Starter Pro Enterprise
Active Lines 2 5 15 Unlimited

Allowances follow the published Chatigram pricing page. Your organization’s Billing & Plans screen confirms its subscription and current usage. Plans can change. Plan information reviewed 2026-11-10.

Test before you embed #

Create a Livechat Line and open its direct chat link. Send a test message before changing your website. This separates workflow setup from widget installation: if the direct link works, you can focus on the website integration next.

Use a fresh browser session when testing a first-conversation trigger. A returning conversation can behave differently from a new chat.

Customize the experience #

Open the Line’s settings and use Appearance to match the chat interface to your brand:

Setting What it changes
Chat Title The heading on the chat page
Theme Color The main chat theme color
Chat Logo The image shown in the chat page
Initial page title The welcome title before the first message; up to 40 characters
Initial page subtitle Supporting welcome text; up to 80 characters

Save and preview the chat after editing. Use a short title and wording that sets an honest expectation about what the assistant can do. Workflow messages are configured separately in the workflow editor.

If you use uploaded branding, preview it at a small size. Keep essential instructions in text so users do not need to interpret an image.

Install the widget #

  1. Edit the Live Chat Line and open Website Embedding.
  2. Set Website URL to your website’s full origin, such as https://www.example.com, without a trailing slash. Match the domain visitors actually use, including www where applicable.
  3. Optionally set Chat Button Tooltip, the short text shown when someone hovers over the chat button. It supports up to 20 characters; leave it blank if you do not want a tooltip.
  4. Save, then return to the Line overview and find Embed Livechat.
  5. Use Copy embed code and add the supplied script inside your website’s <head> using your platform’s supported installation method.
  6. Publish your website change through your normal process and test the page on a phone and a desktop browser.

Use the code shown in your application rather than a snippet with another organization’s Line identifier. Your website platform may restrict scripts or require an administrator to add them.

If Embed Livechat is missing, check that Website URL is set and saved. If you change the website domain later, update the Line’s setting and use its current installation details.

Build your own chat interface #

The widget is one way to use a Live Chat Line. You can also enable API Access and build your own interface with the Livechat HTTP API and webhooks. Generate the Line’s API key and download its OpenAPI specification from the overview after saving the setting.

Read Build a custom Live Chat interface for the setup, conversation sessions, message delivery, and integration checks. Website embedding and API access are separate settings; the widget installation script does not require you to expose an API key in your website.

Choose human support or Private AI mode #

For a team-supported Line, customers can be assisted by permitted teammates in Inbox. With Private AI mode enabled, the Line stays AI-only: its conversations are hidden from Inbox and human agents cannot view or reply to them.

Read Private AI mode before choosing the experience. An assistant must not promise a human handoff on a Line whose conversations the support team cannot access.

Use the direct chat link in places where an embedded widget is inconvenient, such as a help button, an email, or a QR code. Check it in a signed-out browser to see the visitor experience.

If the widget does not appear #

  • Test the direct link first.
  • Confirm you installed the complete, current snippet for the intended Line.
  • Check browser console errors and your website’s script restrictions.
  • Check that a content blocker has not blocked the widget.
  • Verify the Line connection and its assigned workflows.

If the widget opens but no automation responds, follow workflow troubleshooting.

Keep building.Need help with this? Explore troubleshooting ↗

Find an answer. Try “welcome workflow”, “database”, or “Telegram”.