Installation Guide

One line of code and you're done.

The Guidebot widget helps you make your website accessible. It works immediately after a simple installation and enhances your website's accessibility.

Guidebot works with both pre-built templates and custom-coded HTML/CSS environments. For the best experience, there are a few things to keep in mind — our Website Optimization tutorial can help.

Follow the step-by-step guide below to set up Guidebot's Accessibility Widget on your website in minutes.


Guidebot embed code

1
Log in to the Guidebot Dashboard at https://guidebot.org/dashboard, then select Edit in the domain list.
In the domain list, select edit
You will find the embed code for Guidebot in the Embed Code frame on the domain details page.
2
In the "Embed Code" box on the domain's details page, you'll find the embed code for Guidebot. Highlight the code and copy it to the clipboard (CTRL + C, or CMD + C on Mac), or click the clipboard icon to copy the full code automatically.

Installation on HTML platform

1
Open the root folder of your site with a simple text editor (Notepad) or code editor (VScode, Sublime, etc...) *
Instruction
Instruction
2
Open the layout file or the file containing the HTML header. *
3
Paste the code copied to the clipboard directly before the </head> tag and save the file to the server. *
Instruction
* (Image is for illustration purposes only, content may vary depending on the framework)

Guidebot supports most web platforms.