Skip to content
New

Your dashboard is here — every conversation, every lead it captured, and what people keep asking about.

Take a look →

How to Add an AI Chatbot to Google Sites

Add an AI chatbot to your Google Sites website to answer visitor questions, explain your services, and guide people to relevant information. Place an embedded chat on your contact page, support page, or wherever visitors need answers.
Create your bot
  1. Copy the AI Chatbot embed code
  2. Paste the code into your site
  3. The chatbot live on the page

Create your chatbot and copy its code

Google Sites supports embedded widgets within page content. Floating chat launchers and popup widgets aren’t supported.

Open the AI Chatbot editor and enter your website address. Review the generated knowledge, add missing information, and test the chatbot’s answers.

Customize its appearance and select the embedded chat window layout. This displays the conversation directly on the page.

Save your chatbot and copy its complete installation code from the dashboard.

Add AI Chatbot using embed code

  1. Open your website. Sign in to Google Sites and select your site.

  2. Choose a page. Open Pages and select where you want the chatbot.

  3. Add an embed. Click Insert → Embed in the right sidebar.

  4. Paste your code. Select Embed code, paste the complete installation snippet, and click Next → Insert.

  5. Adjust the block. Move it into position and drag its borders to set the width and height.

  6. Publish. Click Publish to make the changes live.

Check the embedded chat’s position

Give the chatbot enough space for visitors to read answers and type comfortably. A wide section below a short introduction is a useful starting point.

For example, on a contact page, introduce the chat with: “Ask about our services, opening hours, or how to get started.”

Check that the message input remains visible and usable on both desktop and mobile. If the chat appears cut off, increase the embed block’s height and test again.

You can also embed the chatbot using its hosted share link.

  1. Copy the link. In your chatbot’s installation window, open Share Link → Copy Link.

  2. Open the target page. In Google Sites, select it under Pages.

  3. Insert the link. Choose Insert → Embed → By URL and paste it.

  4. Choose the display. Select Whole Page, then click Insert.

  5. Resize and publish. Adjust the block’s dimensions and click Publish.

Use either the installation code or the share link for each placement to avoid displaying the same chatbot twice.

Add your chatbot to other pages

Google Sites requires you to add the embed to each page individually. Repeat your chosen method wherever you want the chatbot available.

Prioritize pages where visitors are likely to have questions, such as services, FAQs, or contact information. You can also create a dedicated “Ask us” page and link to it from your navigation.

Test your chatbot installation

Open your published website in a new or private browser window and check that:

  • The chatbot loads and visitors can send and receive messages.
  • It appears on the intended pages.
  • The conversation and message input are fully visible.
  • Links, contact buttons, and other configured actions work correctly.
  • The layout is usable on desktop and mobile.

Test a few questions your visitors are likely to ask: If an answer is incomplete, review the relevant knowledge source and add the missing details.

If the chatbot doesn’t appear, check that you copied the complete installation code or correct share link and published your latest changes.

Need help?

Contact the support team with your website’s URL and the page where you want the chatbot. If the chat looks cut off or doesn’t load, include a screenshot so the team can check the issue.

Free installation assistance is available.