Website chat and booking

One line of code on your website adds a chat and booking button. A visitor asks a question, books a time, or leaves a number, and they show up in your leads with the page they came from.

What it does

A small button sits in the corner of your site. When a visitor opens it, they can:

• ask a question and get an answer from an AI assistant that only uses the facts you gave it
• book a time on your calendar without leaving your page
• leave a name and number so you can call them back

Every visitor who leaves contact details becomes a lead in LeadBind with the source "Website chat" and the page they were on. You get the same new lead alert you get for every other lead.

Before you start

You need two things: the address of your website, and a way to edit it (or someone who can). The widget only loads on the addresses you list, so nobody else can put your widget on their site.

Get your code

In LeadBind, open Website (in the menu, under Lead sources). Type your website address and select Get my code. It is one line and it looks like this:

<script async src="https://leadbind.org/widget.js" data-site="st_your_site_key"></script>

Paste it just before the closing </body> tag so it loads on every page. If someone else manages your site, send them the code from the share button. It includes these steps.

Install on WordPress

1. Sign in to your WordPress dashboard.
2. If your theme has a place for footer scripts (often under Appearance, then Customize, then a section named Footer or Custom Code), paste the code there.
3. If it does not, install a header and footer code plugin, open its settings, and paste the code in the footer box.
4. Save, then open your site in a new tab. The button appears in the corner.

Do not paste the code into a page or post editor. Many editors remove script tags when you save.

Install on Wix

1. Open your site dashboard and go to Settings, then Custom Code. Custom code needs a Wix plan with a connected domain.
2. Choose to add custom code, and paste the code.
3. Set it to load on all pages, and place it at the end of the body.
4. Apply, then publish your site.

Install on Squarespace

1. Open Settings, then Advanced, then Code Injection. Code injection needs a Squarespace plan that includes it.
2. Paste the code in the Footer box.
3. Save. The button shows on your live site, not always in the editor preview.

Install on Webflow

1. Open Site settings, then the Custom code tab.
2. Paste the code in the Footer code box.
3. Save changes, then publish your site. Custom code only runs on the published site.

Install on Shopify

1. From your admin, go to Online Store, then Themes.
2. On your current theme, choose to edit the code.
3. Open the file named theme.liquid.
4. Paste the code on its own line just before </body>.
5. Save.

Install on a plain HTML site

Open each page (or your shared footer file) and paste the code just before </body>. Upload the file. That is all.

Check that it worked

After you paste the code, go back to Website in LeadBind. It shows three steps: Code shared, Seen on your site, and First test lead. There are three ways to check, and each one reports something real:

• Open my site to check opens your own site in a new tab. When the code loads there, a small line on your site says LeadBind is installed, and the Website page turns Live by itself within a few seconds. The link is made for your site only and stops working after 15 minutes. Nobody else visiting your site sees that line.
• Check now reads your home page and tells you whether the code is on it, and whether a visitor has loaded it yet. If your site adds the code with a tag manager, the code is not in the page itself, so trust Live over this check.
• Send a test lead puts one test lead in your Leads, marked Test, so you can see a website lead arrive. It is not a person: it has no phone number or email and nothing can call, text or email it. Remove it from the same page when you are done.

Your site shows as Live the first time a real page load reaches us. From then on the Website page leads with this week: chats, leads and bookings from your site, then the leads themselves, each with the same status it has in Leads. Once all three steps are done they are no longer listed, and the code is folded away under Show the code. If no visitor has loaded it in two weeks it shows as Quiet, which is a good time to check that the code is still there.

Change how it looks and what it says

Below your code, the Website page has a card for each setting. Each one saves with its own button.

• AI chat: the switch turns the chat on or off. What it says first is the greeting. Facts it may use is everything the assistant is allowed to answer from: your hours, the area you serve, what you charge to come out, what you do not do. It answers from those facts and nothing else. Select Save what it says.
• Look: the widget color, the mode (Match my site, Light or Dark), and the Button side, Right or Left. Select Save look.
• Allowed sites: the addresses the widget may load on, up to 10. Add one with Add address, or remove one with Remove. If the widget was blocked on an address, an Allow button appears next to it.
• Badge: the small "Powered by LeadBind" line under the widget. Any paid plan can rename or remove it. Select Save badge after you change the words.

From your AI assistant

Most of the Website page can also be done by an AI app you have connected to LeadBind (see AI access): add a website, get the install code and the steps for your site builder, check whether it is live, turn the AI chat or the whole button on or off, change the addresses it may load on, and send or remove the test lead. It can also make, rename and turn off your short booking links. The tools are list_sites, create_site, get_install_snippet, check_site_install, update_site, send_site_test_lead, list_booking_links, create_booking_link and update_booking_link. They are described in the Tools reference. An assistant cannot remove a website or a link. You do that yourself on the Website page.

If your site uses a Content Security Policy

Most sites do not set one, and you can skip this section. If yours does, your web person will know. Add these so the browser allows the widget:

Directive	Add
script-src	https://leadbind.org
connect-src	https://leadbind.org
frame-src	https://leadbind.org

The widget does not need 'unsafe-inline' or 'unsafe-eval', for scripts or for styles. It adds its styles inside a closed-off part of the page in a way a style-src rule does not block in current browsers, so you do not need to loosen your policy. On an older browser that cannot do that, a strict style-src can make the button look plain; it still works.

What it does not do

• It does not use cookies.
• It does not slow your page. It loads after your page is ready, and if our service is unreachable your page is not affected and the button simply does not appear.
• It cannot change how your site looks, and your site's styles cannot change it.
• It does not text anyone. A visitor can tick a box to allow texts about their request. The box starts unticked, and their answer is saved with the exact words they saw.

Troubleshooting

The button does not appear. Check that the address in your browser is on your allowed list, including the www version if you use it. Then check that the code is on the page: open your site, view the page source, and search for widget.js. If it is missing, the builder removed it or it was pasted into the wrong place.

It shows on one page but not another. The code is on some pages only. Move it to the site-wide footer.

The check says blocked. The code is running on an address that is not on your allowed list. LeadBind shows you the address it saw. Allow it if it is yours.

The chat says the limit is reached. Chats are limited per day, and per month on an account without a paid plan, so costs stay under control. Booking and the call back form keep working when the chat limit is reached.

The button covers something on my site. Move it to the other side with Button side under Look on the Website page.

I changed my code and the old one stopped working. That is expected. Making a new code turns the old one off. Paste the new one.

I use a page builder that is not listed. Look for a setting named custom code, footer code, embed code or code injection, and paste the code there. It works on any site that lets you add a script tag.