Новый универсальный код для встраивания формы на веб-сайт

Добрый день.

Теперь у нас появился новый универсальный JS код, для встраивания формы на свой веб-сайт. Новый код поддерживает все виды встраивания формы:

В виде HTML блока на странице сайта
В виде всплывающего окна при клике на кнопку или ссылку
Автоматическое открытие всплывающего окна с задержкой или при попытке уйти с ссайта
В виде виджета сбоку страницы

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

Для этого перейдите в раздел "Получить код" в нужной веб-форме:

Слева в меню появился новый пункт меню "Универсальный код", перейдя в который вы увидите сборщик.

По умолчанию активирован только HTML блок для встраивания на сайте. Здесь вы можете указать ширину и высоту блока, в который будет встраиваться форма. Если необходимо, чтобы форма занимала все доступное пространство, то укажите ширину формы - 100%. Высота формы по умолчанию не задана и рассчитывается автоматически в зависимости от высоты самой формы. Рекомендуем использовать именно такое значение.

Кроме этого вы можете указать радиус скругления углов формы и отступы.

Еще появилась возможность настроить отображение кнопки, вместо веб-формы, на мобильных устройствах, при клике на которую форма будет открываться во всплывающем окне:

Включив этот переключатель, вы можете настроить внешний вид кнопки и текст.

Виджет сбоку страницы

Если необходимо, чтобы сбоку страницы выводился виджет, при клике на который форма открывалась во всплывающем окне, то активируйте соответствующий переключатель в сборщике:

Здесь вы можете указать текст виджета и настроить его внешний вид. Кроме этого автоматически активируется переключатель открытия формы во всплывающем окне, где вы можете настроить внешний вид всплывающего окна: ширину и высоту, радиус и цвет фона подложки.

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

Если необходимо, чтобы всплывающее окно показывалось автоматически, через заданный промежуток времени, то активируйте переключатель "Открывать всплывающее окно автоматически".

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

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

Он состоит из нескольких частей, в зависимости от того, какие варианты вы выбрали.

Первый код - код инициализации, который необходимо разместить только один раз на странице в секции <head></head>:

Здесь перечислены все настройки веб-формы. Если вы включили HTML блок на сайте, то вам необходимо добавить еще один код, в то место на странице, где должна выводиться форма: