Access Your Site's Developer Tools

Access Your Site's Developer Tools

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, JavaScript (JS) code, custom fonts, and advanced editor preferences to your site. Note: Only users with the Manager or Admin role will have access to the Developer tools. More information on user roles.

To navigate to your site's developer tools, click Developer at the top of your Websites app.

 

CSS

The CSS dashboard lets you add custom code to alter the design of your site, beyond what is available in the Design panel. Any custom code added here will override the settings in the Design panel. 

 

Head JS

The Head JS dashboard is where you can add third-party scripts. Placing code or scripts here will place it in the Header, or section of your site. Note: If a script or application does not work after placing its code in the Head JS, try placing it in an HTML Block in your website's Footer instead.

 

Body JS

The Body JS dashboard is where you can add third-party scripts. Placing code or scripts here will place it in the Body, or section of your site. Note: If a script or application does not work after placing its code in the Head JS, try placing it in an HTML Block in your website's Footer instead.

 

Fonts

Navigate to the Fonts dashboard to include additional Adobe Fonts fonts not specified in the design panel. When using the font in CSS, you must use the specified font family. Use the "star" icon next to each font preview to select fonts that you may want to use later.

 

Preferences

Navigate to the Preferences dashboard to set the editor preferences. This will change how the editor looks. Changes made here are reflected in the other sections of the Developer tool and custom HTML blocks

 


    • Related Articles

    • Add Facebook (Meta) Pixel to Websites 360®

      You can measure the success of your Facebook Ads performance by adding the Facebook Pixel (also known as the Meta Pixel) to your website. Create your Facebook pixel If you have not yet created your Facebook Pixel, then follow these steps. If you ...

    • Verify & Submit Your Websites 360® Site to Google and Bing

      When you submit your sitemap to Google and Bing, you are ensuring that your website is listed in their search results. While search crawlers will find your website eventually, submitting your sitemap will speed up that process. Submitting your ...

    • Add Google Tag Manager to Websites 360®

      Note: This article walks through adding Google Tag Manager to your website. For adding the Google Analytics GA4 Tag, please refer to this article. When adding Google Tag Manager (GTM) to your website, you will want to make sure it "fires" on all ...

    • Image Tool Tabs

      The Image Collection allows you to edit image information with great detail. Each image has a Details, SEO, and Tags tab that allows you to modify the information for surface-level information, as well as SEO-level information. Details tab SEO tab ...

    • Add and Remove Website Users

      You have the ability to allow multiple users to manage and contribute to your website. Only Admins and Owners can designate another user as an Admin. If you need Admin access, please send these steps to an Owner or Admin on your account. Add a new ...