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

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Контактна форма зараз є на всіх типах сайтів WordPress і додається вона просто на будь-яку сторінку сайту за допомогою як безкоштовних, так і преміум рішень.

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

Дивіться також:

плагін Ninja Kick: Контактна форма WordPress

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

Опис | демо | Купити за $17

Плагін називається Ninja Kick: Контактна форма WordPressВін використовує CSS3, має адаптивний дизайн, чудово виглядає на мобільних пристроях з різними дозволами екранів, а також реагує на swipe-жести. Його преміум версія доступна на Codecanyon за $17 і вже досягла близько 800 завантажень.Додаємо красиву контактну форму у вигляді бокового слайду на сайті WordPress

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

Тепер познайомимося з плагіном докладніше.

Налаштування плагіна

Завантажте та активуйте плагін, як завжди. Після цього в "Налаштуваннях" з'явиться новий розділ меню "NK Контактний формуляр». У ньому знаходиться сторінка з налаштуваннями плагіна.

У меню "Загальні настройки» можна вибрати, де буде відображатися форма (справа або зліва), які сторінки показувати, чи відображати форму незареєстрованим користувачам, вибрати темний або світлий шаблон і додати форму для введення коду з картинки для захисту від спаму.

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

В розділі "Форми» можна налаштувати абсолютно все, що пов'язане з контактною формою. І вибір досить широкий. Це:

  • Поштова адреса
  • Тема листа
  • Додаткові поля (крім імені, поштової адреси та повідомлень)
  • ContactForm 7 Shortcode для керування матеріалами
  • Посилання на профілі соцмереж
  • Завантаження логотипу

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

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

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

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

Світлий шаблон:

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

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

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

І, нарешті, у розділі «Кнопка» Ви можете налаштувати кнопку, яка активує появу слайду на сайті. Ви можете змінити її колір, іконку та розташування.

Є також і вкладка «CSS», в якій ви додасте свої CSS-твики для плагіна.

Функції плагіна

Ось повний список функцій, доступних разом із плагіном:

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

Висновок

Як бачите, плагін NK Контактний формуляр містить дуже великий функціонал для створення стильної контактної форми на WordPress. Відвідувачі сайту навряд чи оминуть таку форму. З її допомогою можна підвищити зацікавленість клієнтів та кількість додаткових питань перед покупкою.

У плагіні ви знайдете 3 привабливі шаблони тем, ContactForm 7 для управління даними форми, так що ви зможете редагувати сайт прямо з фронтенду. І це все за $17.

Джерело: wplift.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та 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://ua.wordpress.org/plugins/ucalc/ який набагато простіше у плані використання та потужніший у плані різних інструментів.

Вадим:

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

Додати коментар або відгук