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

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

Смотрите также:

Плагин Ninja Kick: WordPress Contact Form

Описание | Демо | Купить за $17

Плагин называется Ninja Kick: WordPress Contact Form, он использует CSS3, имеет адаптивный дизайн, отлично смотрится на мобильных устройствах с разными разрешениями экранов, а также реагирует на swipe-жесты. Его премиум версия доступна на Codecanyon за $17 и уже достигла порядка 800 скачиваний.

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

Теперь познакомимся с плагином более подробно.

Настройка плагина

Загрузите и активируйте плагин, как обычно. После этого в «Настройках» появится новый раздел меню «NK Contact Form». В нем находится страница с настройками плагина.

В меню «Общие настройки» можно выбрать, где будет отображаться форма (справа или слева), какие страницы показывать, отображать ли форму незарегистрированным пользователям, выбрать темный или светлый шаблон и добавить форму для введения кода с картинки для зашиты от спама.

В разделе «Формы» можно настроить абсолютно все, что связано с самой контактной формой. И выбор довольно широк. Это:

  • Почтовый адрес
  • Тема письма
  • Дополнительные поля (не считая имени, почтового адреса и сообщений)
  • ContactForm 7 Shortcode для управления материалами
  • Ссылки на профили соцсетей
  • Загрузка логотипа

В разделе «Тема» доступны три шаблона тем, которые вы можете отредактировать на свой вкус. Среди них:

Темный шаблон:

Светлый шаблон:

Адаптивный шаблон:

И, наконец, в разделе «Кнопка» вы можете настроить кнопку, которая активирует появление слайда на сайте. Вы можете изменить ее цвет, иконку и местоположение.

Есть также и вкладка «CSS», в которой вы добавите свои CSS-твики для плагина.

Функции плагина

Вот полный список функций, доступных вместе с плагином:

  • Неограниченные формы (каждая из которых легко настраивается)
  • Добавление/исключение правил для страниц, ролей пользователей и мобильных устройств
  • Поддержка ContactForm 7 Shortcode
  • Дополнительные поля: компания, телефон, адрес, тема
  • Адаптивный дизайн под разрешения экранов смартфонов и планшетов
  • Color Switcher для изменения базового цвета под стиль всего сайта
  • Три темы с отличным дизайном
  • Широкий выбор настроек
  • Параметры, которые позволяют скрыть метки и триггеры и деактивировать открытие любых элементов на странице (кнопка меню, ссылка, изображение)
  • Дружелюбная страница настроек
  • Форма автоматически приобретает привлекательный внешний вид в соответствии с заполненными полями на странице настроек
  • Поддержка swipe-жестов для мобильных устройств
  • Ссылки на социальные сети
  • Функция введения символов для защиты от спама
  • 15 фоновых шаблонов + ваш собственный
  • Мультиязычность: поддержка английского, немецкого, французского, итальянского, испанского, русского, польского, турецкого языков

Заключение

Как видите, плагин NK Contact Form содержит очень обширный функционал для создания стильной контактной формы на WordPress. Посетители сайта вряд ли обойдут стороной такую форму. С ее помощью можно повысить заинтересованность клиентов и количество дополнительных вопросов перед покупкой.

В плагине вы найдете 3 привлекательных шаблона тем, ContactForm 7 для управления данными формы, так что вы сможете редактировать сайт прямо с фронтенда. И это все за $17.

Источник: wplift.com

Вам понравился материал?

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

5 комментариев

сначала новые
по рейтингу сначала новые по хронологии
Сергей

Спасибо, по описанию неплохой плагин. Но я для себя выбрал вот этот плагин https://wordpress.org/plugins/formdesigner/ от сервиса formdesigner.ru. Тоже позволяет создавать форму в виде бокового слайда. Также есть куча всяких настроек и модулей интеграции с различными сервисами. Рекомендую.

Плагин хороший, купил. Но как добавил поле Телефон, непонятно как его с английского перевести (поля по умолчанию на русском). Файл русской локализации есть. Фраза "Your phone" в нем переведена. А как сделать чтобы на сайте то же было на русском непонятно. И как убрать поле ввода E-mail то же не нашел как.
Подскажите пожалуйста!

Прошел год, но, надеюсь, кому-нибудь поможет.
Перевод плагина делается точно так же, как и перевод других элементов WP (например, тем).
В wp-content/plugins/ninja-contact-form/lang хранятся данные о переводе. Нас интересует два файла - .mo и .po
po-файл содержит фразы с переводом. Но недостаточно просто изменить их там, нужно еще скомпилировать результат в mo-файл.
mo-файл это то же самое, но в hex. С этим файлом работает ядро WP.

Есть софтина, называется Poedit. Для перевода вам хватит и бесплатной версии.
Устанавливайте софтину, открываете ее, далее импортируете po-файл, переводите, сохраняете. Заливаете mo и po в папку lang.
Перевод готов.

Виталий

Где все контакты сохраняются??

Владимир

А как иконки добавить? напротив описаний тел, Ваше имя и т.д