Добавляем красивую контактную форму в виде бокового слайда на сайте WordPress
Опубликовано: 01.09.2018
Контактная форма сейчас есть на всех типах сайтов WordPress и добавляется она очень просто на любую страницу сайта с помощью как бесплатных, так и премиум решений.
Как сделать красивую страницу подписки на вордпресс за 5 минут
Сегодня мы познакомимся с плагином, который позволит нам сделать контактную форму немного привлекательней с помощью стильного слайда. Он будет выдвигаться сбоку при нажатии на ссылку контактной формы.
Смотрите также :
Плагин 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.
