Наша совместная команда Banwar.org

Связаться с нами

  • (097) ?601-88-87
    (067) ?493-44-27
    (096) ?830-00-01

Статьи

Як Створити Форму Зворотного Зв'язку з Допомогою 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 - плагін для зберігання повідомлень, щоб зберігати всі отримані повідомлення в базі даних (це досить корисно, якщо у вас є проблеми з поштовим сервером).

Хочете дізнатися ще більше?

Новости

Banwar.org
Наша совместная команда Banwar.org. Сайт казино "Пари Матч" теперь доступен для всех желающих, жаждущих волнения и азартных приключений.