Контактна форма зараз є на всіх типах сайтів WordPress і додається вона просто на будь-яку сторінку сайту за допомогою як безкоштовних, так і преміум рішень.
Сьогодні ми познайомимося з плагіном, який дозволить нам зробити контактну форму трохи привабливішою за допомогою стильного слайду. Він висуватиметься збоку при натисканні на посилання контактної форми.
Дивіться також:
плагін Ninja Kick: Контактна форма WordPress
Опис | демо | Купити за $17
Плагін називається Ninja Kick: Контактна форма WordPressВін використовує CSS3, має адаптивний дизайн, чудово виглядає на мобільних пристроях з різними дозволами екранів, а також реагує на swipe-жести. Його преміум версія доступна на Codecanyon за $17 і вже досягла близько 800 завантажень.
Ознайомтеся з його демо-версією і переконайтеся, наскільки він змінює контактну форму.
Тепер познайомимося з плагіном докладніше.
Налаштування плагіна
Завантажте та активуйте плагін, як завжди. Після цього в "Налаштуваннях" з'явиться новий розділ меню "NK Контактний формуляр». У ньому знаходиться сторінка з налаштуваннями плагіна.
У меню "Загальні настройки» можна вибрати, де буде відображатися форма (справа або зліва), які сторінки показувати, чи відображати форму незареєстрованим користувачам, вибрати темний або світлий шаблон і додати форму для введення коду з картинки для захисту від спаму.
В розділі "Форми» можна налаштувати абсолютно все, що пов'язане з контактною формою. І вибір досить широкий. Це:
- Поштова адреса
- Тема листа
- Додаткові поля (крім імені, поштової адреси та повідомлень)
- ContactForm 7 Shortcode для керування матеріалами
- Посилання на профілі соцмереж
- Завантаження логотипу
В розділі "Тема» доступні три шаблони тим, які можна відредагувати на свій смак. Серед них:
Темний шаблон:
Світлий шаблон:
Адаптивний шаблон:
І, нарешті, у розділі «Кнопка» Ви можете налаштувати кнопку, яка активує появу слайду на сайті. Ви можете змінити її колір, іконку та розташування.
Є також і вкладка «CSS», в якій ви додасте свої CSS-твики для плагіна.
Функції плагіна
Ось повний список функцій, доступних разом із плагіном:
- Необмежені форми (кожна з яких легко налаштовується)
- Додавання/виключення правил для сторінок, ролей користувачів та мобільних пристроїв
- Підтримка ContactForm 7 Shortcode
- Додаткові поля: компанія, телефон, адреса, тема
- Адаптивний дизайн під дозволи екранів смартфонів та планшетів
- Color Switcher для зміни базового кольору під стиль всього сайту
- Три теми з чудовим дизайном
- Широкий вибір налаштувань
- Параметри, які дозволяють приховати мітки та тригери та деактивувати відкриття будь-яких елементів на сторінці (кнопка меню, посилання, зображення)
- Доброзичлива сторінка налаштувань
- Форма автоматично набуває привабливого вигляду відповідно до заповнених полів на сторінці налаштувань
- Підтримка swipe-жестів для мобільних пристроїв
- Посилання на соціальні мережі
- Функція введення символів для захисту від спаму
- 15 фонових шаблонів + ваш власний
- Мультимовність: підтримка англійської, німецької, французької, італійської, іспанської, російського, польської, турецької мов
Висновок
Як бачите, плагін NK Контактний формуляр містить дуже великий функціонал для створення стильної контактної форми на WordPress. Відвідувачі сайту навряд чи оминуть таку форму. З її допомогою можна підвищити зацікавленість клієнтів та кількість додаткових питань перед покупкою.
У плагіні ви знайдете 3 привабливі шаблони тем, ContactForm 7 для управління даними форми, так що ви зможете редагувати сайт прямо з фронтенду. І це все за $17.
Коментарі до запису: 8
Плагін хороший, купив. Але як додав поле Телефон, незрозуміло як його з англійської перекласти (поля за замовчуванням російською). Файл російської локалізації є. Фраза "Your phone" у ньому перекладена. А як зробити щоб на сайті те ж було російською незрозуміло. І як прибрати поле введення e-mail те саме не знайшов як.
Підкажіть будь ласка!
А як додати іконки? навпроти описів тіл, Ваше ім'я тощо
Де всі контакти зберігаються?
Минув рік, але, сподіваюся, комусь допоможе.
Переклад плагіна робиться так само, як і переклад інших елементів 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 створюю. Це практично, коли кілька сайтів на різних платформах, не лише на Вордпрес.