How to add a ChatGPT chatbot to Github Pages

You want to embed your custom trained chatbot in your Github Pages website page. Here's how to add ChatGPT to Github Pages with SiteSpeakAI.

Add your chatbot to your Github Pages website

In SiteSpeakAI

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

In Github Pages

1. Log into your Github account and select your Github page you want to add the chatbot to

2. Select the index.html file of your page. If you have more pages in your Github website then you will have to repeat the whole process for each page

3. On the page editor page, select Edit this file and then select the way you want to edit the file, i.e. Edit in place (This opens an editor to allow editing), github.dev or Github Desktop. For the sake of this tutorial we will use the Edit in place option

4. When the editor opens your file in edit mode, scroll down and insert your snippet just above the </head> tag. When done, click on the Commit changes... button to commit your changes to the repository

5. Click on Commit changes in the Commit changes dialogue box

6. Your chatbot button will now be displayed on your Github Pages website page

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

Your chatbot is now added to your Github Pages website and your visitors/customers can start interacting with it!