How to Add an AI Chatbot to Google Sites

Add a chatbot to a Google Sites page by embedding a chat widget through the Embed block. Here is what works, what to check, and how to keep your approved FAQ sources current.

Updated 5 min read

The practical way to add a chatbot to a Google Sites page is to paste a JavaScript embed snippet from a third-party chat service into the page's Embed block. Google Sites does not ship its own AI chat feature, so you are relying on an external widget. Tools like fenbs can keep the approved FAQ sources and change requests your team agrees on, so the next person to update the chatbot starts from a clear record rather than an old chat thread.

What Google Sites allows

Google Sites supports embedding external content through the Insert > Embed menu. You paste a URL or an HTML snippet and the site renders it in an iframe. The catch is that Google Sites applies a content security policy that blocks some types of scripts. Not every chat widget will render correctly; a widget that works fine on a standard web page may be blocked or silently fail in a Google Sites iframe.

Before picking a service, test its embed snippet on a published Google Sites page, not just a preview. Published pages apply the real security policy; previews sometimes behave differently. If the widget does not appear, check the browser console for content security policy errors.

Option 1: Embed a third-party chat widget

Services such as Tidio, Crisp, and similar tools provide an embed snippet you paste into a website. In Google Sites, go to Insert > Embed, choose "Embed code," and paste the snippet. Resize the embed block to match the widget's expected dimensions. After publishing the page, test the widget in a real browser to confirm it loads and can receive input.

  1. Create an account with your chosen chat service and set up the chatbot, including its name, greeting, and knowledge sources.
  2. Copy the embed code from the service's widget or installation settings.
  3. In Google Sites, open the page you want to add the chatbot to, go to Insert > Embed > Embed code, and paste the snippet.
  4. Resize and position the embed block. Click Publish to make the change live.
  5. Open the published URL in a fresh browser window and test the chatbot. Check that it loads, accepts a message, and responds correctly.

If the widget does not appear after publishing, open the browser developer tools and look at the Console tab for content security policy errors. Some services offer a separate iframe URL option that is more compatible with restrictive embedders; check the service's help documentation.

Option 2: Embed a public Dialogflow CX agent

Google's Dialogflow CX lets you publish a conversational agent and generate a test or messenger URL. You can embed the messenger URL as an iframe snippet in Google Sites. This approach stays within the Google ecosystem, which can simplify sign-in and access. The tradeoff is that Dialogflow CX requires more setup effort to configure intents, training phrases, and connected data sources compared to a simpler out-of-the-box chat widget.

What to check about data and privacy

When a visitor types a question into a chat widget embedded on your site, that message is sent to the widget service's servers. If your Google Sites page is internal, such as a company intranet or a team project site, confirm that the chat service's data processing agreement is acceptable to your organization before you publish. Ask specifically where messages are stored and for how long.

For public-facing pages, include a brief note near the chatbot that explains how messages are handled. Visitors on a US-based site may have rights under state privacy laws. Check with your legal team if the site collects names, emails, or other identifiable information through the chat interface.

Keep your FAQ sources and change requests organized

A chatbot is only as useful as the knowledge it can draw on. When you build a chatbot for an internal wiki or a product support page, the approved sources, the tone guidelines, and the decision to include or exclude certain topics should live in writing, not just in someone's memory. When a colleague updates the chatbot six months later, they need to know which sources were approved and what was left out on purpose.

How fenbs helps

Keep approved sources and chatbot rules in one place

fenbs stores Decisions and rules that every connected AI reads before the next session. Record which FAQ sources are approved, what the chatbot should not answer, and any tone guidelines the team agreed on. When the content needs updating, the next person finds the current rules rather than piecing them together from old messages.

Create a free account

Free for one person · No credit card · Works with Claude, ChatGPT, Cursor and more

How to do this with fenbs

  1. Create a free account and add a project for your Google Sites chatbot.
  2. Record the approved knowledge sources as Decisions and rules, including any documents, URLs, or FAQs the chatbot is allowed to answer from.
  3. Add a Links and listings entry for each connected service or widget you are using, including the service name and configuration location.
  4. When a content owner requests a change to the FAQ, add it as a task in To Do so there is a clear record of what is pending before it is published.
  5. Connect a supported AI assistant from Integrations to help draft chatbot responses or review the FAQ content, with your project rules in place.

fenbs does not connect directly to Google Sites or to your chat widget. It keeps the team's decisions about what the chatbot should say, and the change requests that are pending, in a record that survives a personnel change or a long gap between updates.

Questions people ask.

Does Google Sites support custom JavaScript?

Google Sites does not allow arbitrary JavaScript to run directly on the page. You can embed external content using an iframe-based embed snippet. Scripts that require direct DOM access or rely on features blocked by the site's content security policy will not work.

Will a Tidio or Crisp chat widget work on Google Sites?

It depends on the specific snippet the service generates. Some widget snippets are compatible with Google Sites embeds; others are blocked by the content security policy. Test the widget on a published page (not a preview) and check the browser console for errors before committing to a service.

Can I connect ChatGPT to a Google Sites page?

You can embed a third-party service that uses the OpenAI API as its backend. Google Sites does not have a direct ChatGPT integration. Set up a chat service or custom widget that calls the OpenAI API, then embed that service using the Google Sites Embed block.

How do I update the chatbot content without breaking the embed?

The embed snippet only changes if you switch services or change the widget ID. You can update the chatbot's knowledge sources, responses, and settings inside the chat service dashboard without touching the embed code in Google Sites.

Can I restrict the chatbot to logged-in Google users?

That depends on the chat service, not on Google Sites. Some services support user authentication. Google Sites itself can restrict page access to people in your Google Workspace domain, but the chatbot widget runs independently of that access control.

More in Connect your AI tools

All Connect your AI tools articles

Start with one thing.

Free for one person · No credit card · Works with Claude, ChatGPT, Cursor and more

There is nothing to set up first. Write one line and you’ve started.