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

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

Чи знаєте ви, що контактна форма може покращити взаємодію з клієнтами? Це зручний спосіб для користувачів поспілкуватися з вами в мережі та звернутися за допомогою.

Лого огляду

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

Контактна форма – це спеціальне місце на веб-сайті, що дозволяє відвідувачам легко зв'язатися з вами у будь-який час. У цій статті дізнаєтесь, як додати контактну форму до WordPress за допомогою Форми WP и Contact Form 7.

Для чого потрібна на сайті контактна форма?

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

  • Ефективне спілкування  – контактна форма дозволяє користувачам легко зв'язатися із вами. Вона доступна постійно, і покупцям потрібно лише заповнити відповідні поля.
  • Джерело інформації – Ви можете попросити користувачів ввести інформацію, яка буде корисною для ваших майбутніх цілей, наприклад адреса електронної пошти, ім'я користувача у соціальній мережі та інше. При цьому деякі поля, такі як вік або стать, повинні бути необов'язковими, якщо це не є принциповим.
  • Запобігання спаму – якщо є контактна форма, не потрібно розкривати на веб-сайті свою адресу електронної пошти. Таким чином, спамери не зможуть легко знайти його і отримайте набагато менше сміття.
  • Професійний сайт – сайт буде виглядати професійніше та привабливіше, якщо всередині нього є контактна форма. Читачі знають, що їх почують, і вони, своєю чергою, довірятимуть вам більше.

Як додати контактну форму до WordPress?

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

Для початку отримайте доступ до панелі керування WordPress, відкрийте меню плагінів і натисніть «Додати». Знайдіть назву плагіна та виберіть Встановити. Після завершення виберіть "Активувати".

WPForms

WPForms
WPForms – це супер-зручний плагін для контактної форми WordPress. Не хвилюйтеся, якщо ви вперше використовуєте такий інструмент – його легко освоїти у найкоротший термін. У ньому є редактор з перетягуванням та безліч готових шаблонів форм.

Що чудово, цей плагін дозволяє створювати передплату, реєстрацію та кнопку оплати. Можете створити їх за кілька хвилин та інтегрувати з популярними платформами, такими як PayPal, Stripe, MailChimp та інші.

WPForms пропонує чотири варіанти преміум-плану: від 79 до 599 доларів США на рік. Існує також безкоштовна версія, яка не включає кілька основних функцій, таких як сторонні надбудови та реєстрації користувачів.

Крок 1. Створіть контактну форму за допомогою WPFoms

  1. Після того, як ви активували плагін, перейдіть до меню WPForms. Існує зручна інструкція, за допомогою якої можна заповнити форму менш ніж за 5 хвилин. Якщо ви не хочете дотримуватися інструкцій, просто натисніть «Добавить».
  2. Введіть ім'я та виберіть один із кількох шаблонів, це прискорить процес. Або можете обрати порожню форму, щоб втілити свій творчий задум.
  3. Тепер додайте поля залежно від ваших потреб. Просто перетягніть потрібний варіант із лівого стовпця в живий редактор.Живий редактор
  4. Коли все закінчите, натисніть Зберегти зверху екрану.

Крок 2. Налаштуйте параметри сповіщень та підтверджень WPForms

Щоб повідомляти себе та користувачів кожного разу під час надсилання форми, необхідно налаштувати параметри сповіщення та підтвердження.

  1. У тому ж меню WPForms виберіть «Налаштування» та перейдіть до «Повідомлення». Тут потрібно налаштувати свою адресу електронної пошти, тему та іншу інформацію. Якщо все готове, виберіть «Додати нові повідомлення».
  2. Що стосується підтвердження, можна додати лист подяки для користувачів, а також перенаправити їх на певну URL-адресу. Це також чудова можливість повідомити клієнтів, як довго їм слід очікувати від вас відповіді.Підтвердження

Крок 3. Додайте контактну форму на сторінку, публікацію та на бічну панель

  1. На сторінці або запису за допомогою кнопки WPForm – у редакторі натисніть значок плюса. Розгорніть область віджетів і виберіть WPForms.
  2. На сторінці або в записі з використанням шорткоду – скопіюйте шорткод з меню WPForms та вставте його в блок шорткоду в редакторі постів.
    Блок шорткоду

Як додати контактну форму в WordPress
Ось приклад, коли форма контакту відображається на сторінці або в записі.
Приклад розміщення

На бічній панелі – перейдіть до Зовнішній вигляд -> Віджети. Знайдіть та клацніть віджет WPforms. Після цього виберіть Бічна панель.

Ось як це виглядатиме на бічній панелі.
Віджет у сайдбарі

Contact Form 7

Contact Form 7
Contact Form 7 вимагає більш глибокого навчання, оскільки спочатку потрібно дізнатися про теги та синтаксис. На щастя, розробник підготував докладний посібник про те, як це зробити. Коли ви звикнете до інтерфейсу, він стане дуже потужним інструментом.

Що чудово, він пропонує кілька функцій, які зазвичай поставляються тільки з платним плагіном, такі як сторонні розширення, кілька форм і таке інше. Інші примітні функції включають reCAPTCHA, опитування, а також завантаження та прикріплення файлів. Докладніше можна дізнатися у нашій спеціальній статті про Contact Form 7.

Найголовніше, не потрібно нічого платити за цей плагін.

Метод 1 - відображення контактної форми за замовчуванням для Contact Form 7

Якщо ви хочете відобразити контактну форму у простий спосіб, є готова до використання версія. В ній є всі необхідні поля, такі як ім'я, адреса електронної пошти, тема та повідомлення.

  1. Насамперед увійдіть у меню «Контакти» на сторінці адміністратора WordPress. Потім скопіюйте доступний шорткод поруч із ім'ям.
    Доступний шорткод
  2. Вставте його в блок шорткоду редактор публікації або сторінки.

Метод 2 – створення нової контактної форми за допомогою Contact Form 7

За бажанням можете створити контактну форму з нуля. Таким чином, у вас буде можливість налаштувати її під свої цілі:

  1. натисніть « Добавить» у меню «Контакти». Вікно редактора надасть багато тегів полів.
  2. Допустимо, ми хочемо додати поле для номера телефону. Для цього виберіть телефон та заповніть всю необхідну інформацію.
  3. Напишіть шаблон у цьому синтаксисі, щоб присвоїти полю мітку після вставки тега.
    <label> Номер телефона     
    [tel* PhoneNumber] </label>

    Як додати контактну форму в WordPress
    Поздоровляємо, ви успішно додали нове поле!

  4. Тепер, коли ви закінчили з полями контактів, можете продовжити налаштування повідомлення у налаштуваннях пошти – можете змінити свою адресу електронної пошти та заголовки, а також іншу інформацію.
  5. Якщо захочете відредагувати автоматичну відповідь, перейдіть на вкладку Повідомлення. Contact Form 7 дозволяє змінювати листи подяки, повідомлення про помилки та багато інших відповідей.

листи подякиНе забувайте натискати «Зберегти» щоразу, коли змінюєте налаштування.

Щоб відобразити нову контактну форму, необхідно скопіювати та вставити шорткод у потрібну публікацію/сторінку.

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

Що чудово, створення контактної форми не так складно, як здається, завдяки цим двом чудовим плагінам – WPForms та Contact Form 7.

Джерело: hostinger.com

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 0

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