Need some help  with accessiBe?
Find your answers  here!

How can I create a custom button that opens the accessWidget interface?

We recommend using accessWidget’s trigger button because it is clear and visible, and recognized by many users, and provides the most accessible experience to activate accessibility adjustments. In addition, if you want to avoid getting a demand letter or lawsuit, it’s preferable to have an accessibility button that everyone can see. 

However, you can create a custom button that opens the interface.

How to create a custom button

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.

Screenshot of customer portal

3. Under Customizing accessWidget Interface > Customizing accessWidget Trigger Button > Hide Trigger Button select Hide.

Screenshot of hide trigger

4. Choose your own element to replace with the current accessibility button.

5.  Add the following HTML attribute: data-acsb-custom-trigger="true"

Here is an example of a simple element to replace the trigger button that opens accessWidget.

<li class="site-footer__linklist-item">
<a href="#" data-acsb-custom-trigger="true"> Accessibility </a>
</li>

In this case the trigger button will be a link labeled Accessibility.

If you need further assistance, feel free to reach out to our support team via website chat!