Всплывающее окно

После того, как Вы настроили форму и необходимо разместить её на вашем сайте, Вам нужно перейти во вкладку "Получить код":

Всплывающее окно 1

Во вкладке "Получить код" в разделе "Всплывающее окно", Вы можете настроить способы отображения всплывающего окна:

Клик по ссылке

В разделе "Всплывающее окно" - клик по ссылке. Вы можете скопировать код для размещения всплывающего окна в виде ссылки, а также произвести настройки ссылки, кликнув кнопку "Настроить":

Всплывающее окно 2

В поле "Текст ссылки" вы можете ввести название ссылки. В поле "Цвет подложки" можно выбрать фон формы, т.е. при открытии ссылки, появится форма, а остальная страница будет в заданном цвете подложки. Чтобы изменить цвет подложки, кликните на иконку цвета и откроется палитра цвета, где вы можете выбрать необходимый цвет:

Всплывающее окно клик по ссылке 1

Прозрачность фона, вы можете задать в поле "Прозрачность подложки, %":

Всплывающее окно клик по ссылке 2

После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт. Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр настроенной ссылки:

Всплывающее окно клик по ссылке 3

При нажатии на ссылку, откроется форма и цвет подложки будет зелёным с прозрочностью 90% процентов:

Всплывающее окно клик по ссылке 4

ВАЖНО! Если ваш сайт работает по протоколу HTTPS, вам нужно в коде который копируете, изменить ссылку с HTTP на HTTPS:

Это касается всех видов всплывающих окон.

Клик по кнопке

В разделе "Всплывающее окно" - клик по кнопке. Вы можете скопировать код для размещения всплывающего окна в виде кнопки, а также произвести настройки кнопки, кликнув кнопку "Настроить":

Всплывающее окно клик по кнопке 1

В открывшемся окне "Настройка всплывающего окна" доступны настройки:

  • фон
  • рамка
  • тень
  • шрифт
  • размеры
  • отступы

В пункте "Фон" можете настроить тип фона кнопки: сплошной цвет, градиент, изображение и оставить прозрачный фон:

клик по кнопке 2

Также можете настроить текст кнопки, цвет подложки и прозрачность подложки в соответствующих полях.

клик по кнопке 3

В пункте "Рамка" вы можете задать ширину, стиль, цвет, прозрачность и скругление рамки кнопки:

клик по кнопке 4

В пункте "Тень" в поле "Сдвиг" вы можете задать смещение тени кнопки, а также размытие и растяжение. Тень можно выбрать либо наружную, либо внутреннюю, и выбрать цвет, прозрачность:

клик по кнопке 5

В пункте "Шрифт" укажите тип шрифта, размер, цвет его и в поле "Начертание" - выбрать курсив, полужирный:

клик по кнопке 6

В пункте "Размеры" по умолчанию ничего не введено, автоматически выбирается размер под текст, но вы можете вручную задать ширину и высоту кнопки:

клик по кнопке 7

В пункте "Отступы" вы можете настроить расстояние в Px от текста внутри кнопки, задав параметры - сверху, справа, слева, снизу:

клик по кнопке 8

После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт:

клик по кнопке 9

Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр настроенной кнопки:

клик по кнопке 10

При нажатии на кнопку появится всплывающее окно формы, где подложка чёрного цвета с прозрачностью 90%:

клик по кнопке 11

Всплывающее окно - ушко

В разделе "Всплывающее окно" - ушко, вы можете скопировать код для размещения всплывающего окна в виде ушка, а также произвести настройки ушка, кликнув кнопку "Настроить":

Ушко 1

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

Ушко 2

В пункте "Окно" вы можете настроить цвет подложки, т.е. фон страницы, когда открыта форма и прозрачность подложки:

Ушко 3

В пунктах "Страница показа" и "Страница исключений" вы можете настроить отображение или скрытие, соответственно, "Ушка" на некоторых страницах сайта, если убрать код на этих страницах не предоставляется возможным. Для этого введите в поле URL адреса необходимых страниц:

Ушко 4

После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт.

Ушко 5

Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр настроенного "Ушка":

Ушко 6

При нажатие кнопки "Напишите Нам!", появится всплывающее окно с формой:

Ушко 7

Всплывающее окно - автопоказ

В разделе "Всплывающее окно" - автопоказ, вы можете скопировать код для размещения всплывающего окна, которое будет появляться через заданное время, а также произвести настройки автопоказа, кликнув кнопку "Настроить":

Автопоказ 1

В открывшемся окне доступны основные параметры всплывающего окна, страницы показа и исключений. В основных параметрах в поле "Частота показа", доступна настройка появления формы:

  • всегда (на каждой странице)
  • один раз за одно посещение
  • один раз в час
  • один раз в день
  • один раз в неделю
  • свой вариант (появится поле с возможностью самому ввести время)

Автопоказ 2

В поле "Условие показа" вы можете задать, при каком условие будет появляться форма:

  • немедленно показывать
  • показывать с задержкой (при этом появится поле для ввода времени, через которое отобразится форма)
  • показывать при уходе пользователя
  • показывать при неактивности пользователя (также появится поле для ввода времени неактивности пользователя)

Также как и в других видах всплывающего окна, вы можете настроить цвет подложки формы и прозрачность её в соответствующих полях.

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

В пунктах "Страница показа" и "Страница исключений" вы можете настроить отображение или скрытие, соответственно, "Автопоказа" на некоторых страницах сайта, если убрать код на этих страницах не предоставляется возможным. Для этого введите в поле URL адреса, каждый с новой строчки, необходимых страниц:

Автопоказ 3

После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт:

Автопоказ 4

Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр всплывающего окна в виде автопоказа, которое отобразится через 5 секунд, т.е. так, как мы задали в настройках поля "Задержка, сек":

Автопоказ 5

Комментарии

Закажите разработку формы под ключ

Нет времени разбираться со всеми настройками самому? Не проблема!
Закажите разработку веб-формы у нас