Learn How To Install The ADA Tray® On Various Platforms and Websites

Guide Book

Learn How To Install The ADA Tray® On Various Platforms and Websites

How do I manually install ADA Tray® on a HTML/CSS website?

#1
The ADA Tray® JS Code can be pasted in the footer portion of your dynamic HTML website file, directly above the Body Closing Tag. If your HTML website is static, you must paste the JS code into each HTML file for each page. Then, scroll down each page file and paste the code you received in your registered email address just above the Body Closing Tag.
ADA Tray JS Code
ADA Tray Widget
#2
You can see the ADA Tray® widget on your website if you refresh it. In addition, you can change the icon's location, WCAG Feature, and other settings at any moment. To learn more, go to the customization page ‘Theme Editor’.

In order to ensure that the installation went smoothly, visit your website and you will find the ADA Tray widget display in the designated quadrant of your website page.

If you want to customize the widget position and location, follow the instructions in our Customization support page

How do I manually install ADA Tray® on a Shopify website?

#1
Log in to your Shopify Account.
Shopify Account
Online Store
#2
Click on “Online Store” on the Menu under the dashboard. You can see “Themes” under Online Store; click for further process.
#3
Click on “Action” on the Right-hand side of your dashboard and select “Edit Code”.
Edit Code
Layout Section
#4
Once you are on your code page, click on “Theme Liquid” under “Layout Section” on the left-hand side of the page.
#5
Scroll all the way down and find the body closing tab. Enter the JS code for ADA Tray® just above the body closing tab, now save the changes.
JS Code For ADA Tray®

In order to ensure that the installation went smoothly, visit your website and you will find the ADA Tray® widget.

If you want to customize the widget position and location, follow our Customization support page or get JS Code easily by Filling the Form or through your My ADA Tray® dashboard.

How do I manually install ADA Tray® on a WIX website?

#1
Log in to your Wix Account.
Wix Account
Select 'Settings' from the 'Mysite' dashboard's menu
#2
Select 'Settings' from the 'Mysite' dashboard's menu.
#3
Scroll down to the 'Advanced' panel and select ‘Custom Code’.
Scroll Down To The 'Advanced' Panel And Select
                                            ‘Custom Code’
In The 'Body-End' Section, Click 'Add Code.'
#4
In the 'Body-End' section, click 'Add Code.'
#5
Select the final option, 'Body - end.' And then click 'Apply.'
Select The Final Option, 'Body - End.' And Then Click
                                            'Apply.'
Load
                                            Code On Each New Page
#6
In the same window, enter a name and choose 'All Pages' which will make all the pages accessible. Select the option 'Load code on each new page' from the dropdown menu.

Done! You have completed the installation of the ADA Tray® widget on your website.

If you want to customize the widget position and location, follow our Customization support page or get JS Code easily by Filling the Form or through your My ADA Tray® dashboard.

How do I manually install ADA Tray® on a Webflow website?

#1
Navigate to your dashboard and then to the 'Settings' tab.
Navigate To Your Dashboard And Then To The 'Settings'
                                            Tab
Click 'Custom Code' On The 'Settings' Page
#2
Click 'Custom Code' on the 'Settings' page.
#3
Scroll down and click 'Footer Code.' Copy and Paste the ADA Tray® Code script you received from us via email when you registered your website for our software.
Copy And Paste
                                            The ADA Tray® Code
Save Changes
#4
Click 'Save Changes' after pasting the code and publish your website for the changes to update.

If you want to customize the widget position and location, follow our Customization support page or get JS Code easily by Filling the Form or through your My ADA Tray® dashboard.

ADA Tray®Support Centre