Installation Guide | Our Support

Home
/
Support
/
Installation
/
Squarespace

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

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

Login to your Squarespace Site Management

Click on the ‘Settings’ on the Main Menu

Scroll down to find the ‘Advanced’ Option

Here you Select Code Injecion, Select Code Injetion.

Here select ‘footer body ’

Now, paste the ADA Tray® code in the ‘Footer body ’ which provided by us as showning in the image and click on ‘Save’ button.

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.