> 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-vidzhet-na-lpmotor-lpgenerator.md).

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlKQhkBS22x12iTHGR%2Fimage.png?alt=media\&token=9e4ad77d-159b-4d32-bc34-1b1ec4c533bd)

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgjk4dMPzBvS0lXzr4%2F-MXglZRycvr0eir4FyHX%2Flpgen.png?alt=media\&token=96af8b94-8dbe-48f9-b123-b06b9afca807)

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

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

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

2\. Добавьте новый блок, нажав на значок<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgjk4dMPzBvS0lXzr4%2F-MXgms-uQ3fBEohSdcWf%2Fimage.png?alt=media&amp;token=cc786e23-4f72-4770-92b4-978fed1aeba0" alt="" data-size="original">в левом верхнем углу

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlGewDhqOnrRp2xeHZ%2Fimage.png?alt=media\&token=c9ff096a-d680-47cd-9346-f615108ff007)

3\. Выберите **HTML блок** и перетащите его в нужное место на сайте

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlGvcsuZqdb1YuqqrI%2Fimage.png?alt=media\&token=fa072bf7-d58b-42cf-bf56-98334a9450c9)

4\. Дважды нажмите созданный блок

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlH7ZXeRm8CHGglE3z%2Fimage.png?alt=media\&token=2be985a1-13de-4aa7-abed-f620609f4947)

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlHIaYGMQKGLfmpnyW%2Fimage.png?alt=media\&token=ff3e8063-7086-4fd9-8b23-7f2d4e52ab0f)

6\. Нажмите **Опубликовать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlHVXIpCfspnRrOUlG%2Fimage.png?alt=media\&token=031898fc-d533-428e-8e08-5f3f8e66462d)

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

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

{% hint style="warning" %}
Что делать, если нет подходящего места для виджета?
{% endhint %}

В такой ситуации необходимо создать место для виджета, это можно сделать с помощью **Свободной секции:**

1\. Нажмите на кнопку <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlIAEFmK0_jvQ6JaLF%2Fimage.png?alt=media&amp;token=f93f2500-3149-4042-b13e-e23704d895ac" alt="" data-size="original"> **Добавить секцию**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlHo5FXV0iLH9MHC5j%2Fimage.png?alt=media\&token=66d7ae88-400d-4649-8677-25fbe0474834)

2\. В открывшимся окне выберите вкладку **Пустые**, затем нажмите на **Свободная** **секция**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlIQbb89koP2mFQ5zZ%2Fimage.png?alt=media\&token=ed40cf26-d625-4fa6-b41c-41bf86473654)

3\. В появившейся пустой секции нажмите<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlInTZd7oHsnVeurcy%2Fimage.png?alt=media&amp;token=fc5684da-0d34-4352-b520-bc35e7a55083" alt="" data-size="original">и перейдите к 3 пункту первой части инструкции.