# 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.&#x20;

{% hint style="warning" %}
This feature is available only in paid plans
{% endhint %}

**Use cases:**

* Running a specific script on a few pages
* Applying specific styles for a few pages
* Adding required SEO tags to specific pages

{% hint style="danger" %}
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**.
{% endhint %}

> *Note that Templates are supported for adding the required content in Detailed Pages head Tag. See* [*here*](https://help.siteoly.com/advanced/how-to-create-and-use-templates) *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](https://help.siteoly.com/advanced/how-to-create-and-use-templates)/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**](https://help.siteoly.com/advanced/how-to-create-and-use-templates) **instead of adding code manually]**

{% hint style="info" %}
If you are adding javascript, make sure you also have required \<script>, \</script> tags also included.&#x20;

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
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.siteoly.com/advanced/embed-extra-html-css-scripts-into-detailed-page-header-for-specific-detailed-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
