> 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-insales.md).

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlQGdR90gZnnJrB_Al%2Fimage.png?alt=media\&token=8baeaced-ce03-4009-93e4-ef2819fd8fe4)

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

1\. В **бэк-офисе Insales** нажмите на вкладку **Сайт**, затем выберите **Дизайн** и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlQi4TTZjiiehHCFdE%2Fimage.png?alt=media&amp;token=6f67519d-1b10-48dd-8f58-a9275eec52d5" alt="" data-size="original"> у вашего текущего шаблона

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlQcboCPieLNxtoGh6%2Fimage.png?alt=media\&token=2a0ff011-d443-4d64-8823-4cddd364af60)

2\. В редакторе шаблона нажмите на **Шаблоны**, затем выберите **index.liquid** для размещения виджета на главной странице

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

![Нажмите для увеличения изображения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlRNbHw5tK9CHrdOhV%2Fimage.png?alt=media\&token=57f614c0-5b3f-471c-bda6-721eb22a6f50)

{% hint style="warning" %}
Если вы хотите добавить виджет на другие страницы сайта, то данную процедуру необходимо проделать с каждой страницей шаблона. В таком случае **понадобятся навыки программирования.**
{% endhint %}

4\. Снизу появится надпись <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlS0FYrTkymryFGjKT%2F-MXlSUB1aVSvD1lnVNQA%2Fimage.png?alt=media&amp;token=632a34c0-2762-48c9-944f-05a531db589f" alt="" data-size="original">

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

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