When adding custom code in Super, it’s important to know where your code is placed, as this determines which parts of your site are affected.
Global Code (Site-wide)
Code added in the global Code Injection section will apply to your entire website.
Use this when:
You want consistent styling across all pages
Adding analytics scripts (e.g., Google Analytics)
Applying global JavaScript behavior
Note: Changes here will affect every page, so use with caution.
Page-Level Code (Specific Page Only)
If you want your code to apply only to a single page, you should add it directly in that page’s Code section.
Super provides three tabs for Code Section that applies to Global and Page Level Code
Head
Loads before the page renders
Best for:
Meta tags
Font imports
Scripts that must load early
Body
Applies to the visible content of the page
Best for:
HTML embeds
JavaScript interactions
Page-specific features
CSS
Used for styling that page only
Best for:
Layout adjustments
Design overrides
Fixing visual issues on a specific page
Example
If you add this in global code:
window.location.replace("https://example.com");It will redirect your entire site.
If you add it in a page-level Body tab, only that specific page will redirect.
Key Takeaway
Global Code affects the entire site
Page-Level Code (Head, Body, CSS) affects only one page
If you only want changes on a specific page, always use the page-level Code section.