Widget Installation Guide

Deploy your website-trained AI agent with a single asynchronous JavaScript snippet. Installs on any website in under 2 minutes.

Copy Embed Snippet Full Setup Walkthrough AI Training Guide

Universal CDN Script Tag

Paste this snippet right before closing </body> on any page.

// 1. Replace YOUR_AGENT_UUID with your Agent ID from Dashboard → Scripts

// 2. Paste before </body> in your HTML / theme file

<script

src="https://talk2site.com/widget.js"

data-agent-id="YOUR_AGENT_UUID"

async

></script>

Loads asynchronously under 15KB with zero render blocking.

Works on all desktop, tablet, and mobile smartphone viewports.

Instant real-time sync with dashboard color and prompt changes.

Platform-Specific Guides

Select your platform below for tailored step-by-step instructions.

Universal

HTML / Vanilla JS / PHP

For custom HTML sites, static websites, PHP, Laravel, Ruby on Rails, Django, and custom web apps.

Step-by-Step Instructions:

Open your website template or main HTML layout file.

Locate the closing </body> tag at the bottom of the page.

Paste the script tag directly above the </body> tag.

Save and publish. The chat bubble appears in the bottom-right corner automatically.

Embed Code Snippet:

<!-- Talk2Site AI Chatbot Embed Script -->
<script
  src="https://talk2site.com/widget.js"
  data-agent-id="YOUR_AGENT_UUID"
  async
></script>

Script Tag Configuration Options

Customize widget placement, theme, and automatic popup behavior via HTML data attributes.

Attribute	Required	Default	Description
data-agent-id	Required	None (Required)	Your unique agent UUID found in your Talk2Site Dashboard -> Scripts tab.
data-position	Optional	bottom-right	Widget screen placement. Options: bottom-right or bottom-left.
data-auto-open	Optional	false	Set to 'true' to automatically pop open the chat window on initial page load.
data-theme	Optional	auto	Color theme for the chat interface. Options: light, dark, or auto.

Ready To Train Your Agent?

Once the script tag is placed on your site, teach your AI assistant your company services, pricing, and FAQs using our automated crawler and document uploader.

Go to Training Guide View Setup Journey