How to add a ChatGPT chatbot to Blogger

You want to embed your custom trained chatbot in your Blogger website page. Here’s how to add ChatGPT to Blogger with SiteSpeakAI.

Add your chatbot to your Blogger website

In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the Install Chatbot section in the sidebar, then click on the Copy Code button to copy your code snippet.

In Blogger

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

2. 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

3. 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

4. Preview viewing on a tablet

5. Preview viewing on a smartphone

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

7. Your chatbot button will now be displayed on your live page

8. If you click on the button it will display the chatbot dialogue

Your chatbot is now added to your Blogger website and your customers can start interacting with it.