После того, как Вы настроили форму и необходимо разместить её на вашем сайте, Вам нужно перейти во вкладку "Получить код":
Во вкладке "Получить код" в разделе "Всплывающее окно", Вы можете настроить способы отображения всплывающего окна:
- всплывающее окно - клик по ссылке
- всплывающее окно - клик по кнопке
- всплывающее окно - ушко
- всплывающее окно - автопоказ
Клик по ссылке
В разделе "Всплывающее окно" - клик по ссылке. Вы можете скопировать код для размещения всплывающего окна в виде ссылки, а также произвести настройки ссылки, кликнув кнопку "Настроить":
В поле "Текст ссылки" вы можете ввести название ссылки. В поле "Цвет подложки" можно выбрать фон формы, т.е. при открытии ссылки, появится форма, а остальная страница будет в заданном цвете подложки. Чтобы изменить цвет подложки, кликните на иконку цвета и откроется палитра цвета, где вы можете выбрать необходимый цвет:
Прозрачность фона, вы можете задать в поле "Прозрачность подложки, %":
После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт. Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр настроенной ссылки:
При нажатии на ссылку, откроется форма и цвет подложки будет зелёным с прозрочностью 90% процентов:
ВАЖНО! Если ваш сайт работает по протоколу HTTPS, вам нужно в коде который копируете, изменить ссылку с HTTP на HTTPS:
Это касается всех видов всплывающих окон.
Клик по кнопке
В разделе "Всплывающее окно" - клик по кнопке. Вы можете скопировать код для размещения всплывающего окна в виде кнопки, а также произвести настройки кнопки, кликнув кнопку "Настроить":
В открывшемся окне "Настройка всплывающего окна" доступны настройки:
- фон
- рамка
- тень
- шрифт
- размеры
- отступы
В пункте "Фон" можете настроить тип фона кнопки: сплошной цвет, градиент, изображение и оставить прозрачный фон:
Также можете настроить текст кнопки, цвет подложки и прозрачность подложки в соответствующих полях.
В пункте "Рамка" вы можете задать ширину, стиль, цвет, прозрачность и скругление рамки кнопки:
В пункте "Тень" в поле "Сдвиг" вы можете задать смещение тени кнопки, а также размытие и растяжение. Тень можно выбрать либо наружную, либо внутреннюю, и выбрать цвет, прозрачность:
В пункте "Шрифт" укажите тип шрифта, размер, цвет его и в поле "Начертание" - выбрать курсив, полужирный:
В пункте "Размеры" по умолчанию ничего не введено, автоматически выбирается размер под текст, но вы можете вручную задать ширину и высоту кнопки:
В пункте "Отступы" вы можете настроить расстояние в Px от текста внутри кнопки, задав параметры - сверху, справа, слева, снизу:
После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт:
Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр настроенной кнопки:
При нажатии на кнопку появится всплывающее окно формы, где подложка чёрного цвета с прозрачностью 90%:
Всплывающее окно - ушко
В разделе "Всплывающее окно" - ушко, вы можете скопировать код для размещения всплывающего окна в виде ушка, а также произвести настройки ушка, кликнув кнопку "Настроить":
В пункте "Ушко" в поле "Текст" укажите название ушка, которое будет выводится на сайте. В других полях вы можете указать цвет фона кнопки в виде ушка, цвет текста, расположение ушка на сайте, выравнивание, размер шрифта и радиус скругления углов:
В пункте "Окно" вы можете настроить цвет подложки, т.е. фон страницы, когда открыта форма и прозрачность подложки:
В пунктах "Страница показа" и "Страница исключений" вы можете настроить отображение или скрытие, соответственно, "Ушка" на некоторых страницах сайта, если убрать код на этих страницах не предоставляется возможным. Для этого введите в поле URL адреса необходимых страниц:
После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт.
Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр настроенного "Ушка":
При нажатие кнопки "Напишите Нам!", появится всплывающее окно с формой:
Всплывающее окно - автопоказ
В разделе "Всплывающее окно" - автопоказ, вы можете скопировать код для размещения всплывающего окна, которое будет появляться через заданное время, а также произвести настройки автопоказа, кликнув кнопку "Настроить":
В открывшемся окне доступны основные параметры всплывающего окна, страницы показа и исключений. В основных параметрах в поле "Частота показа", доступна настройка появления формы:
- всегда (на каждой странице)
- один раз за одно посещение
- один раз в час
- один раз в день
- один раз в неделю
- свой вариант (появится поле с возможностью самому ввести время)
В поле "Условие показа" вы можете задать, при каком условие будет появляться форма:
- немедленно показывать
- показывать с задержкой (при этом появится поле для ввода времени, через которое отобразится форма)
- показывать при уходе пользователя
- показывать при неактивности пользователя (также появится поле для ввода времени неактивности пользователя)
Также как и в других видах всплывающего окна, вы можете настроить цвет подложки формы и прозрачность её в соответствующих полях.
Блокировать показ окна после отправки формы можно, активировав чекбокс "Включить блокировку" и блокировать показ на мобильных устройствах, аналогично активировав чекбокс в соответствующем поле. Всплывающее окно автопоказа срабатывает по умолчанию, когда наступает момент показа, то появляется блок где идет загрузка формы, и когда форма загрузилась, то только тогда форма показывается. Если включить чекбокс "Предзагрузка формы", то форма начинает грузится в фоне, и как только загрузится страница, и когда приходит время показа форма сразу показывается.
В пунктах "Страница показа" и "Страница исключений" вы можете настроить отображение или скрытие, соответственно, "Автопоказа" на некоторых страницах сайта, если убрать код на этих страницах не предоставляется возможным. Для этого введите в поле URL адреса, каждый с новой строчки, необходимых страниц:
После настройки нажмите на кнопку получить код и откроется окно с настроенным кодом. Его и нужно скопировать для встраивания на свой сайт:
Также вы можете нажать кнопку "Просмотр" и откроется демонстрационная страница, где доступен просмотр всплывающего окна в виде автопоказа, которое отобразится через 5 секунд, т.е. так, как мы задали в настройках поля "Задержка, сек":