Блок успешного заполнения формы

Чтобы зайти в режим редактирование темы, вам сначала нужно скопировать тему (описано здесь - "Как изменить тему оформления?").

Справа в страницах выберите "Страница успешного заполнения":

Страница успешного заполнения 1

В зависимости от того, как у Вас настроено действие об успешной отправке, блок успешного уведомления может быть вверху, внизу, отдельно на странице.

Далее выбираем пункт "Блок успешного заполнения формы". Для него доступны настройки:

Фон

В меню "Фон" вы можете выбрать подходящий вариант фона блока успешного заполнения формы:

  • Цвет
  • Градиент
  • Изображение
  • Прозрачный фон

Страница успешного заполнения 2

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

Страница успешного заполнения 3

В пункте "Градиент" вы можете выбрать начальный цвет фона блока успешного заполнения формы, который будет переходить в конечный цвет, выбор его, соответственно, тоже доступен. Также вы можете настроить направление перехода цвета:

  • сверху вниз
  • снизу вверх
  • слева направо
  • справа налево
  • от левого верхнего угла к правому нижнему
  • от левого нижнего угла к правому верхнему
  • от правого верхнего угла к левому нижнему
  • от правого нижнего угла к левому верхнему

Страница успешного заполнения 4

Следующий пункт - "Изображение". Чтобы добавить изображение в блок успешного завершения формы, кликните на иконку "Выбрать изображение" в поле "URL-адрес изображения" и вам откроется всплывающее окно файлового менеджера с вариантами выбора изображения:

  • Галерея
  • Фотобанк
  • Мои изображения

Страница успешного заполнения 5

Страница успешного заполнения 6

Страница успешного заполнения 6

В разделе "Галерея" - стандартные изображения и в разделе "Мои изображения" вам будут доступны ранее загруженные изображения и можете добавить новые изображения.

В поле "Повторение" вы можете настроить, как будет расположено изображение в элементе: без повторения, горизонтальное, вертикальное, размножить:

Страница успешного заполнения 7

Если выбрать прозрачный фон, то будет цвет фона формы:

Страница успешного заполнения 8

Рамка

В меню редактирования темы оформления с помощью пункта "Рамка" вы можете задать:

  • тип рамки
  • ширину рамки
  • стиль рамки
  • цвет рамки
  • скругление рамки

Ширина рамки по умолчанию 0. Чтобы рамка отображалась, укажите значение от нуля. Также можно настроить такие параметры:

Страница успешного заполнения 9

Для примера выбрали ярко-зелёный цвет, ширину 2px и стиль рамки solid(сплошной):

Страница успешного заполнения 10

Тень

В меню редактирования вашей темы оформления можно настроить тень блока успешного заполнения формы, для этого включите "Тень", передвинув ползунок. В настройках тени будут доступны настройки: тип тени (наружная и внутренняя), цвет, размытие тени, растяжение тени и сдвиги по осям X и Y:

Страница успешного заполнения 11

Шрифт

В меню редактирования темы оформления в разделе "Шрифт" доступны подразделы:

  • Шрифт (можно выбрать тип шрифта)
  • Размер шрифта элемента
  • Цвет шрифта элемента
  • Межстрочный интервал
  • Начертание (курсив и полужирный)

Страница успешного заполнения 12

Выравнивание

В подразделе "Выравнивание" можно настроить расположение текста в блоке успешного заполнения:

  • По центру
  • По левому краю
  • По правому краю

Страница успешного заполнения 13

Отступы

Чтобы зайти в настройки "Отступы" в режиме редактирования темы оформления формы, кликните на подраздел "Отступы" и вам будут доступны для настройки внутренние и внешние отступы блока успешного заполнения формы:

Страница успешного заполнения 14

Комментарии

Закажите разработку формы под ключ

Нет времени разбираться со всеми настройками самому? Не проблема!
Закажите разработку веб-формы у нас