Багато мене почали запитувати

Всім привіт! Багато мене почали запитувати, як зробити щось подібне цьому (на цій сторінці є форма WordPress, яка призначена для заповнення даних користувачем):

Завдяки цій формі, можна створити якусь «анкету», тим самим дізнавшись багато чого цікавого у користувача. Наприклад, за допомогою цих форм можна створювати:


якусь «розсилку» для користувача, як у моєму випадку;
опитування;
анкетування та ін
Я впевнений, що подібні «форми» можуть нагоді багатьом, тому рекомендую додати даний урок в закладки або відправити його до себе в Evernote.

Ви не повірите, але подібну форму для WordPress я вивів всі через той же плагін Contact Form 7, яка виводить форму зворотного зв’язку в Контактах.

Якщо ж з якихось причин у Вас не працює плагін Contact Form 7 (на жаль, я у мене зустрічалося таке на клієнтських сайтах пару раз), то можете використовувати інший конструктор форм, наприклад плагін CForms (більш «важкий» плагін). Я ж, у свою чергу, буду розповідати Вам висновок форм в WordPress через плагін Contact Form 7).
WordPress форми: вибір полів, висновок

Для початку потрібно завантажити плагін Contact Form 7 і активувати його.
Тепер заходимо в адмінку WordPress -> Contact:
Натискаєте на кнопку «Додати нову»:
Натискаєте на кнопку «Add new»:
Задаєте назву для Вашої майбутньої форми і натисніть на кнопку «Зберегти» (розташована трохи правіше):
І тепер саме головне, створюємо / редагуємо поля форми. За замовчуванням Ви бачите ось що: Тут: 1 — Текст, який виводиться перед полем для заповнення, ось він як виглядає в підсумку: 2. Зірочка (див. на 2 малюнка вище) означає, що поле обов’язкове для заповнення. 3. Через теги p ділимо поля на абзаци. А тег br, нагадаю, означає перехід на наступну сходинку.
Щоб вивести свою поля, потрібно натиснути на кнопку Generate Tag, після чого Ви побачите спливаюче вікно: Трохи нижче Ви дізнаєтеся, за що відповідає кожен тип поля.
Щоб додати якесь поле я роблю наступне:
Копіюю якусь сходинку для «шаблонності»:
Вставляю його в потрібне мені місце:
Міняю текст, який виводиться перед полем для введення:
Натискаю на кнопку Generate Tag і вибираю тип поля (в даному випадку виберу звичайне, текстове, про всіх типах роз’яснення Ви знайдете трохи нижче):
Далі просто копіюю тег, який видає плагін:
І вставляю його вместа тексту в квадратних дужках. Тобто замість: Виходить:
Далі натискаю на кнопку «Зберегти» (правий нижній кут):
Text field — Текстове поле (в це поле зазвичай вводяться ім’я, прізвище і т.п.). Email field — Поле для введення електронної пошти (тут обов’язково наявність «@» («собачки») і закінчення у вигляді. Ru і т.д. Text Area — Поле для більш довгого тексту (не просто ім’я та прізвище). Зазвичай сюди вводять якісь коментарі або текстове звернення до автора блогу. Drop-down menu — Меню, що випадає. Щоб внести список вибору, потрібно вбити потрібні слова в «Вибір»:

Checkboxes — «Чекбокси». Потрібні «слова» для поля теж вбиваєте в «Вибір» (див. картинку вище). Ось так виглядають чекбокси: Radio buttons — «Радіо кнопки». Тобто вибираєте потрібний пункт у вигляді точки: Acceptance — «Підтвердження», якщо я правильно зрозумів. Тобто, як зазвичай це «Чи згодні Ви з правилами системами» і т.п.: Quiz — Питання-відповідь. Тобто це може якимсь антиспамом: Captcha — Капча (антиспам, де потрібно вводити циферки та літери з картинки). Тут потрібно встановити додатковий плагін, про який я детально розповідав тут. File Upload — Завантажити файл (можна задати розмір файлу, його тип і т.п.).


Популярные видео