Advanced
The Advanced settings page lets you insert custom code into the HTML <head> or <body> of every page on your site. This is strictly for experienced users — if you're not sure what a code snippet does, don't paste it here.
Where to find it
- Go to Site Settings in the Club Management Portal.
- Open Advanced.
- Add or update your code and save.
Fields
Insert Into Head — Code placed in the <head> section of every page. Common uses: analytics tracking scripts, third-party verification snippets.
Insert Into Body — Code placed in the <body> section of every page. Common uses: chat widgets, site-wide embeds, custom JavaScript.
Important
Code entered here affects every page on the site. A mistake in either field can break layouts, disable tracking, or cause unexpected behavior across the entire site. If something goes wrong after adding code here, removing the snippet and saving again will restore normal behavior.
Example: Using a custom font
If your club needs a font that isn't available in the Font Settings picker, you can load it through the Insert Into Head field. This example loads a font from Adobe Typekit and applies it to headings:
<link rel="stylesheet" href="https://use.typekit.net/your-kit-id.css">
<style>
:root,
[data-bs-theme=light] {
--bs-headings-font-family: "museo-slab", "Merriweather", Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
--bs-headings-font-weight: 500;
}
</style>
The same approach works with Google Fonts or any other web font service — load the font stylesheet, then use a <style> block to set --bs-headings-font-family (for headings) or --bs-body-font-family (for body text). Always include fallback fonts in the list in case the custom font fails to load.
Tips
- Keep a copy of any code you add so it's easy to remove or compare later.
- Add one change at a time and test public pages after each save.
- Before adding code here, check whether the same result can be achieved through Theme Settings or page-level settings on Pages — the built-in tools are safer and easier to manage.
Related topics
- Site Settings - Overview of all Site Settings pages.
- Pages - Use page-level settings when a change should apply to a specific page only.
- Theme Settings - Use the built-in design controls before resorting to custom code.