Как установить новые формы и всплывающие окна на лендинг?
На наших лендингах можно добавить как всплывающие, так и встроенные формы для сбора информации от посетителей.
Прежде чем перейти в раздел Формы и всплывающие окна, удостоверьтесь, что у вас есть доступ к URL вашего лендинга.
Как установить всплывающее окно на мой лендинг?
- Перейдите в раздел Формы и всплывающие окна.
- Наведите курсор на меню Действия (три точки) > Настройки.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1310/CleanShot-2024-01-29-at-14.10.22-1024x234.png)
- Добавьте URL своего лендинга в разделе URL-адреса страниц под пунктом На всём сайте.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1312/SzG6k9CB-CleanShot-2024-01-29-at-14.12.13.png)
- Прокрутите вниз до раздела Web Connect и нажмите Получить Web Connect.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1314/CleanShot-2024-01-29-at-14.13.21.png)
- Во всплывающем модальном окне нажмите Копировать в буфер обмена, чтобы сохранить Web Connect.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1315/CleanShot-2024-01-29-at-14.14.54.png)
- Внизу страницы нажмите Сохранить и отправить.
- Перейдите на вкладку Лендинги.
- Нажмите на свой лендинг и выберите Изменить дизайн.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1316/CleanShot-2024-01-29-at-14.16.30-1024x286.png)
- На вкладке Mои страницы наведите курсор на меню Действий (три точки) для домашней страницы и выберите Настройки.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1318/CleanShot-2024-01-29-at-14.18.13.png)
- Во всплывающем окне перейдите к элементу <head> и вставьте скопированный код Web Connect.
Закройте окно, нажав на значок крестика в правом верхнем углу.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1320/CleanShot-2024-01-29-at-14.19.57.png)
Web Connect требуется установить всего один раз на странице, где вы планируете использовать свои формы или всплывающие окна.
- Опубликуйте свой лендинг.
Ваша форма будет отображаться в соответствии с правилами отображения, указанными в настройках всплывающего окна.
Как установить встроенную форму на мой лендинг?
- Выполните шаги с 1 по 5 из раздела Как установить всплывающее окно на мой лендинг?.
- Помимо Web Connect, вам понадобится Код встроенной формы , который нужно разместить на лендинге. Скопируйте его вместе с Web Connect.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1326/CleanShot-2024-01-29-at-14.26.16.png)
- Выполните шаги с 6 по 9 из раздела Как установить всплывающее окно на мой лендинг?.
- Перейдите в раздел Элементы и перетащите элемент Свой код на желаемое место на лендинге, чтобы отобразить встроенную форму.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1330/CleanShot-2024-01-29-at-14.29.22.png)
- Вставьте скопированный код встроенной формы.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1330/CleanShot-2024-01-29-at-14.30.35.png)
- Опубликуйте свой лендинг.
Лендинги версия legacy
Приведенная выше инструкция относится к новому редактору лендингов. В этом разделе рассматривается его старшая версия.
Добавление сниппета Web Connect на лендинги, созданные в устаревшем редакторе, не требуется, так как интеграция происходит автоматически.
Как установить всплывающее окно на мой лендинг?
- Перейдите в раздел Формы и всплывающие окна.
- Наведите курсор на меню Действия (три точки) > Настройки.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1310/CleanShot-2024-01-29-at-14.10.22-1024x234.png)
- Добавьте URL своего лендинга в разделе URL-адреса страниц под пунктом На всём сайте.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1312/SzG6k9CB-CleanShot-2024-01-29-at-14.12.13.png)
- Нажмите Сохранить и отправить в нижней части страницы.
Ваша форма будет отображаться в соответствии с правилами отображения, указанными в настройках всплывающего окна.
Как установить встроенную форму на мой лендинг?
- Выполните шаги с 1 по 3 из раздела Как установить всплывающее окно на мой лендинг? для устаревших лендингов.
- В разделе Код встроенной формы нажмите Копировать.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1334/CleanShot-2024-01-29-at-14.26.16.png)
- Перейдите в раздел Лендинги.
- Дважды щелкните по иконке Собственный код, чтобы добавить заполнитель в шаблон.
![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1111/Screenshot-2023-07-20-at-13.09.53-461x1024.png)
- Вставьте скопированный код встроенной формы. Нажмите кнопку Сохранить.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1337/CleanShot-2024-01-29-at-14.37.37.png)
- По умолчанию заполнитель появляется в левом верхнем углу отображаемого раздела. Для удобства размещения встроенной формы, просто перетащите его в желаемое место на лендинге.
Возможно, вам придется подкорректировать размер заполнителя, чтобы показать форму целиком. Это можно сделать, потянув за белые квадратные иконки.
![](https://us-wd.gr-cdn.com/help/sites/9/2024/01/1340/CleanShot-2024-01-29-at-14.40.24.png)
- Сохраните свой лендинг.