Как настроить обратный звонок в REG.Site

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

В REG.Site эту форму можно создать с помощью модуля Контактная форма. О его настройке расскажем ниже.

Как добавить модуль «Контактная форма» на сайт

  1. 1.
    Перейдите в режим редактирования сайта.
  2. 2.
    Выберите строку, в которую хотите добавить модуль. Затем кликните на серый плюс.
  3. 3.

    Из списка выберите Контактная форма:

Готово, теперь адаптируйте модуль под форму обратного звонка.

Как адаптировать модуль под форму обратного звонка

  1. 1.

    Удалите поля Email и Message. Для этого нажмите на значок корзины:

  2. 2.

    Кликните Добавить поле:

  3. 3.

    Введите ID поля и заголовок. Затем нажмите галочку:

Готово, вы адаптировали модуль под форму обратного звонка. Теперь переходите к настройкам во вкладках «Контент», «Дизайн» и «Дополнительно».

Контент

Прежде чем перейти к настройкам, нажмите на значок Шестерёнка около нужного поля:

Затем выберите инструкцию для нужного поля.

Name
Number

Разверните блок Опции поля. В поле «Вид» выберите Текстовая область и нажмите галочку:

Разверните блок Опции поля. В поле «Допустимые символы» выберите Только цифры и нажмите галочку:

Затем переходите к общим настройкам формы.

Разверните блок Текст и заполните поля:

  • Заголовок — добавьте краткое название формы,
  • Успешное сообщение — введите текст, который будет отображаться после того, как пользователь нажмёт кнопку,
  • Кнопка Отправить — укажите, какой текст должен отображаться на кнопке.

Дизайн

Во вкладке «Дизайн» можно настроить визуальное отображение модуля. Для этого используйте блоки:

  • Поля — измените цвет, размер, шрифт, положение и тень текста полей;
  • Текст — выберите положение, цвет и тень текста модуля;
  • Заголовок Текст — измените цвет, размер, шрифт, положение и тень текста заголовка;
  • Проверка Текст — измените цвет, размер, шрифт, положение и тень текста капчи;
  • Кнопка — отформатируйте текст на кнопке и выберите иконку;
  • Размеры — настройте ширину и положение текста;
  • Отступы — укажите отступы в пикселях. Можно регулировать отступы сверху, снизу, слева и справа;
  • Граница — добавьте и закруглите границы контактной формы;
  • Тень контейнера — создайте тень для всего модуля;
  • Фильтр — отрегулируйте настройки изображения (если вы его используете). Выберите оттенки и параметры насыщенности, яркости, контрастности, инверсии, сепии, прозрачности, размытия;
  • Преобразовать — поверните или настройте перекос модуля;
  • Анимация — добавьте эффект для появления модуля на странице.

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

Если вы написали блок кода CSS с дополнительными возможностями, добавьте настройки в блоках «ID и классы CSS» и «Пользовательский CSS». Подробнее о том, как это сделать, читайте в статье. При необходимости добавьте настройки в блоках:

  • Условия — добавьте условие, при котором будет отображаться контактная форма. Например, можно показывать форму только авторизованным пользователям;
  • Видимость — адаптируйте или отключите модуль для определённого типа устройств. Это может быть телефон, планшет или компьютер;
  • Переходы — настройте длительность анимации в миллисекундах;
  • Позиционирование — зафиксируйте положение контактной формы на странице;
  • Эффект прокрутки — добавьте ползунок прокрутки для просмотра модуля.

Затем сохраните изменения во всём модуле, нажав на галочку:

Готово, вы добавили форму обратного звонка на сайт.

Помогла ли вам статья?
Нет
раз уже
помогла