Semua artikel

How to Add an AI Chat Widget to Your Website in 5 Minutes

2026-05-20 · AI chat widget, embed chat, website chatbot, ChatLM

Visitors expect instant answers. An AI chat widget for your website handles FAQs, qualifies leads, and reduces support load — without hiring a 24/7 team. With ChatLM, you can go live in about five minutes using a single embed script.

What you need before you start

  • A ChatLM account (free trial available)
  • An API key from OpenAI, OpenRouter, Gemini, or DeepSeek
  • Access to edit your site HTML or WordPress theme footer

Step 1 — Configure your bot in the dashboard

After signing up, open the dashboard and set your bot name, welcome message, brand color, and AI provider. Paste your provider API key and choose a model (for example openai/gpt-4o-mini on OpenRouter for a low-cost start).

Under Allowed Origins, add your live domain with https://, for example https://yourdomain.com. Include both www and non-www if you use both. For testing you can use *, then tighten before launch.

Step 2 — Copy the embed code

The dashboard shows a script tag like this:

<script src="https://chatlm.tech/widget/widget.js"
  data-api-key="YOUR_KEY"
  data-base-url="https://chatlm.tech"
  defer></script>

Place it just before </body> on every page where you want the chat bubble.

Step 3 — Publish and test

Open your site in a private/incognito window. You should see the chat button bottom-right. Send a test message and confirm the AI replies. Enable Telegram notifications in settings if you want a ping on every new visitor message.

Why ChatLM instead of a heavy live-chat suite?

Many tools charge per seat and per conversation. ChatLM is built for site owners who want a focused embed AI chat experience: one script, your API keys, your branding on paid plans.

Create your free account or compare plans to remove the watermark on Starter and Pro.

Siap pasang widget di website Anda?

Daftar gratis sekarang