Больше результатов...

Generic selectors
Только точные совпадения
Искать в заголовках
Искать в контенте
Post Type Selectors
Filter by Categories
FAQ
Hostenko
Вдохновение
Видеоуроки
Новости
Плагины
Темы
Уроки
Хаки

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

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

inet.ws - Powerful VPS Hosting in the USA, Canada, UK and DE!

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

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

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

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

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

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

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

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

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

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

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

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

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

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress

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

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

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

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

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

Заключение

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

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

Источник: wplift.com
inet.ws - Powerful VPS Hosting in the USA, Canada, UK and DE!
Алексей Шевченко
редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующийся на создании сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Комментарии к записи: 8

Илья:

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

Владимир:

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

Виталий:

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

mammuthus:

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

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

Сергей:

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

Константин:

Прикольный плагин. Но для бизнеса я бы посоветовал такой плагин https://ru.wordpress.org/plugins/ucalc/ который намного проще в плане использования и мощней в плане разных инструментов.

Вадим:

А я без всяких плагинов неплохие формы на stepform.io/ru создаю. Это практично, когда несколько сайтов на разных платформах, не только на Вордпресс.

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