# Как установить Webstoryz виджет на Tilda?
{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu.md).
{% endhint %}
Установить Webstoryz виджет на сайт, сделанный с помощью [Tilda](https://tilda.cc/ru/) можно двумя способами:
* [Используя блок **HTML-код (T123)**](/kak-ustanovit-vidzhet-na-tilda.md#ustanovka-vidzheta-s-pomoshyu-bloka-html-kod)
* [С помощью **Нулевого блока (Zero-block)**](/kak-ustanovit-vidzhet-na-tilda.md#ustanovka-vidzheta-s-pomoshyu-nulevogo-bloka)
## Установка виджета с помощью блока HTML-код
Данным способом можно установить виджет как на конкретной странице сайта, так и сразу на всех страницах, используя **Header** и **Footer** в Tilda.
### Установка на одной странице
1 .Откройте нужную страницу в Tilda
2\. Добавьте новый блок
3\. Пролистайте Библиотеку блоков вниз, и нажмите на **Другое**
4\. Выберите блок **(Т123) HTML-код**
5**.** В появившемся блоке нажмите на красную кнопку **Контент**
6\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Сохранить и закрыть**
7\. Нажмите **Опубликовать**
### Установка на всех страницах
Для установки виджета на всех страницах вам необходимо [создать отдельную страницу в Tilda и указать ее как **Header** сайта](https://tilda.cc/ru/answers/a/header/).
## Установка виджета с помощью Нулевого блока
{% hint style="info" %}
Рекомендуем использовать этот способ, если вы хотите вручную настроить расположение виджета на странице, а размещение по центру вам не подходит.
{% endhint %}
1 .Откройте нужную страницу в Tilda
2\. Добавьте новый блок
3**.** Пролистайте Библиотеку блоков вниз, и нажмите на **Нулевой блок**
4\. В появившемся блоке нажмите на красную кнопку **Редактировать блок**
5\. В левом верхнем углу нажмите на значок **+**
6\. В открывшимся окне выберите **Add HTML**
7\. Дважды нажмите на появившийся блок
8\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Close & Update**
9\. Настройте расположение и размер блока на свое усмотрение. Не забудьте изменить версии для мобильных и планшетов нажав на соответствующие значки сверху 
10\. Нажмите **Save,** затем **Close**
11\. Нажмите **Опубликовать**
{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**
Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% 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.webstoryz.com/kak-ustanovit-vidzhet-na-tilda.md?ask=
```
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.