Super has no-code themes and styling options, but you can also use Custom Code snippets for more advanced styling and third-party scripts.
Overview of the different ways to apply custom code in Super
Super allows you to customize your website by embedding custom code. You can do this globally, applying the code to every page, or at the page level, where each page can have its own code.
In the global code section, you can add scripts for analytics or fonts in the head tab, manipulate page content in the body tab, and apply custom CSS styles in the CSS tab. In the page section, you can edit code specific to a page.
It's recommended to put scripts in the body section and apply CSS in the CSS section. With Super's customization options, you can make your website more tailored to your needs.
Applying custom code to your entire site
You can add custom code to your entire site or on specific pages. To add code for the entire site, head into your Super site dashboard and click into the Code page.
Here you have the option to add code in three tabs, Head, Body, and CSS:
- Use Head for adding scripts and other embed code for things like analytics, pop-ups, cookie consents, or chat bubbles
- Use Body for adding scripts and HTML to the body area of the page (Super will add the code to the top of the body section (top of the page)
- Use CSS for adding CSS code for styling (the CSS will apply to every page)
Applying custom code to a single page
To apply custom code to a specific page, not the whole site, head into Pages on your Super site dashboard.
Click on the page and then the Three Dots for that page, and select on Edit code </>. Here you can apply and edit custom code to apply only to your selected page.