rss

Форма обратной связи — Responsive Contact Form

(2 оценили, 10 баллов, средний: 5,00 из 5)
{lang: 'ru'}

Хочу представить вам потрясающе гибкий для редактирования плагин обратной связи  для wordpress - Responsive Contact Form. Плагин очень легко редактируется. Но нужно его тестировать, как и впрочем все что ставится на сайт, на предмет совместимости его с остальными плагинами на сайте. Просто после обновления автором его плагина, с некоторыми он работает некорректно, если быть точной с Popup contact form, Slick Contact Forms.

Хотя, ну кто еще будет в здравом уме устанавливать 5 форм обратной связи на сайт, кроме меня. Но в принципе, когда нет времени на разработку форм без плагинов, либо выбора нет, то приходится "горы городить". Поэтому нужно все тестировать и находить компромиссы. Но форма нравится из-за чистого приятного дизайна, из-за удобной капчи, фокусировки полей при отсутствии нужных параметров, то бишь присутствия валидации, а также еще множества разных полезных "плюшек", автоответчик.

Итак, скачиваем плагин обратной связи - Responsive Contact Form

Responsive-Contact-Form

Итак, как настроить эту форму? Тут все просто.

1. Находите у себя в консоли заголовок - AI Contact Form

Responsive-Contact-Form-2

2. Попадаете на страничку с опциями плагина

Responsive-Contact-Form-3Итак, первая часть опций на страничке.

Field Name - Имя поля.

Show / Hide Fields - Показать /Скрыть поле

Required / Not Required Fields  - Обязательное/Не обязательное поле

Соответственно, если вы ставите галочку это "да" - вы включаете опцию, а если оставляете квадратик пустым, то это "нет".

Но, для пущей понятности все-таки переведу что есть.

 

Field Name (Имя поля)
Show / Hide Fields(Показать/Скрыть) Required / Not Required Fields(Обязательное/Необязательное поле)
Name: (Имя)
Phone:(Телефон)
Website:(Веб-сайт)
Subject:(Предмет письма)
Comment:(Комментарий)
Captcha:(Капча) Note: Enable captcha sets by default it to required field.(Замечание: Если вы включите поле, капча станет обязательным полем)
Email:(Мыло) Note: Email field is mandatory.Замечание: Обязательно поле.

Думаю, с этим разобрались.

Теперь займемся второй частью плагина.

Responsive-Contact-Form-4

 Email Address:   - сюда вписываете тот email-адрес, на который будут отправляться письма.

Subject Text:  - сюда вписываете название темы - эта строка будет отображаться в заголовке письма, которое придет к тому, кто вам его написал.

- это поле автоответчика, сюда нужно вписать что-то вроде: "Спасибо, что вы нам настрочили, мы скоро настрочим вам обратно".

Все теперь, все заполнено, все красиво.

Осталось вывести форму в нужном месте. Где можно вывести? Да, в принципе, где хочется.

1. Хотите в записи вывести? Ничего сложного вставляете следующий код прямо в пост:

[ai_contact_form]

2. Или хотите вставить код в страницу? Тогда понадобится следующий код:

<!--?php do_shortcode("[ai_contact_form]"); ?-->
<!--?php echo do_shortcode("[ai_contact_form]"); ?-->

В панели также можете найти User List - это новшевство от автора плагина, здесь все пользователи которые когда-либо писали вам. Очень удобно.

Из этой формы можно сделать любую другую достаточно просто.
Вот к примеру, эта форма отправляет запрос на недвижимость, достаточно легко дописать свои собственный поля.
Responsive-Contact-Form-5

На этом все - мы установили форму обратной связи для wordpress. Если есть вопросы - задавайте ;-)

Нет меток к этой записи

Получайте уроки по почте:

2 Comment , источник - wordpress-f1.ru

Comments (2)

  1. Здравствуйте!
    А как поместить форму с правой стороны листа сайта
    Тоесть чтобы когда открываеш страницу с этой формой то он была справа?

    • wordpress-f1:

      Антон, здравствуйте.
      Чтобы поместить всю форму целиком справа на веб-странице, нужно дополнить файл стилей, лучше родной файл с темой style.css
      Воспользуйтесь свойством float и блоком div

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: