Installation Guide | Our Support

Home
/
Support
/
Installation
/
Wordpress

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

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

Click ‘Appearance’ on the main menu, then click on ‘Theme Editor’.

Scroll down to find the ‘Theme Footer’ under the ‘Theme Files’ tab on the Left hand of your screen.

Here you will paste the JS code provided by us. Now, scroll all the way down and find the body closing tab.

Now, paste the ADA Tray® code right on top of the body closing tab as shown in the below image and click on ‘Update File’.

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?

Click on “Online Store” on the Menu under the dashboard. You can see “Themes” under Online Store; click for further process.

Click on “Action” on the Right-hand side of your dashboard and select “Edit Code”.

Once you are on your code page, click on “Theme Liquid” under “Layout Section” on the left-hand side of the page.

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.

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?

Select 'Settings' from the 'Mysite' dashboard's menu.

Scroll down to the 'Advanced' panel and select ‘Custom Code’.

In the 'Body-End' section, click 'Add Code.'

Select the final option, 'Body - end.' And then click 'Apply.'

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?

Navigate to your dashboard and then to the 'Settings' tab.

Click 'Custom Code' on the 'Settings' page.

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.

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.