Embed extra html/css/scripts into detailed page header for specific detailed pages

If you want certain scripts, styles, html to be added to the entire site, please use 'AdvancedSettings' sheet. Don't follow this page for applying Global settings. These instructions are only to apply scripts, styles, HTMLs to the <head> tag in specific detailed pages.

For scenarios where you need to embed specific html, css or script inside head tag of a specific detailed page, follow below steps.

This feature is available only in paid plans

Use cases:

  • Running a specific script on a few pages

  • Applying specific styles for a few pages

  • Adding required SEO tags to specific pages

If you want certain scripts, styles, html to be added to the entire site, please use 'AdvancedSettings' sheet.

Don't follow this page for applying Global settings. These instructions are only to apply scripts, styles, HTMLs to specific detailed pages.

Note that Templates are supported for adding the required content in Detailed Pages head Tag. See here for more info. This will make it much easier to add content to <head> tag in thousands of detailed pages by just creating a single template and using it on each page by just adding a single line template code.

Steps to follow:

  1. Go to 'DetailedPages' sheet in the Google sheet connected to your project.

  2. Go to the specific row (row corresponding to the page you want to update)

  3. Add required content in Column G (Column Name - Javascript/CSS in Head Tag)

  4. Any template/content that you add in Column G will be added inside the <head> </head> in that specific detailed page. [We highly recommend to use Templates instead of adding code manually]

If you are adding javascript, make sure you also have required <script>, </script> tags also included.

If you are adding css, make sure you also have required <style>, </style> tags also included.

If you are adding other tags like <meta> or <link>, make sure to add the tags also in the content or templates

Last updated