Настройки дизайна поп-апа

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

• 1Блок «Общая настройка»



Здесь есть следующие настройки:

• Расположение (в какой части сайта будет отображен поп-ап). Есть настройка отображения как для экранов компьютера, так и для мобильной версии сайта.

• Цвета (можно задать цвет фона, текста, отдельно выбрать цвет для кнопки и текста кнопки).

• Шрифт.

• Радиус углов (на сколько пикселей будут закруглены углы поп-апа).

• Функция «включить затемнение» (при появлении поп-апа сайт будет затемняться). Также можно самостоятельно выбрать цвет затемнения и настроить его прозрачность.




Как работает логика затемнения для нескольких поп-апов:

• Если есть несколько поп-апов с затемнением сайта, то применяется то, которое было обработано первым.
• Если были закрыты все поп-апы, у которых было затемнение, то затемнение убирается.
• Если было открыто два поп-апа с разными затемнениями экрана, то показывается затемнение того поп-апа, который был обработан первый, если первый поп-ап был закрыт, то затемнение не меняется, остается до закрытия второго поп-апа.
• 2Блок «Текст»



Заполните свой заголовок и описание поп-апа и оформите текст. Если текста много и поп-ап не влезает в экран, то его содержимое прокручивается.


• 3Блок «Форма»



Кнопка




Задайте свой текст кнопки поп-апа и настройте, что будет происходить после нажатия этой кнопки.





Действие после клика:

• Сохранить данные пользователя и показать второй поп-ап.



После того, как клиент заполнит данные и нажмет на кнопку поп-апа, отобразится еще одно окно поп-апа.




Обратите внимание, что в этой функции будут отображаться поля, которые вы можете настроить во вкладке «Поля», отображающаяся только при выборе этого действия.



Есть возможность добавить поля: имя, email, телефон.





Валидация на поле «Телефон» осуществлена следующим образом:

• Российский номер телефона проверяется на код (первая цифра после 7) - 3,4,8,9.
• Другие страны проверяются по маске.
• «Другое» проверяем только на минимальное количество 10 символов.
• Закрыть поп-ап (по нажатию на кнопку поп-ап закроется).
• Загрузить новую страницу (по нажатию на кнопку откроется другой ресурс / сайт).



Укажите адрес страницы и при необходимости активируйте функцию «Открывать страницу в новой вкладке».



Дополнительно




Примечание




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





Примечание отобразится после кнопки поп-апа.





Yandex SmartCaptcha




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


• Войдите в личный кабинет на сайте Yandex.Cloud. В случае если его нет - пройдите регистрацию.
• После того, как будет выполнен вход, в шапке сайта нажмите на кнопку «Консоль».

• Пролистайте вниз страницы и в разделе «Все сервисы» найдите сервис «Yandex SmartCaptcha».

• Создайте капчу, если ее еще нет.

• После чего она отобразится в списке.

• Откройте капчу, во вкладке «обзор» скопируйте клиентский и серверный ключи.




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





Капча стилизуется как примечание (изменение стилей одного поля влечет автоматическое изменение стилей другого). Изменить текст капчи нельзя.

• 4Блок «Копирайт»



Вы можете отключить «Разработано Cleversite», если у вас подключен платный тариф.