How to embed your line of code to be ADA compliant
BigCommerce
⦁ On the left side click on Storefront
⦁ Go to Script Manager and create a script (name the script)
⦁ Location on page should be on footer. Under select pages where script will be added make sure it’s on All Pages. Script type should be Script
⦁ Scroll down to Script and paste the code
⦁ You should now see the widget on your website
ClickFunnels
⦁ Go to the funnel you wish to use to add the widget on and click the Edit Page button.
⦁ On the next page, go to Settings and click on Tracking Code
⦁ You should paste the script inside the Header section, close it, and the Save it
⦁ You should now see the widget on your website
Convertri
⦁ Go to the funnel page you’re working on and click on Scripts on the left pane of the screen and then add funnel script
⦁ Give the script a name, select Head, and paste the script, and save it
⦁ You should now see the widget on your website
⦁ Remember you’ll need to republish your pages for a script changes to take effect
Drupal
⦁ Go to structure and click on Block Layout
⦁ Click on Custom Block Library, add a custom block, type a block description
⦁ Change the text format from basic to full HTML and click on Source. Scroll down and click on Save
⦁ The code is currently inside a block so now you have to place the block inside the footer
⦁ Go to Block Layout and scroll down to footer fifth
⦁ Make sure to place this block inside the footer and click Place Block
⦁ Deselect display title, click on save, and save blocks
⦁ You should now see the widget on your website
Duda
⦁ Go to your website editor. On the left side menu, click on Settings.
⦁ Click on Head HTML. In the blank Body end HTML field, paste the script
⦁ After pasting the script, click save and publish your site
⦁ You should now see the widget on your website
Google Tag Manager
⦁ Log in to your Tag Manager account at the following link: https://tagmanager.google.com with your account email address and password
⦁ In the left side menu, click tags and then on the new button
⦁ Change the tag name to “ADA Notify”or a similar name and click on the first option tag configuration
⦁ On the right side menu, scroll down and select custom HTML
⦁ In the blank HTML field, paste the script
⦁ After pasting the script, just below it, you’ll see the triggering area. Click it, or on the edit icon on the right
⦁ In the new window that opens up, select all pages
⦁ After clicking all pages, tag manager will return you to the previous window, where you’ll need to click the save button to save the tag
⦁ After saving the tag, go back to the main screen of your account in tag manager and click the submit button located on the top right
⦁ You should now see the widget on your website
HTML
⦁ Find a closing head tag for html document
⦁ Copy the code in the head tag
⦁ You should now see the widget on your website
Hubspot
⦁ Go to the Landing Pages section. Click on Marketing-Website-Landing Pages
⦁ On the Landing Page click on Edit and Settings
⦁ Scroll down to Advanced Options
⦁ Continue to scroll down to Footer HTML and paste the code
⦁ You should now see the widget on your website
Instapage
⦁ Go to the landing page you’re working on then click on it
⦁ Go to Scripts & GDPR
⦁ Then choose HEAD and paste the script that was sent to you and save
⦁ You should now see the widget on your website
Joomla
⦁ In the Joomla control panel, in the upper menu, click on Extensions, Templates, and Templates again.
⦁ Select the template you’re working on. Inside the template find the “index.php” file and click it
⦁ Search for the body closing tag and create some space. Paste the code about the tag and save it
⦁ You should now see the widget on your website
Leadpages
⦁ Open the landing page or website template that you want to embed with the script that was sent to you.
⦁ Go to Widgets and locate HTML and cli1. ck on it.
⦁ Ensure your drag and drop the HTML element to position you want the widget to show up on your website.
⦁ After dragging the HTML element to the position you want, click inside the element for the HTML box to appear and paste the script that was sent to you and save it
⦁ Publish the page
⦁ You should now see the widget on your website
Magento
⦁ On the left menu, click on Content then Configuration
⦁ Click on Edit. Scroll down to HTML Head and click on it
⦁ Scroll down to Scripts and Style Sheets and paste the code. Save configuration
⦁ You’ll have to flush Magento cache by clicking on System and click Cache Management
⦁ Click on Flush Magento Cache
⦁ You should now see the widget on your website
Optimizepress
⦁ Go to Analytics and Tracking
⦁ On the right side of the screen paste the script that was sent to you in either the header or footer and save
⦁ You should now see the widget on your website
Paykickstart
⦁ Go to the Add Custom CSS/Tracking Scripts
⦁ Copy and paste the code that was sent to you and save it
⦁ You should now see the widget on your website
Prestashop
⦁ In the Prestashop backend, you need a module for the widget code
⦁ You can use a free module called “HTML Box”. Once you upload the module you will have to configure it
⦁ To find the module that you have installed, on the left menu click “Module Manager,” and scroll all the way down
⦁ When you find the “HTML Box,” click on “Configure”
⦁ Scroll down. If you want to use a script, you’ll have to disable the HTML purifier.
⦁ To make sure it’s disabled, on the left menu scroll down until you find “Shop Parameters”
⦁ Go to General (open a new tab), and locate HTML Purifier Library and make sure it’s disabled (it should be on No)
⦁ Go back to the module and click on Source Code. Paste your code and click Ok.
⦁ Scroll down and click on Save
⦁ You should now see the widget on your website
Shopify
⦁ Go to Themes, click on Action, and the click on Edit Code
⦁ In the Edit Code Section, Find theme.liquid file, then locate the header section. You will see a code like this {% section ‘header’ %}, place your cursor on the closing bracket and click on enter twice on your keyboard
⦁ Paste the script you was sent and click on save
⦁ You should now see the widget on your website
SquareSpace
⦁ Go to Settings and scroll down to Advanced
⦁ In Code Injection scroll down to Footer
⦁ Paste the code and click on Save
⦁ You should now see the widget on your website
Umbraco
⦁ Go to Settings, then Templates
⦁ Click on Master and scroll down and find the body closing tag
⦁ Paste the code on the top of the body closing tag and click Save
⦁ You should now see the widget on your website
Volusion
⦁ From within the dashboard, hover over the design menu item and click on the file editor option
⦁ Inside the file editor, you’ll find a list of editable files on the right under the title shortcuts. The first one, under the theme files title, is always your active template’s HTML file and it always starts with template_ and ends with .html, as shown in the screenshot below. When locating it, simply click it, and you’ll be prompted with a text editor to modify the HTML code of your template
⦁ To find the module that you have installed, on the left menu click “Module Manager,” and scroll all the way down
⦁ We suggest we suggest placing the script before the closing of the body tag, which is always the second line from the end of the file
⦁ In the defined area, paste the script and save
⦁ You should now see the widget on your website
Weebly
⦁ In the website editor, go to Settings and click on SEO
⦁ In the Footer box, paste the code sent to you and save
⦁ You should now see the widget on your website
Wix
⦁ Go to the website editor and click on Embed
⦁ Scroll to Custom Code and a page should open
⦁ Click on Add Custom Code and paste in the code in the Paste the code snippet here box. Name the code, select All pages, place code in Body-end and click Apply
⦁ Click out the edit, select Save and then Publish
⦁ You should now see the widget on your website
WordPress
To add the script to your WordPress website, you need to install a header and footer plugin.
⦁ To install the plugin, login to your WordPress Site Admin
⦁ Click on Plugins>Add New>Go to the search box and type “Header Footer Code Manager”
⦁ Install the plugin and Activate
⦁ After activating the plugin, go to the left pane of your WordPress dashboard and locate the plugin. It will appear as HFCM
⦁ Snippet Name: ADA Notify
Site Display: Site Wide
Location: Header
Device Display: Show on All Devices
Status: Active
Snippet/Code: Paste the script in the box
⦁ Click Save
⦁You should now see the widget on your website
Xfunnels
⦁ Click on xFunnels Dashboard
⦁ Go to the particular funnel you added to add the script and click on Edit Steps
⦁ Once it opens up, click on the little icon that looks like a pencil and click on Edit Page
⦁ Go to the Settings Icon and Click on Page Code (Header, Body, Footer)
⦁ The code will show up. Paste the script sent to you inside the header box. Click save and save again
⦁ You should now see the widget on your website
