WordPress: як додати контактну форму

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

Як додати контактну форму в WordPress

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

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

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

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

1. Встановіть плагін

1. Відкрийте інформаційну панель, перейдіть до «Плагіни» на панелі меню, а потім натисніть « Додати новий плагін» .
   
2. Знайдіть WPForms у вікні пошуку.
3. Виберіть перший запис під назвою «Контактні форми» від WPForms – конструктор форм перетягування для WordPress і натисніть « Встановити» поруч із ним.
   
4. Після встановлення натисніть « Активувати» .

2. Створіть контактну форму

1. Поверніться до інформаційної панелі, прокрутіть рядок меню та натисніть WPForms .
2. На правій панелі натисніть «Додати» .
   
3. Відкриється бібліотека шаблонів. Виберіть шаблон, навівши на нього курсор і натиснувши кнопку «Використати шаблон» , яка з’явиться.
   
4. Щоб створити базову форму, виберіть Проста контактна форма . Ви отримаєте форму з полями за замовчуванням «Ім’я» , «Електронна адреса» та «Повідомлення» .
5. Відредагуйте поля:
   • Натисніть на нього, щоб змінити назву поля.
   • Перетягніть поля, щоб змінити їх порядок.
   • Перетягування поля з вибору на бічній панелі ліворуч і опускання його в потрібне місце у вашій формі.
6. Натисніть «Зберегти» , коли закінчите.
   

3. Налаштуйте підтвердження електронною поштою

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

1. Перейдіть на вкладку Налаштування в конструкторі форм і натисніть Підтвердження .
   
2. За бажанням відредагуйте стандартне повідомлення подяки.
3. Якщо ви перенаправляєте їх, перейдіть до Типу підтвердження та виберіть у спадному меню Перейти до URL-адреси .
4. Введіть URL-адресу та натисніть «Зберегти» .
   

4. Встановіть параметри сповіщень електронною поштою

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

1. Виберіть Налаштування та натисніть Сповіщення .
   
2. Відредагуйте поля, як вам потрібно, або залиште їх як є.
   • Змініть адресу електронної пошти, якщо ви віддаєте перевагу чомусь іншому. Використовуйте кому, щоб додати кілька електронних адрес.
   • Рядок теми — це ім’я вашої контактної форми, тоді як поле «Ім’я відправника» — це автоматично ім’я користувача.
3. Натисніть Зберегти .
   

5. Додайте форму до сторінки

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

1. Перейдіть на інформаційну панель і виберіть Сторінки на панелі меню.
2. Натисніть «Додати нову сторінку» або знайдіть сторінку, на яку потрібно додати форму.
   
3. Залежно від того, чи використовуєте ви класичний редактор чи редактор Gutenberg (Block), процес відрізняється від цього. Вам потрібно буде натиснути «Опублікувати» або «Оновити» , щоб завершити процес.

Класичний редактор

1. Розташуйте курсор там, де вам потрібна форма, і виберіть « Додати форму» на панелі інструментів.
2. Виберіть форму, яку ви створили, ідентифікуючи її за назвою, яку ви дали формі.
3. Натисніть Додати форму .
   

Редактор блоків

1. Натисніть піктограму + і введіть wpforms у полі пошуку.
2. У блоці WPForms натисніть спадне меню та виберіть свою форму.
   
3. Натисніть Опублікувати або Оновити .

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

Додайте контактну форму до області віджетів

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

1. Перейдіть на інформаційну панель WordPress.
2. Виберіть «Вигляд» на панелі меню та натисніть «Віджети» .
   
3. Знайдіть віджет WPForms і перетягніть його в точну область віджетів у правій частині екрана.
4. Назвіть віджет і виберіть створену форму зі спадного меню.
5. Натисніть Зберегти .
   

Отримайте необхідну інформацію про клієнта

Близько половини веб-сайтів в Інтернеті створено на WordPress.org. Отже, добре, що було зроблено положення про додавання контактної форми на ваш веб-сайт, хоча WordPress.org не має вбудованого конструктора форм.

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

поширені запитання

Чи добре WPForms інтегрується зі сторонніми службами електронної пошти?

Однак вам знадобляться платні надбудови для інтеграції з такими службами, як Mailchimp, Constant Contact, AWeber, GetResponse та Campaign Monitor.

Чи робить використання WPForms ваш веб-сайт вразливим?

Використання застарілих або погано підтримуваних плагінів завжди становить загрозу безпеці. У вас не повинно виникнути проблем із уразливістю, якщо ви постійно оновлюєте WPForms. Допомогло б розглянути вбудовану інтеграцію з Google reCAPTCHA та Cloudflare Turnstile для захисту від спаму.