How-To GuideBeginner5 min read

How to Add the AI Chat Widget to Your Website

Add Local Business Pro's AI chat widget to your website so visitors can chat with your AI receptionist 24/7.

Quick Answer: Go to Connect > Website Chat, copy the embed code, and paste it into your website's HTML just before the closing tag. The chat widget will appear on your site.

What You'll Learn

Adding the chat widget lets website visitors communicate with your AI receptionist without calling. It's available 24/7 and can answer questions, book appointments, and capture leads.

Step-by-Step Installation

Navigate to Connect > Website Chat
Find the Embed Code card
Click the Copy button to copy the code
Open your website's HTML editor (or CMS settings)
Find where to add scripts (usually footer settings or theme editor)
Paste the code just before the closing tag
Save and publish your changes
Visit your website to verify the chat bubble appears

Platform-Specific Instructions

WordPress - Use a plugin like Insert Headers and Footers, or add to theme's footer.php
Squarespace - Settings > Advanced > Code Injection > Footer
Wix - Settings > Advanced > Custom Code
Shopify - Online Store > Themes > Edit code > theme.liquid (before )

Frequently Asked Questions

Q: Will the chat widget slow down my website?
A: No, the widget loads asynchronously and doesn't impact page load time.

Q: Can I control which pages show the widget?
A: The widget appears on all pages where the code is installed. To limit it, only add the code to specific pages.