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
- In the FMG website page editor, find the homepage or the specific webpage you want to add a <head> code to.
- 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.
- Click the "HTML Header Code" tab in the Advanced Settings:
- Now, paste the code you want to add to the <head> of this individual page.
- 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:
- Page-Specific Metadata: Embedding metadata or JavaScript code for a specific page.
- 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.
- 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: