AJAX форма WordPress

AJAX форма WordPress
AJAX форма WordPress

Наверное, Вы не раз сталкивались в своей жизни с формами обратной связи. Да и не всегда, другие способы контактной связи помогают. Вот, и у меня возникла необходимость установить контактную форму на свой сайт. Можно было встроить код в сайт WordPress самостоятельно с использованием php и html-разметки. Я решил особо не заморачиваться и воспользовался готовым плагином.

Если по функциям меня все устраивает, то вот с шаблоном нужно хорошенько поработать. Возможно, у меня найдется когда-нибудь пара-тройка минут свободного времени на изучение php-кода, а пока я решил воспользоваться готовым расширением для WordPress. Я решил искать готовый плагин контактной формы WordPress для AJAX.

На поиске было потрачено незначительное количество времени. Оказалось, представленных на официальном сайте разработчика, расширений — достаточно. Мне больше всего по душе пришелся плагин под названием Simple Ajax Contact Form. Сокращенно расширение называется SACF.

Simple Ajax Contact Form

Скачиваем SACF, активируем и настраиваем. Процесс установки простой:

1) Скачиваем готовый исходник;
2) Перекидываем имеющиеся файлы в папку /wp-content/plugins;
3) Для активации расширения используем панель администрирования.

Новый пункт меню «Настройки формы» появится в панели администрирования. Плагин включает в себя 3 опции.

Simple Ajax Contact Form
Simple Ajax Contact Form

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

При желании, добавить AJAX форму можно с помощью короткого шорткода:

[sacf_contact_form]

В результате, у нас получиться страница с контактными данными. Переходим по ссылки и наслаждаемся результатом.

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

Мы получили административную панель следующего вида:

Simple Ajax Contact Form
Simple Ajax Contact Form

Вот так выглядит сама форма:

Simple Ajax Contact Form
Simple Ajax Contact Form

Если Вы решите добавить такую же форму, можно тоже убрать telephone. Готовый вариант скину всем желающим на почтовый ящик. В доработанном варианте незначительные изменения.