Как настроить форму на сайте

Дата публикации: 26-04-2022       211

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

Содержание:

  1. Как добавить форму на сайт
  2. Как настроить форму на сайте
  3. Как настроить кнопку в форме
  4. Как отредактировать окно благодарности

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

Инструкция:

  1. На странице Проекты перейдите в редактор страницы, например, Главной. 


     
  2. Нажмите на Добавить блок на панели слева. 


     
  3. Выберите раздел Форма и кнопка. 


     
  4. Добавьте форму на сайт. В качестве примера добавим Блок 509 с формой и изображением.

После добавления формы, нужно ее настроить.

Как настроить форму на сайте

Инструкция:

  1. Нажмите на форму.


     
  2. Слева появится редактор настройки формы. 


     
  3. Отредактируем название формы. Нажмите на поле Название формы. Введите название, например, "Форма внизу страницы". Какое название вы тут введете, такое будет отображаться в заявке, которая придет вам на почту.


     
  4. Переходим к редактированию полей формы. Выберите поле Введите имя. Вы можете заменить название поля на любое другое. Ни в коем случае не удаляйте Название поля, иначе на почту будет приходить заявка с ошибками! Ниже мы расскажем, как скрыть название.


     
  5. Пропишите Placeholder - текст, который будет отображаться в поле формы. 


     
  6. Также вы можете скрыть название поля или сделать данное поле обязательным.


     
  7. Таким же образом отредактируйте остальные поля формы.
  8. Прокрутите раздел вниз и вы увидите дополнительные поля, которые можно добавить в форму, например вставьте текстовое поле, чтобы клиент смог оставить свои пожелания. 


     

Как настроить кнопку в форме

После настройки всех полей формы, перейдите к настройке кнопки.

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

Инструкция по настройке кнопки:

  1. Прокрутите панель редактора формы ниже и найдите раздел Параметры кнопок.


     
  2. Настройте форму кнопки от квадратной до закругленной.
  3. Поменяйте размер текста на кнопке.
  4. Также вы можете установить цвет кнопки и цвет при наведении на кнопку. 


     
  5. Выберите цвет текста в полях формы.
  6. Поменяйте название текста на кнопке. Варианты: Оставить заявку, Узнать подробнее, Отправить вопрос, Отправить, Получить предложение и т.д.

 

Прокрутив ниже вы можете настроить переход после формы. Выберите либо Окно благодарности либо переход по ссылке на какую-либо страницу после формы. 

Также можно выбрать переход на платежную систему. Работает только для тех, кто настроил платежную систему для сайта! Например, Робокасса, Сбербанк, Тинькофф и другие. 

​Как отредактировать окно благодарности

Инструкция:

  1. Нажмите на форму. 


     
  2. Прокрутите редактор формы ниже до блока Параметры формы.


     
  3. Нажмите на зеленую кнопку рядом с карандашом возле поля Окно благодарности.


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

В редакторе формы также можно добавить цели при клике на кнопку на сайте. Посмотрите, как добавить цели

Рассказать друзьям:

Cделайте первый шаг

Выберите готовый шаблон из более 1700+ бесплатных и премиум вариантов.

ШАБЛОНЫ САЙТОВ