How to add a ChatGPT chatbot to GRAV

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

Add your chatbot to your GRAV website

Grav is a modern open source flat-file CMS and it makes use of Markdown. Before we start adding our chatbot, we have to do some setup to the configuration to allow your code snippet to be added.

For GRAV, you have to add your chatbot snippet to each page you want the chatbot to be displayed on, this means that the below instructions will have to be repeated for each page.

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 GRAV

1. Log into your GRAV account and on your dashboard, select Configuration on the left sidebar.

2. Select Content on the System configuration list and under Process, make sure Twig is checked and Markdown is unchecked.

3. Click on Save (Top Right) to save your changes if any.

Let's insert our chatbot snippet

4. Select Pages on the left sidebar.

5. Select the page you want to edit to add your chatbot snippet to.

6. On the editor page, select Normal (the Expert option allows for more settings that we are not going to use now).

7. Insert your snippet above (or below) any HTML content in the editor input dialogue box.

8. Click on Save to save your input. GRAV will display a warning regarding potential XSS issues in content. This is due to the fact that the snippet contains a JS script tag. You can ignore this warning.

9. Your chatbot button will now be displayed on your GRAV website.

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

Your chatbot is now added to your GRAV website and your customers can start interacting with it!