# Как добавить HTML-код

На сайт можно добавить виджеты или скрипты внешних сервисов, которые поддерживают интеграцию с помощью HTML-кода. Например: онлайн-чаты, формы, панорамные туры, карты и т.д.

Для этого зарегистрируйтесь в сервисе и получите **HTML-код** для размещения на вашем сайте.

### Добавление HTML-кода на одну страницу

* Откройте [составную страницу](/site/pages/tipy-stranic/custom-page.md) в панели управления и нажмите на кнопку <mark style="background-color:blue;">**(+)**</mark>, чтобы добавить новый блок.

<figure><img src="/files/iRw6qH4TRsDzAmaJkesX" alt=""><figcaption></figcaption></figure>

* Перейдите во вкладку **«Виджеты»** и выберите блок **«HTML»**.

<figure><img src="/files/6xmhsAMmq6Oqq12vZ3qT" alt="" width="563"><figcaption></figcaption></figure>

* Cкопируйте HTML-код внешнего сервиса и добавьте его в блок. Сохраните изменения на странице.

<figure><img src="/files/yktPGvPjaei0RIepnGlW" alt=""><figcaption></figcaption></figure>

### Добавление HTML-кода на весь сайт

Чтобы код действовал на всех страницах сайта, добавьте его в раздел настроек **«Интеграция с сервисами»**.

* **Сторонний код в теге \<head>.** Код будет работать на всех страницах сайта без видимых элементов на страницах. Например, [пиксель ВК](broken://pages/-Lu2nYaP1m2yjQvDibpf#vk) или Google Tag Manager.
* **Сторонний код в теге \<body>.** Содержимое будет показано на всех страницах сайта. Например, виджет онлайн-чата.

{% hint style="info" %}
Перед добавлением кода ознакомьтесь с инструкцией вашего сервиса.
{% endhint %}

<figure><img src="/files/QHv0bDuYfe52AE9SnsTj" alt="" width="563"><figcaption></figcaption></figure>


---

# 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://docs.wfolio.pro/site/blocks/widgets/html-code.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.
