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

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

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

Содержание:

  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. Перед вами появится всплывающее окно благодарности. Отредактируйте текст и нажмите на пустое место на странице. Текст сохранился. Теперь после того, как клиент заполнит форму и отправит, перед ним будет появляться данное окно. 

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

Также ищут:

  • На сайте не отправляется форма. Что делать?
  • Не работает кнопка на сайте. Что делать?
  • Почему в блоке с преимуществами и формой обратной связи не активна форма, нельзя ввести данные и нажать на кнопку. В чем дело? - Такое может быть, если у вас настроен цвет текста наведения в поле - белый. Белый текст на белом фоне не было видно.
  • Почему не работает кнопка "товары" в настройках
  • Что-то с формами происходит. Ошибка постоянно выскакивает при заполнении. - Попробуйте отключить в настройках проекта, в разделе "Уведомления о заявках" - отключить "Отправлять заявки через SMTP".
  • Почему клик на кнопку "перезвонить мне" -> закрыть форму -> клик на кнопку "Оформить доставку" -> форма не выводится для конечного пользователя, она как бы есть, но ее не видно? - Вам необходимо сделать запрос в техподдержку по почте support@tobiz.net, и наши специалисты вам ответят и помогут
  • Как сделать квиз в кнопке? Добавить варианты ответа и т.д. Просто блок квиза мне не нужен - Вы можете на саму кнопку поставить ссылку, которая будет перекидывать на страницу с блоком Квиз. Иного функционала нет, к сожалению.
  • На сайте в центре есть кнопка "прайс лист" - всплывающее окно для заказов. В окне имеется обязательное для заполнения поле "E-mail". Но при оформлении заказа и вводе в это поле клиентами Е-mail на почту приходит уведомление о новом заказе. Однако в данном письме не отображается введенный E-mail, который ввел клиент. Почему? - Обратите внимание, что у поля Email должно быть имя. В настройках формы нужно заполнить название поля.
  • Не работает отправка формы с ПК. Однако с мобильной версии и планшета все хорошо. Почему так происходит? - Такое может быть, если на сайте есть лишний блок, который мешает отправке. Данный блок нужно удалить. Если вы самостоятельно не можете его найти, обратитесь к нам в службу техподдержки

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

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

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

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