Back to Installing Your Chatbot

How to add a ChatGPT AI support agent to Blogger

You want to embed your custom trained AI support agent in your Blogger website page. Here's how to add an AI support agent to Blogger with SiteSpeakAI.

What is Blogger?

Blogger (now known as Blogger by Google) is a free, web-based blogging platform. Think of it as a really simple way to create and publish your own website or blog – without needing to know a lot about coding or web design. You write posts, add pictures, and it automatically puts them on your website. Google handles all the technical stuff like hosting and security.

Who is it best suited for?

  • Beginners: It’s incredibly easy to use, even if you’ve never created a website before.
  • Personal Blogs: Great for sharing your thoughts, hobbies, travel experiences, recipes, or anything you want to talk about.
  • Small Businesses/Simple Websites: Can be used to create a basic online presence for a small business, portfolio, or to share news.
  • People who want a free and straightforward option: It’s completely free to use, and there are no complicated subscriptions.

Website URL: https://www.blogger.com/

Add your AI support agent to your Blogger website

In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the Install Agent section in the sidebar, select the Javascript tab and then click on the Copy Code button to copy your agent code snippet.

uploads/help-center/images/edEJJwYZIxh6D0fqySoC221cKBAs2GoAHAQ29MWP.png

In Blogger

  1. On your dashboard, click on Pages and select the page you want to edit

1 - Blogger - Select Page under Pages.png

  1. In the editor dialogue, make sure </> HTML view is selected and insert your snippet just above the closing </head> tag. Click on Preview to display a preview of your page

2 - Blogger - Insert snippet just above the head end tag.png

  1. The preview display allows viewing on different media sizes (Desktop, tablet as well as smartphone). It also displays your Chatbot button but note that the button is not active and cannot be clicked on

3 - Blogger - Preview allows viewing on different media sizes.png

  1. Preview viewing on a tablet

4 - Blogger - Preview viewing on a tablet.png

  1. Preview viewing on a smartphone

5 - Blogger - Preview viewing on a smartphone.png

  1. Return to the editor and click on Update to update your live page

6 - Blogger - Click on Update to update your live page .png

  1. Your AI support agent button will now be displayed on your live Blogger website page 7 - Blogger - Chatbot button displayed on live page .png

  2. If you click on the button it will display the AI support agent dialogue 8 - Blogger - Chatbot dialogue displayed on live page .png

Your AI support agent has now been added to your Blogger website and your visitors/customers can start interacting with it!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.