Page-Specific Header Code

Tailor Your Webpages with Page-Specific Header Code

Website Suite users on the Developer Theme can insert code into the <head> of individual website pages. This allows you to add code customizations on specific pages, such as implementing page-specific metadata and setting distinctive font styles without affecting the entire site.

How to add custom code to the header of an individual page

  1. In the FMG website page editor, find the homepage or the specific webpage you want to add a <head> code to. 
  2. Once you are on the webpage editor for the page you want, scroll down to the bottom of the page to the "Advanced Settings" section.
  3. Click the "HTML Header Code" tab in the Advanced Settings:
  4. Now, paste the code you want to add to the <head> of this individual page. 
  5. When you're done, click "Publish" to make these changes live on your website!

FAQs

Question: What are some reasons someone might want to add custom code to the header of an individual page?

Answer: Adding custom code to the header of an individual page can provide a range of benefits tailored to the specific needs of that page. Here are some reasons someone might want to do this:

  1. Page-Specific Metadata: Embedding metadata or JavaScript code for a specific page. 
  2. Third-Party Service Integration: Incorporating third-party tools or services, like a specific survey or form tool, that are relevant only to the content of that page.
  3. Custom Fonts: Loading specific fonts that are used exclusively on a particular page to maintain a consistent brand identity or design aesthetic.

Question: Can I use the page-specific header to add Google Analytics or Google Tag Manager to specific pages?

Answer: No, this feature is not intended for Google Analytics or Google Tag Manager. To add them to your website, please utilize the built-in integrations in the Website > SEO section of your FMG dashboard.  

More information can be found in these Knowledge Base articles: