> 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?

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlJtrZma0J1BPEPQv4%2Fimage.png?alt=media\&token=98c194a9-5f24-43f7-8e2b-0a834c05d343)

{% 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="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlLYg50ZHAfiTb0dzv%2Fimage.png?alt=media&amp;token=09db6ab8-5551-432c-b4a0-79ccbd2be499" alt="" data-size="original"> в левом верхнем углу, выберите **Вставка HTML кода** и перенесите его в нужное место

![Нажмите для увеличения изображения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlL7j6OgSbJ521bd7D%2Fimage.png?alt=media\&token=f8458c83-d09a-4b24-8600-9216651e633f)

4\. Наведите на блок **HTML** и нажмите на значок<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlMI2RZ6JuY1PqDAkO%2Fimage.png?alt=media&amp;token=09dff9ea-2bb5-4baf-aaa2-ca75e9d38d15" alt="" data-size="original">

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlMrRCaWDISo7_jFV3%2Fimage.png?alt=media\&token=ca7bbf38-324a-4ab4-be5b-41b8b4369f67)

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlN2VqFh6fvILqgWVs%2Fimage.png?alt=media\&token=5525a144-4c0a-4641-93ff-a8b78e8b453f)

6\. В правом верхнем угла экрана нажмите на надпись **Не сохранено**, дождитесь когда она изменится на <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlNdb9-vvFj8b2u7j4%2Fimage.png?alt=media&amp;token=56bf1c50-adc1-45ca-8cb2-6d3abfbcc4fb" alt="" data-size="original"> и нажмите **Опубликовать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlNY2w8B31Wv-5tLxV%2Fimage.png?alt=media\&token=c028a99f-9acd-4cd3-99fd-eb486bffa821)

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

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