как создать обратную форму на сайте

как создать обратную форму на сайте

Рассмотрим,  как создать обратную форму на сайте. Для чего она нужна?

Мне лично понадобилась, когда я создала обучение по магии, -цена за обучение большая, поэтому люди предварительно пишут на почту, уточняют информацию и платежные системы Глопард и Джастклик не «тянут» такую цену.

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

как создать обратную форму на сайте

Для этого мы будем использовать плагин Contact form 7, скачать можно здесь, или найти в плагинах Вордпресс по названию.

Загружаем плагин на сайт обычным методом.

Активируем плагин.

И у нас добавляется в консоле:

форма обратная связь для сайта

Нажимаем и видим 2 вкладки: формы и добавить форму.

По умолчанию одна форма уже есть.

форма обратная связь для сайта

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

1. Редактируем созданную форму. Если вы будете создавать много различных по функционалу форм, то лучше поменять название.

Для это нажимаем на форму:

как создать обратную форму на сайте

Нажимайте на копировать:

как создать обратную форму на сайте

И меняйте название (например, я поменяла на «Школа парапсихологии»)

По умолчанию стоит :Ваше имя, ваша электронная почта, вопрос, сообщение.

Но мы можем добавить и другие формы или создать новую форму.

Для этого нажимаем «Добавить форму»:

 

как создать обратную форму на сайте

Выбирайте любой тег, который вам нужен для формы. Обозначение тэгов:

Текстовое поле (которое первое по списку) – это маленькое  поле в одну строку. Подходит для ввода короткого произвольного текста. Например, тема сообщения, адрес, логин в skype и т. д. Выглядит так:

 

Contact form 7.17

 

E-mail – поле для ввода электронного адреса. Можно поставить для ввода дополнительного адреса электронной почты. Плагин автоматически проверяет правильность ввода данных и не даст ввести некорректный адрес.

 

URL – используется для ввода ссылок.

 

Номер телефона – используется для ввода номера телефона.

 

Число (spinbox) – используется, если Вы хотите, например, задать вопрос пользователю (Ваш возраст?), ответом на который будет число в заданном интервале. Число можно будет написать вручную или воспользовавшись стрелочками «больше-меньше». Выглядит так:

 

Contact form 7.14

 

Число (slider) – используется для выбора числа в заданном интервале. Выглядит так:

 

Contact form 7.15

 

Дата – используется для выбора даты. Например, если Вы задаете пользователю вопрос, «какого числа Вам будет удобно получить консультацию?». Можно задать интервал возможных дат.

 

Текстовое поле – большое текстовое поле для ввода произвольного текста. Используется для развернутых ответов на Ваши вопросы или для отправки произвольного сообщения от пользователя. Выглядит так:

 

Contact form 7.16

 

Выпадающее меню – используется, если Вы задаете человеку вопрос с выбором возможного варианта ответа. Можно выбрать один вариант или, если сделаны соответствующие настройки, оставить пустое поле. Выглядит так:

 

Contact form 7.18

 

Checkboxes – используется так же для выбора готовых вариантов ответа на вопрос. Есть настройка возможности выбора нескольких вариантов или только одного. Выглядит так:

 

Contact form 7.19

 

Radio buttons – используется для выбора готовых вариантов ответа. Возможно выбрать только один вариант. Выглядит так:

 

Contact form 7.20

 

Acceptance – используется для того, чтобы взять с пользователя слово, что он согласен с какими-нибудь правилами или ознакомился с документом и т. п.

 

Вопрос – используется, чтобы удостовериться, что форму заполняет не робот. Задаете вопросы и варианты ответов.

 

CAPTCHA – так же используется, чтобы избавиться от СПАМа. Этот элемент можно использовать только после установки дополнительного плагина Really Simple CAPTCHA.

 

Отправка файла – используется, если Вам нужно получить файлы от пользователей. Это могут быть документы, фотографии и др. Вы можете настроить лимит размера файла, а так же возможные форматы.

 

Кнопка отправки – ставится в конце формы. После нажатия на эту кнопку сообщение от пользователя отправляется на заданный электронный адрес. Либо, если форма заполнена не правильно, пользователю сообщается об ошибках и предлагается исправить их.

 

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

2015-04-14_153147

Обязательно ставим галочку (это если вы хотите чтобы поле было заполнено).

Теперь копируем код [text text-167] и вставляем в форму слева, а ниже код [text-167] вставим в нижнее письмо, чтобы когда Вам пришло письмо, то вы могли видеть выбранную форму.

А теперь после того как вы создали свою индивидуальную форму, -у вас сгенерируется код формы.

как создать обратную форму на сайте

как создать обратную форму на сайте

 

Этот код вставляем в любую статью или страницу сайта.

И у вас появится форма, примерно так:

как создать обратную форму на сайте

 

Оставить ответ

Можно использовать следующие HTML тэги и атрибуты

Яндекс.Метрика Эзотерика и духовное развитие. Портал эзотерики 'Живое Знание' Тренинги и семинары по психологии