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

Доброго дня.

Тепер у нас з'явився новий універсальний JS код для вбудовування форми на свій веб-сайт. Новий код підтримує всі види вбудовування форми:

Як HTML блок на сторінці сайту
У вигляді спливаючого вікна при натисканні на кнопку або посилання
Автоматичне відкриття спливаючого вікна із затримкою або при спробі піти із сайту
У вигляді віджету збоку сторінки

Для вашої зручності ми додали зручний збирач, за допомогою якого ви можете згенерувати всі необхідні способи вбудовування форми на сайт.

Для цього перейдіть до розділу "Отримати код" у потрібній веб-формі:

Зліва в меню з'явився новий пункт меню "Універсальний код", перейшовши до якого ви побачите збирач.

За замовчуванням активовано лише HTML-блок для вбудовування на сайті. Тут ви можете вказати ширину та висоту блоку, в який вбудовуватиметься форма. Якщо потрібно, щоб форма займала весь доступний простір, то вкажіть ширину форми - 100%. Висота форми за замовчуванням не задана і розраховується автоматично залежно від висоти форми. Рекомендуємо використати саме таке значення.

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

Ще з'явилася можливість настроїти відображення кнопки, замість веб-форми, на мобільних пристроях, при натисканні на яку форма відкриватиметься у спливаючому вікні:

Увімкнувши цей перемикач, можна налаштувати зовнішній вигляд кнопки і текст.

Віджет збоку сторінки

Якщо необхідно, щоб збоку сторінки виводився віджет, при кліку на який форма відкривалася у спливаючому вікні, активуйте відповідний перемикач у збирачі:

Тут ви можете вказати текст віджету та налаштувати його зовнішній вигляд. Крім цього автоматично активується перемикач відкриття форми у спливаючому вікні, де можна настроїти зовнішній вигляд спливаючого вікна: ширину і висоту, радіус і колір фону підкладки.

Додатково, у налаштуваннях спливаючого вікна можна увімкнути попереднє завантаження веб-форми. При такому налаштуванні форма буде завантажуватися автоматично після завантаження сторінки і коли буде необхідність показати форму у спливаючому вікні, то вона з'явиться миттєво, без індикатора завантаження.

Якщо потрібно, щоб спливаюче вікно показувалося автоматично, через заданий проміжок часу, активуйте перемикач "Відкривати спливаюче вікно автоматично".

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

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

Він складається з кількох частин, залежно від того, які варіанти ви вибрали.

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

Тут наведено всі налаштування веб-форми. Якщо ви увімкнули HTML блок на сайті, то вам необхідно додати ще один код, у те місце на сторінці, де має виводитися форма: