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
- Visit https://sites.google.com and log in using your Google account to access the dashboard.
Step 2: Create a New Site
- Click on the โBlank Siteโ option to start building your website from scratch.
Step 3 : Access the Embed Option
- Once the canvas opens, locate the right-side navigation panel and click on the โEmbedโ option.
Step 4 : Choose Embed Method
A dialog box will appear with two tabs:
- By URL
- Embed Code
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.
Step 7: Confirm & Insert
- If everything looks correct, click the โInsertโ button to embed the widget into your site.
Step 8: Publish Your Site
- Finally, click the โPublishโ button at the top-right corner of the editor to make your changes live.
Having Trouble? Let's Troubleshoot!โ
If your BluBuddy chatbot isnโt appearing or functioning properly on your Google Sites website, try these quick fixes:
- Check Code Placement: Ensure the chatbot script is correctly pasted in Google Sites as per directions above.
- Verify Installation Code: Ensure that the "Update" button was pushed when the bot was being installed on Google Sites.
- 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.