23 Июн 2013

Clean and Simple Contact Form — контактная форма

Предлагаю вашему вниманию замечательный плагин для создания контактной формы - Clean and Simple Contact Form.

Почему Clean? Чисто - все входные данные пользователя удаляются, чтобы избежать уязвимостей cross-site scripting (XSS) .

Почему Simple? Просто - с поддержкой Ajax- проверки немедленного реагирования и руководством для ваших пользователей (может быть отключена).

Почему Стильный? - используйте входящий в комплект стиль или выключите его и используйте свой собственный для бесшовной интеграции с вашим сайтом. Использует Twitter Bootstrap стили.

Это простая контактная форма для вашего сайта/блога. Минимум настроек и ваша форма готова. Приступим.

Скачиваем последнюю версию плагина. Так как на данный момент плагин не русифицирован, я подготовила файлы .po и .mo перевода, которые вы можете скачать здесь. Открываем папку languages в плагине и копируем туда наши файлы cleanandsimple-ru_RU.mo и cleanandsimple-ru_RU.po.

Теперь заходим в нашу админку, активируем плагин и в Параметры - Contact Form настраиваем его.

contactform

Использовать reCaptcha: отмечаем, если желаете отбиться от спам-комментариев.

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

google-recaptcha

Заходим по ссылке и вводим в поле Domain название вашего сайта в виде www.имясайта.ru. Нажимаем Create kеy. Затем переходим в левом меню в MY SITES. На странице появляется адрес вашего сайта. Кликаем на него и перед нами появляется поле, где мы видим два необходимых нам ключа: Public Key и Private Key. Копируем по очереди и вводим в соответствующие поля формы настройки нашего плагина.

google-recaptcha-1

Шаблон reCaptcha: выбираем цвет для reCaptcha, который наиболее подходит для нашего шаблона.

Теперь настраиваем е-майл отправления: вводим е-майл, на который мы хотим получать сообщения из контактной формы, тему сообщения, чтобы понимать, откуда пришло нам сообщение и в поле Сообщение вписываем AJAX-подсказку для посетителя. Например, "Заполните форму". Затем вписываем фразы, которые увидит посетитель при успешной отправке сообщения.

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

Чтобы наш плагин заработал, нам нужно создать отдельную страницу контактов и вставить туда код

[ cscf-contact-form]

Всё готово. Проверяем страницу контактов и наслаждаемся проделанной работой.

Понравилась статья? Поделись с друзьями!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.