Skip to main content

Google Sites

What is Google Sites?โ€‹

Google Sites is a free website builder offered by Google that allows users to easily create and share web pages without any coding knowledge. It is part of the Google Workspace suite and integrates seamlessly with other Google services like Google Drive, Docs, Sheets, Slides, Calendar, and Forms.

๐Ÿ” Key Features:โ€‹

  • Drag-and-Drop Interface: Easy-to-use visual editor for building pages.
  • No Coding Required: Perfect for beginners and non-technical users.
  • Real-Time Collaboration: Multiple users can edit a site simultaneously, similar to Google Docs.
  • Responsive Design: Sites automatically adjust for desktop, tablet, and mobile devices.
  • Integration with Google Tools: Embed Google Docs, Forms, Maps, YouTube videos, and more.
  • Permissions Control: Choose who can view or edit the site using Google account access settings.
  • Free Hosting & SSL Security: No extra costs or setup needed for hosting or security.

๐Ÿ“Œ Common Use Cases:โ€‹

  • Team or company intranets
  • Project or event pages
  • Class websites for educators
  • Personal portfolios or resumes
  • Documentation hubs

โœ… Pros:โ€‹

  • User-friendly and quick setup
  • Google ecosystem integration
  • No maintenance or hosting worries

โŒ Limitations:โ€‹

  • Limited design flexibility compared to advanced builders
  • Few templates and customization options
  • Not ideal for complex or highly branded websites

Google Sites is best suited for simple, information-based websitesโ€”especially for users or teams already using Google Workspace.

Embbeding your Blubuddy Widgets on your Google Site Website

Step 1: Log In to Google Sites

1.png

Step 2: Create a New Site

  • Click on the โ€œBlank Siteโ€ option to start building your website from scratch.

2.png

Step 3 : Access the Embed Option

  • Once the canvas opens, locate the right-side navigation panel and click on the โ€œEmbedโ€ option.

3.png

Step 4 : Choose Embed Method

A dialog box will appear with two tabs:

  • By URL

4.png

  • Embed Code

4.1.png

Choose the "Embed Code" tab to proceed.

Step 5: Add Your HTML Widget Code

  • Paste your custom HTML code into the input field.
 <div id="chatbot" botId="YOUR_CHATBOT_ID"></div>
<script defer src="https://cdn.jsdelivr.net/gh/atozdebug/chatbot-widget@latest/index.js" type="module"></script>

Step 6: Proceed to Insert

  • Click the โ€œNextโ€ button to preview the widget.

5.png

Step 7: Confirm & Insert

  • If everything looks correct, click the โ€œInsertโ€ button to embed the widget into your site.

6.png

Step 8: Publish Your Site

  • Finally, click the โ€œPublishโ€ button at the top-right corner of the editor to make your changes live.

7.png

Having Trouble? Let's Troubleshoot!โ€‹

If your BluBuddy chatbot isnโ€™t appearing or functioning properly on your Google Sites website, try these quick fixes:

  1. Check Code Placement: Ensure the chatbot script is correctly pasted in Google Sites as per directions above.
  2. Verify Installation Code: Ensure that the "Update" button was pushed when the bot was being installed on Google Sites.
  3. Clear Cache & Refresh: Clear browser cache and refresh your website. Try opening it in Incognito Mode.

If everything is correct and you are still unable to move forward, write to us at hello@blubuddy.io Our Team will reach out to you as soon as possible for troubleshooting your problem.