> For the complete documentation index, see [llms.txt](https://help.webstoryz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webstoryz.com/kak-ustanovit-webstoryz-vidzhet-na-creatium.md).

# Как установить Webstoryz виджет на Creatium?

![](/files/-MXlJtrZma0J1BPEPQv4)

{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu.md).
{% endhint %}

Установить Webstoryz виджет на сайт, сделанный с помощью [Creatium](https://creatium.io/) можно с помощью блока **HTML:**

1\. Откройте нужную страницу в Creatium

2\. Добавьте блок **HTML -** нажмите на значок <img src="/files/-MXlLYg50ZHAfiTb0dzv" alt="" data-size="original"> в левом верхнем углу, выберите **Вставка HTML кода** и перенесите его в нужное место

![Нажмите для увеличения изображения](/files/-MXlL7j6OgSbJ521bd7D)

4\. Наведите на блок **HTML** и нажмите на значок<img src="/files/-MXlMI2RZ6JuY1PqDAkO" alt="" data-size="original">

![](/files/-MXlMrRCaWDISo7_jFV3)

5\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**), для выхода нажмите в любое место вне окна

![](/files/-MXlN2VqFh6fvILqgWVs)

6\. В правом верхнем угла экрана нажмите на надпись **Не сохранено**, дождитесь когда она изменится на <img src="/files/-MXlNdb9-vvFj8b2u7j4" alt="" data-size="original"> и нажмите **Опубликовать**

![](/files/-MXlNY2w8B31Wv-5tLxV)

{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**

Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}