Якщо ваш сайт працює на Contact Form 7, а відділ продажів використовує HubSpot, між ними залишається розрив, який потрібно усунути. Або співробітник вручну переносить кожну заявку до HubSpot, або між формою та CRM використовується сторонній сервіс автоматизації, який додає власну підписку, свої особливості та ще одну потенційну точку відмови. У цьому посібнику розглянемо, як на практиці виглядає пряме підключення, чому варто розглянути варіант без посередника та як налаштувати таку інтеграцію за допомогою FormCourier CRM Pro.
Що насправді означає передача лідів із Contact Form 7 до HubSpot
Contact Form 7 – один із найпоширеніших плагінів форм для WordPress, значною мірою завдяки своїй легкості та тому, що він добре виконує одне основне завдання: збирає значення вказаних вами полів і обробляє надсилання форми. Але сам по собі він не визначає, куди ці дані мають передаватися далі. За замовчуванням надсилання форми або запускає відправлення email, або зберігається за допомогою додаткового плагіна – до зовнішньої системи, такої як HubSpot, дані не потраплять, якщо не налаштувати механізм їх передачі.
Саме тут виникає завдання передачі даних із Contact Form 7 до HubSpot: значення, які відвідувач ввів у форму Contact Form 7, мають потрапити до HubSpot у вигляді запису контакту без необхідності повторного введення співробітником. Для відвідувача нічого не змінюється – він, як і раніше, просто заповнює форму. Змінюється все, що відбувається після натискання кнопки надсилання.
Тут важливо чітко розуміти межі інтеграції. Contact Form 7 і HubSpot і надалі залишаються двома окремими системами, кожна з яких виконує свою функцію. Форма збирає початкове звернення, а HubSpot використовується відділом продажів або маркетингу для подальшої роботи з контактом – email-ланцюжків, етапів угод, властивостей життєвого циклу та інших процесів. Пряма інтеграція не об’єднує ці системи в одну. Вона лише усуває ручний етап перенесення даних з однієї системи до іншої.
Чому для цього підключення можна обійтися без Zapier
Zapier часто пропонують у відповідь на запитання «як підключити два застосунки», і для багатьох сценаріїв це цілком розумне рішення. Але передача заявок із Contact Form 7 через Zapier за допомогою сторонньої платформи автоматизації має кілька особливостей, які варто врахувати перед вибором такого підходу.
Найочевидніша з них – структура вартості. Тарифи Zapier залежать від кількості завдань, тобто кожної запущеної дії, виконаної протягом місяця. Сайт зі стабільним потоком заявок із форм може досить швидко вичерпати ліміти недорогого тарифу, особливо якщо Zapier також використовується для інших робочих процесів. Пряме підключення через плагін не передбачає окремої плати за кожне надсилання форми.
Другий недолік – додаткова точка відмови. Коли працює зв’язка CF7 і Zapier, дані проходять три етапи: WordPress → Zapier, Zapier → HubSpot, а потім внутрішню обробку в самому HubSpot. На кожному етапі передача може зупинитися – завдання Zapier може завершитися помилкою, зіткнутися з обмеженням частоти запитів або залишитися в черзі, якщо ліміт завдань вашого тарифу вичерпано. Для діагностики в такому разі потрібно перевіряти історію завдань Zapier на додаток до того, що відбувається на вашому сайті.
Є й питання налаштування. Щоб правильно налаштувати передачу з Contact Form 7 до Zapier, зазвичай потрібно створити “Zap” із нуля: вибрати тригер, вручну зіставити поля в інтерфейсі Zapier і протестувати весь ланцюжок. Спеціалізований інтеграційний плагін дає змогу виконувати зіставлення полів безпосередньо в уже знайомій адміністративній панелі WordPress, тому не потрібно опановувати ще один окремий інструмент.
Усе це не означає, що зв’язки Zapier і Contact Form 7 завжди є поганим вибором – Zapier справді корисний для гнучкого підключення багатьох різних застосунків. Але якщо єдине завдання полягає в передачі даних із CF7 до Zapier, а потім із Zapier до однієї CRM, спеціалізований плагін зазвичай виконує цю роботу з меншою кількістю проміжних компонентів. Ланцюжок WordPress Contact Form 7 і Zapier додає підписку та додаткову залежність для завдання, яке пряме підключення може виконувати безпосередньо.
Як працює пряме підключення на технічному рівні
На технічному рівні пряме підключення стає можливим завдяки механізму Contact Form 7 webhook. Коли користувач надсилає форму, інтеграційний плагін відстежує цю подію, отримує значення полів і надсилає їх як HTTP-запит до API HubSpot – без періодичного опитування та запланованих перевірок, одразу після надсилання форми.
У цьому контексті webhook – це вихідне сповіщення: замість того щоб HubSpot за розкладом запитував «чи з’явилося щось нове?», ваш сайт повідомляє HubSpot про подію одразу після її виникнення. У цьому полягає технічна відмінність передачі з CF7 через webhook від старіших підходів, таких як експорт CSV або перевірка поштової скриньки – дані передаються одразу після появи, а не під час наступної перевірки.
Друга частина процесу пов’язана з API. Обмін через Contact Form 7 API означає, що інтеграція авторизується в HubSpot за допомогою облікових даних, створених у вашому обліковому записі HubSpot – у випадку HubSpot це токен приватного застосунку – а потім звертається до API для створення або оновлення контакту з переданими значеннями. Така інтеграція Contact Form 7 через API не потребує написання коду – плагін самостійно формує та надсилає запит. Однак розуміння того, що в основі лежить API-запит, пояснює, чому важливі дані авторизації та навіщо перед запуском використовується перевірка підключення.
Якщо розглядати механізм загалом, передача з Contact Form 7 до API працює однаково для будь-якої підтримуваної CRM, включно з HubSpot: CF7 to API означає, що плагін може спрямувати дані форми до API тієї системи, для якої він налаштований. Це можна розглядати як можливість CF7 to any API або, конкретніше, як механізм Contact Form API WordPress – в основі використовується одна й та сама схема: webhook плюс API-запит.
Як покроково налаштувати передачу даних із Contact Form 7 до HubSpot
Тепер, коли принцип роботи зрозумілий, розглянемо, як на практиці налаштовується інтеграція Contact Form 7 із HubSpot за допомогою FormCourier CRM Pro.
1. Встановіть плагін і виберіть форму
Після активації плагіна відкрийте його налаштування, виберіть Contact Form 7 як плагін форм, а потім укажіть конкретну форму, заявки з якої мають передаватися до HubSpot. Якщо на сайті використовується кілька форм Contact Form 7, підключена буде лише та, яку ви виберете тут.
2. Підключіть HubSpot
Далі виберіть HubSpot як цільову CRM і введіть необхідні дані підключення – для HubSpot це зазвичай токен приватного застосунку, створений у вашому обліковому записі HubSpot. Після введення даних виконайте вбудовану перевірку підключення, щоб переконатися, що облікові дані прийняті системою, перш ніж переходити до наступного етапу.
3. Налаштуйте зіставлення полів
Саме на цьому етапі визначається, які дані та до яких полів будуть передаватися. Поля Contact Form 7 і HubSpot краще зіставити явно, а не покладатися на автоматичне визначення, оскільки назви полів форми та властивості контактів HubSpot не завжди збігаються.
| Поле Contact Form 7 | Властивість HubSpot |
|---|---|
| Name | Ім’я / Прізвище |
| Phone | Номер телефону |
| Message | Користувацька текстова властивість або нотатка |
Точний набір доступних властивостей HubSpot залежить від налаштувань вашого облікового запису – наведене вище зіставлення є поширеним варіантом для початку роботи, а не фіксованим шаблоном.
4. Виберіть спосіб передачі заявок
FormCourier CRM Pro може надсилати дані одразу після надсилання форми, обробляти їх у фоновому режимі, щоб відвідувачу не доводилося чекати на відповідь зовнішньої системи, або передавати через чергу з автоматичними повторними спробами, якщо HubSpot тимчасово недоступний. Виберіть варіант залежно від обсягу трафіку форми та того, наскільки критичною є миттєва передача даних для вашого робочого процесу.
5. Протестуйте інтеграцію за допомогою реального надсилання
Після підключення Contact Form 7 до HubSpot і збереження налаштувань самостійно надішліть форму з легко впізнаваними тестовими значеннями, а потім перевірте в HubSpot, чи з’явився контакт із правильним ім’ям, email і номером телефону у відповідних властивостях.
Налаштована таким чином інтеграція WordPress, HubSpot і Contact Form 7 являє собою підключення однієї форми до однієї CRM: FormCourier CRM Pro одночасно працює з однією вибраною формою та однією вибраною CRM. Тому, якщо на сайті використовується кілька форм Contact Form 7, дані з яких мають надходити до різних систем, для кожного підключення потрібна окрема конфігурація. Якщо структура вашого сайту стає складнішою за одне підключення HubSpot і контактної форми WordPress, враховуйте це обмеження під час планування структури форм.
Які дані ліда передаються до HubSpot
Крім імені, email і телефону, форма часто є єдиним джерелом певної маркетингової інформації, яку варто зберігати, якщо вашій команді важливо розуміти, звідки прийшли ліди з Contact Form 7. FormCourier CRM Pro може передавати UTM-параметри (utm_source, utm_medium, utm_campaign, utm_term і utm_content) разом зі стандартними полями, якщо цю функцію ввімкнено. Додатково можна передавати gclid і fbclid, однак обидва параметри налаштовуються окремо й за замовчуванням автоматично не збираються.
Це особливо важливо для збору лідів через Contact Form 7, оскільки заявку, яка потрапила до HubSpot без інформації про джерело, пізніше складніше правильно атрибутувати. Якщо лід прийшов із платної рекламної кампанії, а не з органічного трафіку на статтю блогу, наявність utm_source і utm_campaign у записі HubSpot дає змогу маркетинговій команді одразу побачити джерело, не відновлюючи його згодом вручну.
Для відстеження лідів Contact Form 7 у довгостроковій перспективі варто заздалегідь визначити, які маркетингові поля справді потрібні вашій команді. Не кожному сайту необхідно зберігати всі п’ять UTM-параметрів та ідентифікатори кліків у кожному записі контакту, а передача лише тих даних, які ви фактично використовуватимете, допомагає не перевантажувати список властивостей HubSpot. Іншими словами, загальне відстеження Contact Form 7 працює найкраще, коли збираються лише ті дані, які хтось справді аналізуватиме надалі, а не все без розбору.
Тестування та перевірка інтеграції
Робоче підключення на етапі налаштування не гарантує, що кожна майбутня заявка завжди передаватиметься правильно. Тому варто періодично перевіряти інтеграцію Contact Form 7, особливо після зміни самої форми, коригування зіставлення полів або оновлення облікових даних HubSpot.
Найнадійніший спосіб перевірки – надіслати тестову заявку з легко впізнаваними значеннями. Наприклад, можна використати незвичне ім’я або email із додатковим тегом, а потім переконатися в HubSpot, що контакт було створено або оновлено й усі значення потрапили саме до тих полів, які ви зіставили. Якщо якихось даних немає або вони потрапили не до тієї властивості, проблема, найімовірніше, пов’язана зі зіставленням полів, а не з підключенням, тому варто повернутися до кроку 3 вище.
Якщо тестова заявка взагалі не з’явилася в HubSpot, спочатку перевірте підключення – однією з найпоширеніших причин є прострочений або відкликаний токен. Потім перегляньте журнали плагіна та діагностичну інформацію, щоб побачити конкретну повернуту помилку. Якщо використовується фонова обробка або черга, враховуйте, що передача може відбуватися не миттєво, тому перед висновком про збій перевірте стан черги.
Будь-яка інтеграція Contact Form 7 із WordPress виграє від таких періодичних перевірок, особливо на сайтах, де форму час від часу редагує не той користувач, який спочатку налаштовував зіставлення полів. Перейменування поля в конструкторі форми без відповідного оновлення на стороні CRM – одна з найпоширеніших причин, через яку раніше справно працююча стороння інтеграція Contact Form 7 непомітно перестає передавати правильні дані.
FAQ
