У цьому огляді я дам вам повний огляд за кадром кожної функції WPForms, включаючи понад 3000 слів аналізу та 60 скріншотів плагіна, що використовується.

Що таке WPForms?

WPForms — чудовий новий плагін для додавання форм до WordPress. Використовуйте його, щоб створити будь-який тип форми від простих контактних форм до повних рішень для оформлення замовлення.

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

Ціни WPForms

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

Зрозумів?

Тепер давайте подивимося на кожну функцію, яку пропонує плагін WPForms, починаючи з основної функціональності.

Створення форми за допомогою WPForms

Після встановлення WPForms додає новий пункт меню та спеціальний тип публікації під назвою «Форми».

Сторінка «Усі форми» подібна меню «Публікації» верхнього рівня, у якому перелічено всі ваші публікації.

Створіть нову форму

Натиснувши кнопку «Додати новий», ви перейдете до конструктора форм.

Ви можете створити форму з нуля або почати з одного з шести готових шаблонів форм:

Контакти
Запит пропозицій
Пропозиція / Відгук
Пожертвування
Замовити
Підписка на розсилку

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

Додайте нові поля

Вибравши шаблон контактної форми, ви перейдете на цю сторінку.

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

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

Просто, правда?

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

Редагувати поле

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

Ви можете бачити вище, що я додав опис і позначив нове поле як потрібне.

Існує також кілька розширених параметрів для подальшої настройки поля.

Ці налаштування дуже схожі для різних типів полів.

Налаштуйте форму

Тепер, коли форма заповнена, можна налаштувати параметри.

Загальні налаштування

Перший із трьох розділів у меню Налаштування — це Загальні налаштування.

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

Налаштування сповіщень

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

Повідомлення про подання міститиме повну інформацію з форми, включаючи всі поля, які ви додали.

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

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

Налаштування підтвердження

Коли ви будете задоволені електронною поштою(ами), яку ви отримаєте, настав час налаштувати повідомлення, яке отримає відправник форми.

Параметри підтверджень у WPForms прості та зрозумілі. Коли відвідувач надсилає форму, ви можете вибрати:

Відобразити власне повідомлення
Переспрямуйте їх на іншу сторінку вашого сайту WordPress
Переспрямуйте їх на зовнішню веб-сторінку

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

WPForms не надсилає відправнику форми електронний лист після їх подання.

Додайте форму на свій сайт

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

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

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

Ось як виглядає форма, вбудована в звичайну сторінку контактів:

Контактна форма відображається з темою «Автор».

І ось як відображається повідомлення підтвердження після успішного надсилання форми.

Це основний процес створення, налаштування та вбудовування форм за допомогою WPForms.

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

Переглянути записи форми

Хоча ви можете отримувати будь-яку інформацію, яку ви хочете, у своїх сповіщеннях, повна інформація з кожного подання зберігається в меню Entries.

Записи згруповані за формою та містять деякі знайомі функції з вашої папки "Вхідні", наприклад:

Позначити як прочитане
Завантажити/експортувати
Зірка

Глобальні налаштування WPForms

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

Без встановлених додатків на вкладці Платежі є лише селектор валюти, а вкладка Інтеграції порожня. Ви можете імпортувати/експортувати форми між інсталяціями WP, і, нарешті, System Info містить загальну інформацію про ваш сайт, яку може запитати співробітник служби підтримки WPForms, коли ви звертаєтеся в службу підтримки.

Додаткові можливості

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

Багатосторінкові форми

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

Це неймовірно корисно для будь-яких довгих, страхітливих форм. Розбиття довгих процесів реєстрації на кілька сторінок підвищує коефіцієнт конверсії.

Ось як це виглядає на передній панелі.

Завантаження файлів

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

Це позбавляє вас від необхідності іншого плагіна для додавання файлів у ваші форми.

Миттєва перевірка поля

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

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

WPForms Основні покази

Отже, це основа плагіна WPForms WordPress. Це простий та ефективний спосіб створити необмежену кількість форм з будь-якими полями, які ви хочете.

Хоча пакет Basic сам по собі не має можливості створювати списки електронної пошти або збирати платежі, за допомогою доповнень він може зробити набагато більше. Давайте розберемося з ними зараз.

Використовуйте код купона SAVE50, щоб отримати 50% знижки на WPForms зараз.

Основні доповнення

Ці додатки доступні в пакетах Basic ($39,50), Plus ($99,50), Pro ($199,50) і Elite ($299,50).

Саме тут WPForms стає надзвичайно настроюваним і гнучким. Почнемо з одного з найбільш практичних доповнень, умовної логіки.

Умовна логіка

WPForms має це дивовижне меню доповнень, де ви можете легко встановити та активувати будь-які доповнення, доступні у вашому плані.

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

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

Ви можете використовувати скільки завгодно умовних полів, і відповідність не обов’язково повинна бути «якщо це поле дорівнює цьому». Ви можете використовувати будь-яке з наступних порівнянь:

дорівнює
не дорівнює
містить
не містить
починається з
закінчується на

Крім того, ви можете додати більше однієї умови для відображення форми. Можливо, якщо у них є звіт про помилку для вашого продукту AwesomePro, зокрема, ви хочете повідомити їм, що оновлення вже на шляху, використовуючи поле HTML.

Умовні сповіщення

Ще одна цікава річ, яку ви можете зробити з умовною логікою, — це надсилати різні сповіщення на основі записів полів. Кожне сповіщення отримує однакові параметри умовної логіки внизу форми.

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

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

Спеціальні капчі

Другим і останнім доповненням, доступним у пакеті Basic, є Custom Captchas.

WPForms включає підтримку reCAPTCHA, але Custom Captchas дозволяє вводити власні запитання. Коли ви встановите плагін, ви знайдете нову опцію Captcha в розділі Fancy Fields редактора.

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

Крім того, ви можете ввести до двох власних запитань. Просто переконайтеся, що відповідь та її написання очевидні. Ви ж не хочете ставити в тупик справжніх людей!

І це останнє з базових доповнень. Сам плагін WPForms надзвичайно багатий на функції, а додавання умовної логіки, зокрема, робить його надзвичайно гнучким.

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

Плюс доповнення

Ці доповнення доступні в пакетах Plus (99,50 доларів США), Pro (199,50 доларів США) та Elite (299,50 доларів США).

Пакет Plus надає вам ще чотири надбудови, які використовуються для створення списків електронної пошти.

Додатки для підписки на електронну пошту

Оскільки нові додатки дуже схожі, я об’єднав їх в один розділ. Доповнення Plus додають підтримку для наступних чотирьох служб електронної пошти:

Тут я розповім про MailChimp, але знайте, що функціональність кожного з цих доповнень однакова.

MailChimp

Після встановлення надбудови MailChimp ви знайдете нову опцію на сторінці налаштувань інтеграції.

Якщо ви коли-небудь додавали подібну інтеграцію до WordPress, це буде знайомий процес введення вашого імені користувача та ключа API.

Після інтеграції MailChimp доступний на вкладці Маркетинг редактора. Ви будете використовувати кнопку Додати нове з’єднання, щоб підключити форму до наявного списку у вашому обліковому записі.

Після додавання з’єднання ви можете налаштувати інтеграцію списку.

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

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

Профільні доповнення

Ці доповнення доступні в пакетах Pro (199,50 доларів США) та Elite (299,50 доларів США).

Решта дев’ять доповнень доступні в пакетах Pro та Elite WPForms. Elite отримує довічні оновлення, що означає, що вам ніколи не доведеться платити за поновлення ліцензії.

Платіжні додатки

Два надбудови дозволяють приймати платежі: PayPal і Stripe. Оскільки обидва ці плагіни дуже схожі за функціональністю, я просто надам огляд доповнення Stripe.

Інтегрована смуга

Активація надбудови Stripe додає наступні поля до меню налаштувань платежу.

До всіх чотирьох клавіш можна отримати доступ через налаштування у вашому обліковому записі Stripe. Також є можливість увійти в тестовий режим, який чудово підходить для тестування покупок без використання реальної валюти.

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

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

Це майже все, що вам потрібно зробити, щоб почати приймати платежі за допомогою форми в WPForms. Останнім кроком є відвідування вкладки «Платежі» в редакторі та ввімкнення платежів Stripe.

Ви також повинні надіслати електронною поштою квитанцію про оплату, щоб ваші клієнти мали запис про свою покупку.

Реєстрація та вхід користувача

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

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

Оскільки використовувався шаблон реєстрації, у налаштуваннях доступний новий розділ Реєстрація користувачів.

Ви можете зіставити кожне з полів форми з полями профілю користувача, такими як ім’я користувача, пароль та їх біографія.

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

Крім того, мати користувацьке переспрямування та налаштування для додавання користувацьких полів до нових учасників – це дуже круто.

Шаблон входу не надає жодних користувацьких налаштувань, а просто містить основну форму поля імені користувача та пароля.

Геолокація

Ви коли-небудь замислювалися, звідки надходять ваші форми?

Саме про це говорить вам це неймовірно просте доповнення.

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

Опублікувати матеріали

Чи розглядали ви можливість надсилання гостьових дописів на своєму сайті?

Доповнення для надсилання публікацій WPForms дозволяє відвідувачам надсилати повідомлення без реєстрації або відвідування адміністратора WordPress. Як і при реєстрації користувачів, вам потрібно переконатися, що ви вибрали шаблон Форми подання дописів у блозі, щоб отримати доступ до спеціальних нових налаштувань.

Форма досить обширна, оскільки для неї потрібні всі поля публікації на додаток до інформації про автора.

Вибір цього шаблону дає вам доступ до спеціальної вкладки налаштувань публікацій.

Уже налаштовано зв’язування полів форми з полями дописів у серверній частині.

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

Підпис

Надбудова Signature досить проста. Він надає нове модне поле, яке ви можете додати, щоб вимагати підпису.

Поле не має жодних унікальних налаштувань для налаштування – воно працює автоматично. Відвідувачі можуть підписуватись за допомогою миші або пальця на сенсорному пристрої.

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

Відмова від форми

Коли відвідувач додає товари в кошик для покупок, а потім залишає сайт, не виписавшись, ми називаємо це покиданням кошика. WPForms пристосував цей термін до людей, які частково заповнюють форму та залишають її, не надіславши її.

Плагін Form Abandonment чудовий. Він додає просту нову панель налаштувань, де ви можете ввімкнути захоплення відведення.

Якщо це ввімкнено, усі часткові записи, у яких введено електронну пошту або телефон, будуть збережені як записи. Таким чином, ви можете зв’язатися з усіма, хто залишив форму на вашому сайті.

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

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

Zapier

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

Можливо, я тут лінивий, але я збираюся направити вас до покрокового посібника в документації WPForms для цього надбудови. Його конфігурація досить складна, тому я надам вам загальну картину.

Як це працює?

Zapier використовується для підключення служб в Інтернеті. Наприклад, можливо, ви хочете оновити таблицю Google, коли ви додаєте нового користувача до своєї CRM або надсилаєте твіт щоразу, коли хтось підписується на ваш список розсилки.

Гаразд, можливо, це не найкращі приклади, але ви зрозуміли.

Доповнення WPForms дозволяє виконувати дію на будь-якій веб-службі щоразу, коли надсилається форма. Це означає, що ви можете надсилати твіт, текстове повідомлення комусь, публікувати в Slack – все, що забажаєте, з кожною подачею форми.

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

Переглянуто WPForms

Отже, це мій повний закулісний огляд плагіна WPForms WordPress.

Хоча я все ще використовую та люблю Gravity Forms, я почав переходити на WPForms для нових сайтів, які я створюю. Він добре розроблений, простий у використанні та має всі функції, які я міг забажати від плагіна.

Нижня лінія

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

Я б рекомендував пакет Plus, лише якщо ви збираєтеся використовувати WPForms для створення списку електронної пошти. В іншому випадку пакет Pro вартий оновлення, оскільки він дає вам доступ до деяких неймовірно потужних доповнень, таких як надсилання публікацій, відмова від форми та додатки для оплати.

Нарешті, якщо ви думаєте, що будете використовувати WPForms роками, то неодмінно побалуйте себе пакетом Elite.

Ви отримаєте копію WPForms? Чи є ще щось, що ви хотіли б побачити чи знати про це? Дайте мені знати в коментарях нижче.

Використовуйте код купона SAVE50, щоб отримати 50% знижки на WPForms зараз.

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

Джерело запису: www.competethemes.com