Connect Web — Embed the Agent on Your Website
Written By Anand Raj
Last updated About 1 month ago
Connect Web lets you embed your AI agent directly on your website as a floating widget. Visitors can chat with the agent or talk to it by voice — without leaving your site.
How it works
You drop a small script tag into the <head> of your website. That script loads the Kickcall widget and connects it to this specific agent, so anything you've configured (identity, knowledge, voice) is what your visitors will experience.
Step 1 — Copy the embed code
Open Configure → Connect Web on the agent you want to embed. Under Connect Agent to website you'll see a ready-to-use script. Click Copy Code.
The YOUR_AGENT_ID value in the script is unique to this agent — do not change it.
Step 2 — Paste it into your website's <head>
Paste the script inside the <head> tag of every page where you want the widget to appear. Most website builders (WordPress, Webflow, Shopify, Wix, custom sites) have a "Custom code in head" or "Header scripts" setting for exactly this.
Once saved and published, the widget appears in the corner of your site:
Visitors can:
Chat — start a text conversation with the agent.
Voice — talk to the agent in real time, just like a phone call.
Step 3 — Customise the look
Under Customise Styling you can match the widget to your brand:
Button Color — the colour of the launcher button.
Icon Color — the accent / icon colour inside the widget.
Embed screen position — pick which corner of the page the widget sits in.
Changes apply automatically — no need to re-copy the script.
Frequently Asked Questions
Do I need a developer to install this?
Do I need a developer to install this?
Usually no. Almost every website builder has a setting for adding custom code to the <head>. If you're on a fully custom site, any developer can paste it in a couple of minutes.
Will the widget work on every page of my site?
Will the widget work on every page of my site?
Yes, as long as the script is in the site-wide <head>. If you paste it on a single page only, it will appear only on that page.
Can I change the agent later without editing my website?
Can I change the agent later without editing my website?
The script is bound to one agent via its ID. If you want to swap to a different agent, copy the new agent's script from its Connect Web tab and replace the one in your <head>.
Does changing styling or position require re-pasting the script?
Does changing styling or position require re-pasting the script?
No. Styling and position changes take effect automatically — the script always loads the latest configuration.
Will the widget answer using this agent's knowledge?
Will the widget answer using this agent's knowledge?
Yes. Conversations from the web widget use the same identity, voice and Knowledge Base you've configured for this agent — so test it from the Knowledge module before going live.
Does it support both chat and voice?
Does it support both chat and voice?
Yes. Visitors choose Chat for text or Voice to talk to the agent live, right inside the widget.
Was this helpful?
Still need help? Ask the team