How to install accessWidget's embed code?
If you’re using a popular CMS or website builder, we’ve got a dedicated guide for you. Explore our dedicated guides.
If not, you can follow these steps to easily install accessWidget on your website:
To install accessWidget on your website
1. On the accessiBe homepage, click Login in the top right corner, and log in to your account.
2. Go to Installation on the top menu.
3. Choose an installation method:
- Quick Installation - Install accessWidget with our default settings and design to provide the best customer experience.
- Customized Installation - Customize the accessWidget interface according to your brand guidelines and colors.
Quick Installation
- Click Copy to Clipboard to copy the installation code or click @Send Instructions to send installation instructions to your developer or webmaster.
- Log in to your website builder and paste the copied code inside the footers menu of your website, or place it just before the closing body tag.
Customized Installation
1. Under Customizing accessWidget Interface, set the following:
- Interface lead color - the main color used in the widget interface
- Interface footer content - type text to appear in the widget footer or leave blank
- Interface position - choose the position on the screen where you want to place the widget
- Accessibility statement link - type the link to display your accessibility statement of leave blank for the default
- Interface language - select the widget display language
2. The trigger is the accessibility button on your website that opens accessWidget for your users. Under Customizing accessWidget Trigger Button set the following:
- Trigger button color - set the color of the accessibility button that is used to open the interface. The default color is accessiBe blue. Trigger vertical position - select the vertical position of the accessibility button. The default is bottom.
- Trigger button shape - select the shape of the accessibility button. The default is round.
- Trigger horizontal offset - set the horizontal offset of the accessibility button from the edge of the screen. The default is 20.
- Trigger horizontal position - select the horizontal position of the accessibility button. The default is right.
- Trigger button size - select the size of the accessibility button. The default is small.
- Show/hide trigger button - show/hide the accessibility button. The default is show.
- Trigger vertical offset - set the vertical offset of the accessibility button from the edge of the screen. The default is 20.
- Trigger button icon - select an icon to represent the accessibility button
3. Under Customizing accessWidget Trigger Button for Mobile set the following:
- Show/hide trigger button on mobile - show/hide the accessibility button on mobile
- Mobile trigger vertical position - select the vertical position of the accessibility button. The default is center.
- Mobile trigger shape - select the shape of the accessibility button. The default is square.
- Mobile trigger vertical offset - set the vertical offset of the accessibility button from the edge of the screen on mobile. The default is 0.
- Mobile trigger horizontal position - select the horizontal position of the accessibility button. The default is right.
- Mobile trigger button size - select the size of the accessibility button on mobile. The default is small.
- Mobile trigger horizontal offset - set the horizontal offset of the accessibility button from the edge of the screen on mobile. The default is 0.
4. Click Generate Custom Script.
5. Click Copy to Clipboard to copy the installation code or click @Send Instructions to send all installation instructions to your developer or webmaster.
6. Log in to your website builder and paste the copied code inside the footers menu of your website, or place it just before the closing body tag.
Note: Whichever installation method you use, make sure to read our Website Onboarding Guide and follow the instructions carefully to get accessWidget set up right and running smoothly.
