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

![](/files/-MXlQGdR90gZnnJrB_Al)

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

1\. В **бэк-офисе Insales** нажмите на вкладку **Сайт**, затем выберите **Дизайн** и нажмите на значок <img src="/files/-MXlQi4TTZjiiehHCFdE" alt="" data-size="original"> у вашего текущего шаблона

![](/files/-MXlQcboCPieLNxtoGh6)

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

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

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

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

4\. Снизу появится надпись <img src="/files/-MXlSUB1aVSvD1lnVNQA" alt="" data-size="original">

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

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