Як Створити Форму Зворотного Зв'язку з Допомогою Contact Form 7

1. Вступ Форма зворотнього зв'язку вкрай корисна для вашого сайту - вона дозволяє тримати вашу адресу...
2. Крок 4 - Налаштування повідомлень
3. висновок

Вступ

Форма зворотнього зв'язку вкрай корисна для вашого сайту - вона дозволяє тримати вашу адресу електронної пошти подалі від чужих очей (зменшуючи кількість спаму) і допомагає користувачам легко зв'язатися з вами безпосередньо через сайт.

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

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

З більш ніж 3 мільйонами установок, Contact Form 7 є широко використовуваною формою зворотного зв'язку для WordPress. Її інтуїтивно зрозумілий інтерфейс і швидка установка допоможуть вам створити форму зворотного зв'язку в лічені хвилини.

Що вам знадобиться

Перед тим, як ви розпочнете це керівництво, вам знадобиться наступне:

• Доступ до панелі управління WordPress

1. Увійдіть в вашу панель управління WordPress і натисніть на Модулі → Додати новий в лівому меню панелі.
2. Знайдіть Contact Form 7 в пошуку і натисніть Встановити.
3. Після установки, натисніть Активувати для активації плагіна.

Після активації плагіна в лівому меню панелі з'явиться новий розділ Contact Form 7.

1. Натисніть Contact Form 7 → Додати нову для створення вашої першої форми.
2. Впишіть назву Вашої форми зворотного зв'язку, наприклад WordPress Contact Form.
3. Деякі написи і текстові області вже були розташовані, щоб допомогти вам розібратися в процесі. Ви можете видалити їх або додати нові написи і текстові області вибравши їх зі списку зверху.

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

Залежно від обраних елементів ваш код повинен виглядати приблизно так:

<Label> Ваше ім'я (обов'язково) [text * your-name] </ label> <label> Ваш email (обов'язково) [email * your-email] </ label> <label> Тема [text your-subject] </ label> <label> Повідомлення [textarea your-message] </ label> [submit "Відправити"]

• Ви можете додавати і видаляти елементи в залежності від ваших потреб. Для зручності використовуйте спеціальні інструменти над областю з самою формою.

• Значок * в коді означає, що дане поле є обов'язковим для заповнення.

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

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

ВАЖЛИВО! Переконайтеся, що ви вписали правильну адресу електронної пошти в поле Кому - це той адресу, на який будуть доставлятися всі повідомлення.

Крок 4 - Налаштування повідомлень

У вкладці Повідомлення ви можете налаштувати повідомлення, які побачить ваш відвідувач при якому зазначається вдале надсилання листа або будь-якої помилку (некоректний адресу електронної пошти або незаповнення одного з обов'язкових полів і т.д.).

Коли ви закінчите настроювання, ви зможете зберегти зміни натиснувши на кнопку Зберегти у верхній правій частині панелі.
Після збереження, у верхній частині сторінки з'явиться шорткод. Він буде виділено синім кольором і повинен виглядати приблизно так:

[Contact-form-7 id = «5» title = "WordPress Contact Form"]

Щоб оприлюднити вашу форму зворотного зв'язку, дотримуйтесь даними інструкціями:

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

1. Результат повинен бути приблизно таким

Дуже важливо перевірити роботу форми зворотного зв'язку і подбати про її коректному зовнішньому вигляді. Також переконайтеся в стабільності доставки повідомлень через форму.

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

Не забудьте натискати кнопку Зберегти кожен раз, коли робите зміни в формі. Копіювати і міняти шорткод знову вам не доведеться.

висновок

Це керівництво допомогло вам довідатися, як створити форму зворотного зв'язку за допомогою плагіна для WordPress - Contact Form 7. Тепер ви можете отримувати повідомлення від своїх користувачів безпосередньо через сайт.

Хочете дізнатися ще більше? Ви можете поекспериментувати з тегами і шаблонами і змінити практично все. Ви також можете спробувати налаштувати Flamingo - плагін для зберігання повідомлень, щоб зберігати всі отримані повідомлення в базі даних (це досить корисно, якщо у вас є проблеми з поштовим сервером).