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 <head> 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 <body> 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
Comments
0 comments
Article is closed for comments.