Как создать всплывающее окно с помощью шаблона?

Данная статья относится к нашему совершенно новому редактору форм и всплывающих окон. Справку по устаревшему редактору можно найти здесь.

Вы можете легко создать полнофункциональное всплывающее окно без знаний программирования. Вам нужно всего лишь выбрать один из готовых шаблонов и настроить его в простом редакторе форм.

Чтобы создать всплывающее окно:

  1. Перейдите в Формы и всплывающие окна > Создать.

  2. Выберите Во всплывающем окне и нажмите Далее.

  1. Выберите один из готовых шаблонов или начните с пустого шаблона. Вы можете просмотреть шаблоны по типу в левом столбце или по тегам.


  1. При нажатии кнопки Использовать шаблон, вы попадете в редактор для редактирования шаблона.

Как настроить всплывающее окно?

Когда вы закончите с дизайном, нажмите кнопку Далее в правом верхнем углу, чтобы перейти к настройкам:

  1. Настройте Правила отображения. Вам необходимо указать:

    Аудиторию
    Стандартные триггеры
    Момент показа

    Таргетинг e-commerce является необязательным шагом для пользователей PrestaShop и Shopify.

    Когда все будет готово, нажмите кнопку Далее.



  2. На странице настроек всплывающего окна введите URL-адрес страницы, на которой вы хотите отобразить всплывающее окно.



    Вы также можете указать, на каких страницах не должно отображаться всплывающее окно, используя параметр Скрыть на страницах. Более подробную информацию можно найти здесь.


  3. Скопируйте сниппет Web Connect, чтобы установить его на страницу, где должно отображаться всплывающее окно. Более подробную инструкцию вы можете посмотреть здесь.



  4. Скопировав Web Connect из всплывающего модального окна, нажмите кнопку Сохранить и отправить.

Узнайте больше о функциях редактора.