Access to Developer Tools - CSS, Head & Body JS

Access to Developer Tools - CSS, Head & Body JS

Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer.

Developer tools allow you to add custom CSS and JavaScript (JS) code to your site. The tools are not available by default; you can follow the steps below to gain access.

Note: Only Owner and Admin roles can access the Settings panel. If you are a Contributor, you will need to ask the site Admin to grant you Developer permissions.

  1. Select the Settings icon (the "gear" icon) in the top navigation bar.
  2. Click on Users & Roles sub-header under Settings.
  3. Select the edit link next to the user email you want to grant access to.
  4. Check the Developer box and select Save.
  5. Refresh the Dashboard in your browser. You should now see an additional Developer icon in your Dashboard navigation bar.
    Screen_Shot_2021-10-05_at_10.35.45_AM.png

 

Once you access the Developer Tools dashboard, then you can add CSS codes or scripts in the Header (the Head JS dashboard) or Body (the Body JS dashboard) section of your site.
Screen_Shot_2021-10-05_at_10.38.12_AM.png

 

 

    • Related Articles

    • Add External Stylesheets/Script to Your Website

      IMPORTANT: The steps in this article require developer permissions. Please note that the following article is for advanced users who are comfortable with creating code. We do not recommend adding code unless you are completely comfortable with it, ...

    • Add Script/HTML to Every Page on Your Website

      Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer. You can add scripts into a block so that it ...

    • Verify & Submit Your Website Sitemap to Google and Bing

      When you submit your sitemap to Google and Bing you can gain access to their various webmaster tools. These tools allow you to track how your website is performing in search results, which keywords your website appears for, find which websites ...

    • HTML Block Doesn't Appear in Preview

      Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer. When you are using the Design tool, you may ...

    • HTML Block Errors

      Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer. Any HTML inserted into an HTML block must be ...