Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

WPnotes.ru> Модулі> Форма зворотнього зв'язку на сторінці контакти - WordPress плагіни Contact Form 7 і Cforms II

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

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

Перший, більш простий, можна сказати що не вимагає особливих налаштувань - Contact Form 7. Другий - Cforms II один з кращих плагінів для подібних цілей. Але, як ви розумієте, вимагає до себе більше уваги.

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

  • хороший альтернативний спосіб зворотного зв'язку
  • сильно полегшує відправку листів, не потрібно відкривати поштовий клієнт
  • якщо ви не хочете світити свій email, то це відмінний спосіб
  • існує думка, що зворотна форма може підвищити конверсію, тобто виконання будь-яких цільових дій

Плагін Contact Form 7

Для установки і активації як зазвичай йдемо в «Модулі» → «Додати новий» і користуємося пошуком. За цим посиланням можна завантажити плагін з офіційного сайту і далі натиснути «Завантажити». Активуємо плагін і в меню зліва з'являється додатковий пункт «Контакти (CF7)».

Заходимо в ці самі «Контакти (CF7)», де ми побачимо код, який потрібно буде вставити на сторінку зворотного зв'язку на блозі.

Після активації плагіна у нас лише один шаблон з контактною формою, який за замовчуванням виглядає таким чином:

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Якщо вас щось не влаштовує, то ви можете легко створити нову контактну форму або доповнити вже наявну. Для цього натискаємо на «Контактну форму 1» і справа знаходимо меню, що випадає «Згенерувати тег».

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Не забудьте зберегти зміни і тепер залишилося скопіювати код на сторінку з контактами. Зазначу, що для коректного відображення контактної форми, не має значення виберіть ви вкладку «Візуально» або «Текст» для вставки коду.

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Наша форма зворотного зв'язку готова.

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Плагін Cforms II

Даний плагін є досить потужним інструментом по створенню контактних форм. По суті справи це конструктор з якого ви можете зробити те, що захочете.

Я опишу лише основні моменти, які зможуть допомогти вам в освоєнні даного плагіна, для повного детального ознайомлення існує дбав «Допомога» де ви знайдете відповіді на всі питання.

Викачуємо плагін за посиланням. Після активації у нас в меню з'являється новий пункт «cforms II». Відсутність російської мови - для кого-то жирний мінус, проблема легко вирішується русифікатором.

В налаштуваннях форми ви можете або відредагувати форму за замовчуванням, або створити нову. Зазначу наявність готових шаблонів, в тому числі і досить складних - онлайн бронювання, реєстрація і т.д.

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

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

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

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

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

У налаштуванні отримання листів більш розширені настройки, ніж в плагіні Contact Form 7. Є такі цікаві пункти як:

  • Сховати форму після успішного відправлення
  • Обмеження кількості відправлень форми з висновком повідомлення

Для створення капчі зайдіть в «Налаштування» плагіна і поставте галочку поруч з «включити CAPTCHA для залогінених користувачів». Тут розташовані і множинні налаштування!

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Далі йдемо в «Налаштування форми», додаємо нове поле і в якості типу поля вказуємо «Захист від спаму (картинка)». Не забудьте зберегти зміни!

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

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

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

Форма зворотнього зв'язку на сторінці контакти - wordpress плагіни contact form 7 і cforms ii, замітки

На цьому я закінчу сьогоднішню замітку, а вам бажаю отримувати побільше відгуків! До швидких зустрічей на WPnotes.ru!

Читайте також:

Схожі статті