Drupal Accessibility: Tabnav Widget Integration Guide

Quick Start

In this guide, we'll lead you through 7 straightforward steps to implement the Tabnav AI accessibility widget on the Drupal platform. Please ensure you have the Tabnav AI widget code ready and access to your desired website's management area to implement the widget.

First, log in to your Tabnav Dashboard and download the snippet code.
*If you have multiple sites, you can use the same JavaScript across all of them as long as they belong to the same project.

Login to your Drupal admin panel, then go to the "Structure"tab.

Select"Block Layout" from the options.

Scroll down and select any footer section, such as"Footer First"and click"Place Block".

Press“Add custom block” .

Enter a name for the block and then change the text format to "Full HTML" . Once that's done, please paste the Tabnav AI widget into the text section. Click on "Save"to apply your changes.

Next, uncheck "Display title", and then select all the pages you'd like to display the widget on the "Content types" tab. Then, choose the needed region (Footer First), and click "Save block" to apply the changes.

Scroll down to the bottom of the page, where you'll find the button labeled"Save blocks". Click on it to complete the process.

Mission Accomplished!

The Tabnav AI Accessibility Widget is now available on your site. Please visit your website and verify its availability. If the widget is not present, please consult the quick checklist below for key points to ensure its availability.

Widget Availability Checklist

• Cache Clearing: Clear your browser cache and refresh the page.

• Integration Saving:Ensure you saved the integration step after pasting the JavaScript into the hosting platform.

• Dashboard Check: Verify that the website on the Tabnav dashboard is spelled correctly.

• Code Pasting: Double-check that you pasted the code once and not twice in the same place.

If the widget is still unavailable, please contact our support team at support@tabnav.com.