step-by-step: add a chatbot to Drupal site

Add the Chatbot to your Drupal site in a few simple steps.

note: You can find your VirtualSpirits Chatbot HTML code in the control panel under 'add to website'.

Drupal 8-9

1. Log in to the Drupal admin panel.

2. In "Tasks" pick "Configuration" and then click on "Text formats & editors".

3. Click on the blue button of "Add text formats".

4. Create a new format, name it, and disable all filters. Then, save.

5. Press on "Manage" on the top menu and then on "Structure".

6. On Structure pick "Block Layout" and select the tab of " Custom block library".

7. Click on the blue button of " Add custom block".

8. Enter the Block description as “Chatbot” and then copy and paste the Chatbot HTML code into the Body section. Click Save to finish.

Drupal 7

1. Log in to the Drupal admin panel.

2. In "Tasks" pick "Configuration" and then click on "Content Authoring" > "Text Formats".

3. Create a new format, name it "nofilters", and disable all filters. Then, press save.

4. Press on "Structure" the top menu and then on "Block".

5. Press on "Add Block".

6. Make a block and call it "chatbot".

7. In the block body text box copy and paste the Chatbot HTML code. At the bottom of the page, change the "Text Format" to "nofilters" type which you created, then save it.

8. Move the chatbot block to the "footer" and save it.