Сторінка запиту демо — остання сторінка між наміром покупця і вашою воронкою. Відвідувачі, які до неї дійшли, уже вирішили, що хочуть поговорити, тож у сторінки вузьке завдання: не дати їм передумати. Кожне зайве поле, незрозумілий наступний крок і брак запевнень — це шанс втратити ліда, за залучення якого ви вже заплатили. У цій добірці розібрано 10 актуальних сторінок демо та звернення до відділу продажів відомих B2B-компаній з акцентом на деталях, від яких залежить, чи буде форму надіслано.
Ми відвідали кожну сторінку в жовтні 2026 року й описуємо те, що вона тоді показувала, включно з полями кожної форми. Сторінки та форми змінюються, тож перевіряйте живі посилання, перш ніж щось копіювати. Наша стаття з прикладами B2B-лендингів розглядає лендинг для демо як один із восьми типів сторінок, на які потрапляють з реклами; ця добірка зосереджена лише на самій сторінці запиту, на яку здебільшого переходять із навігації та CTA сайту.
Що визначає, чи буде надіслано форму запиту на демо
Ми порівнювали кожну сторінку за тими самими п'ятьма пунктами:
- Довжина і порядок форми: скільки полів видно до першого зобов’язання і які йдуть першими.
- Кроки: одна форма, багатокрокова форма або одне поле email, що розгортається.
- Формування очікувань: чи каже сторінка, що відбудеться після надсилання і як швидко?
- Докази поруч із формою: цитати, рейтинги, кількість клієнтів.
- Альтернативи: вихід для тих, хто не готовий до дзвінка (демо в режимі самообслуговування, посилання на підтримку, email-адреса).
Питання полів детально розглянуто в нашому посібнику з B2B-форм збору лідів. Тут нас цікавить, як реальні компанії знаходять баланс.
1. Gong: одне поле, потім решта
Заголовок сторінки демо Gong — «Turn pipeline into revenue with Gong», за ним три короткі переваги (робіть великі ставки й вигравайте, підвищуйте продуктивність команди, закривайте угоди ефективніше). Видима форма має одне поле — робоча пошта — і кнопку «Book your demo» з рядком про згоду під нею. Докази розміщено одразу поруч із формою: кількість клієнтів, частка великих компаній, що користуються Gong, середня оцінка у відгуках, визнання аналітиків і рівень рекомендацій.
Що працює: запит лише робочого email на першому кроці — мінімально можливе зобов’язання. Якщо копіюєте цей підхід, решта профілю має звідкись узятися: з другого кроку або зі збагачення за доменом email, щоб покупцеві не довелося це вводити.
Що ми б протестували: сторінка не каже, що станеться після кліку: календар, зворотний дзвінок, лист. Один рядок «На наступному екрані ви оберете час» зняв би останню невизначеність.
2. HubSpot: сторінка демо для конкретного продукту з номером телефону
Сторінка демо HubSpot присвячена одному продукту. Її заголовок пропонує демо маркетингового програмного забезпечення, а підзаголовок перелічує популярні функції (форми, соцмережі, email-маркетинг, автоматизація, керування кампаніями, звітність). Форма починається з одного поля email і кнопки «Next». Угорі показано телефон відділу продажів. Далі — кількість клієнтів і країн, потім розділ «Your top marketing challenges, solved» із вкладками про створення попиту, генерацію лідів і автоматизацію маркетингу.
Що працює: окрема сторінка демо для кожного продукту дає змогу говорити в тексті про реальну проблему покупця, а не про всю платформу. Видимий номер телефону зручний покупцям, які воліють подзвонити, а не заповнювати форму.
Що ми б протестували: розділ із викликами розташований під формою. Для відвідувачів, які приходять з конкретної сторінки функції, ми протестували б зміну порядку вкладок, щоб їхня функція йшла першою.
3. Zendesk: демо, яке ви спершу налаштовуєте під себе
Сторінка демо Zendesk має заголовок «Customize your free Zendesk demo». Це багатокроковий процес: перший крок запитує, який сценарій використання цікавить відвідувача, а форма також запитує розмір служби підтримки, робочий email, ім’я, телефон, назву компанії та країну. Для відвідувачів, які не хочуть бронювати, є посилання на записані відеодемо.
Що працює: таке формулювання перетворює форму з «розкажіть про себе, щоб відділ продажів міг вас кваліфікувати» на «розкажіть, що вам потрібно, щоб демо було релевантним». Запитання ті самі, але покупець бачить користь від відповідей.
Що ми протестували б: посилання на записане демо легко пропустити. Для відвідувачів на початку дослідження ми протестували б, щоб воно стало помітним другим варіантом на першому кроці.
4. Notion: спочатку email, більше нічого не видно
Сторінка зв’язку з відділом продажів Notion починається з одного запитання — «What's your work email?» — і кнопки «Next». На першому екрані з ними ніщо не конкурує.
Що працює: одне запитання — найлегший можливий початок, а відвідувач, який уже ввів email, з більшою ймовірністю завершить наступні кроки. Це також дає Notion змогу маршрутизувати відвідувача за доменом email ще до інших запитань, наприклад відправляти наявних клієнтів до їхньої команди.
Що ми протестували б: перший екран не дає жодної причини звернутися до відділу продажів. Короткий перелік того, що охоплює розмова (перевірка безпеки, міграція, ціни для великих команд), допоміг би відвідувачам, які не впевнені, чи потрібні їм продажі взагалі.
5. Linear: коротка форма, чіткі теми
Сторінка звернення до відділу продажів Linear перелічує, що охоплює розмова з продажами: отримати демо, дізнатися, який план підходить, підтримка з онбордингом і міграцією. Окремий рядок спрямовує технічні питання в підтримку. Форма має чотири поля: повне ім’я, робоча пошта, розмір компанії (п’ять діапазонів) і поле з вільною відповіддю для вимог.
Що працює: чотири поля, одне з яких — клік замість введення тексту. Перенаправлення питань підтримки деінде тримає чергу продажів чистою, тож запит читає саме та людина, яка потрібна.
Що ми б протестували: поле вимог відкрите. Плейсхолдер із прикладом («Нас 80 інженерів, переходимо з Jira, потрібен SSO») міг би покращити якість того, що пишуть люди.
6. Slack: три причини поговорити, цитата, довша форма
Заголовок сторінки звернення до відділу продажів Slack — «Contact our sales team» з трьома переліченими причинами: запланувати демо, отримати інформацію про ціни, дослідити сценарії використання для вашої команди. Запитання щодо продукту перенаправлено до довідкового центру. Поруч із формою — цитата іменованого керівника з продажу відомої компанії. Форма запитує ім’я та прізвище, робочий email, роль (від CXO до виконавця), країну, назву компанії, розмір компанії, телефон, з чим може допомогти відділ продажів, і поле для коментарів із підказкою «What challenges are you looking to overcome?»
Що працює: випадний список ролей із рівнями посад одразу дає відділу продажів сигнал для маршрутизації, а запитання про виклики змушує покупця самому написати бриф для першого дзвінка.
Що ми б протестували: це найдовша форма в добірці. Ми б протестували перенесення полів телефону, країни й коментарів на другий крок після збору основних контактних даних.
7. monday.com: багато доказів, довгий формат
Заголовок сторінки звернення до відділу продажів monday.com — «Talk with our sales team to see how monday.com can fit your needs», за ним три переваги (обговорити найкраще рішення, отримати індивідуальні ціни, побачити міжкомандні робочі процеси). Поруч із формою — цитата клієнта з ім’ям директора. Форма запитує ім’я та прізвище, робочу пошту, посаду, телефон, назву компанії, розмір компанії, що відвідувач хоче дослідити, та опис бізнес-потреб. Під формою сторінка наводить результати замовленого дослідження економічного ефекту й додає ще історії клієнтів з іменами людей і компаній.
Що працює: для покупця, якому потрібно обґрунтувати покупку всередині компанії, дослідження ROI і результати кейсів — матеріали, які можна переслати. «Отримати індивідуальну інформацію про ціни» — вагомий привід заповнити форму для кожного, хто вже бачив публічні ціни.
Що ми б протестували: номер телефону обов'язковий. Якщо зробити його необов'язковим і виміряти і завершення, і частку зустрічей, стане зрозуміло, чи вартий він втрат.
8. Asana: обіцянка часу відповіді
Заголовок сторінки продажів Asana — «Talk with an Asana expert». Текст повідомляє, що відділ продажів зв’яжеться протягом робочого дня, і перелічує, що можна обговорити: як Asana допомагає організації, який тариф підходить, та інші запитання. Наявних користувачів спрямовують до довідкового центру. Поруч із формою — цитата клієнта, іменованого VP, а сама форма запитує ім’я та прізвище, корпоративний email, телефон, розмір компанії (сім діапазонів), країну та примітку про команду й процес, який потрібно відстежувати.
Що працює: «протягом робочого дня» — єдиний чітко вказаний час відповіді в цій добірці. Він задає очікування, на які покупець може зорієнтуватися, і створює корисний тиск на команду, що стоїть за формою. Якщо ви даєте таку обіцянку, наш посібник про швидкість реакції на лід пояснює, як її дотримати.
Що ми протестували б: пропонувати миттєве бронювання в календарі відвідувачам, які відповідають профілю ідеального клієнта, щоб очікування в робочий день стосувалося лише всіх інших.
9. Atlassian: вибір теми перед формою
Сторінка корпоративних контактів Atlassian починається з «I'd like to discuss» і набору тем: функції продукту, ціни та пропозиції, варіанти міграції, рахунки та ліцензування, технічна підтримка. Форма запитує корпоративний email (з приміткою, що особисті поштові домени буде відхилено), ім’я та прізвище, компанію, посаду, продукт, якого стосується запитання, і саме запитання з підказкою додати ідентифікатори ліцензій.
Що працює: вибір теми маршрутизує запит ще до того, як його побачить людина, тож питання про ліцензування потрапляє до потрібної команди, а не в загальну чергу продажів. Попередження наперед, що особисті email-адреси не приймаються, рятує відвідувача від невдалого надсилання.
Що ми б протестували: питання про продукт просить відвідувача обрати продукт із найбільшою кількістю користувачів. Множинний вибір зафіксував би інтерес до крос-продажу, не змушуючи обирати.
10. Intercom: інтерактивне демо замість форми
Демо-сторінка Intercom обходиться без форми. Вона завантажує макет сайту компанії з працюючим месенджером Intercom, і відвідувач може одразу спробувати продукт із боку клієнта — із закликом спробувати демо й побачити, як Intercom працює для клієнтів і команд.
Що працює: для продукту, що працює на власному сайті клієнта, можливість покупцеві самому ним скористатися переконує більше, ніж бронювання дзвінка, щоб подивитися, як ним користується хтось інший. Це також обслуговує відвідувачів, які ще не готові ні з ким говорити, і може дати пізнішій розмові з продажами теплішого ліда.
Що ми б протестували: помітну опцію «зв'язатися з відділом продажу» всередині інтерактивного демо для відвідувачів, які під час його використання стають готовими до розмови.
Закономірності в прикладах
- Email першим — поширена практика. Gong, HubSpot і Notion починають з одного поля. Решту збирають на наступних кроках або заповнюють за допомогою збагачення.
- Розмір компанії майже завжди обирають одним кліком. Linear, Slack, Asana і Zendesk просять вказати розмір у вигляді діапазону — це простіше, ніж вводити число, і дає відділу продажу сигнал для маршрутизації.
- Підтримку перенаправлено. Linear, Slack, monday.com, Asana та Atlassian ще до форми скеровують питання щодо продукту й оплати в інше місце.
- Докази розміщено поруч із формою. Іменні цитати (Slack, monday.com, Asana) і рейтинги (Gong) з’являються в момент рішення.
- Мало сторінок кажуть, що буде далі. Обіцянка Asana щодо часу відповіді — виняток. Більшість залишають покупця гадати, чи буде далі календар, лист чи телефонний дзвінок.
- Альтернативи для тих, хто ще не готовий. Записані демо Zendesk та інтерактивне демо Intercom дають відвідувачам на ранньому етапі якесь заняття, крім виходу з сайту.
У цих прикладах кожен відвідувач бачить ту саму сторінку демо. Проте відомий цільовий акаунт, клієнт, що повертається, і новий відвідувач із блогу потребують різного ступеня запевнень і різної довжини форм. Тут у гру вступають персоналізовані CTA та форми під сегменти, і саме тому швидка передача заявки потрібному менеджеру важить не менше, ніж сама сторінка; див. маршрутизація лідів із сайту.
Шаблон форми запиту демо
Цей шаблон відповідає наведеним вище патернам: короткий перший крок, питання для маршрутизації на другому й підтвердження, що пояснює покупцеві подальші кроки. Адаптуйте поля під те, що ваша команда продажу реально використовує для маршрутизації й підготовки до дзвінка.
Крок 1 (обов’язковий)
- Робоча пошта
Крок 2
- Ім’я та прізвище
- Розмір компанії у вигляді діапазонів (наприклад, 1–50, 51–200, 201–1000, 1000+)
- Що ви хотіли б побачити? (короткий вибір сценаріїв використання або продуктів)
- Номер телефону (необов’язково)
- Чи є щось, що нам варто знати перед дзвінком? (довільний текст, необов’язково)
Текст кнопки: називайте результат, а не дію. «Замовити демо», «Подивитися на ваших даних» чи «Поговорити з відділом продажів» — усі пояснюють відвідувачу, куди веде клік; «Надіслати» — ні. Використовуйте те саме формулювання на кнопці навігації, що веде на сторінку, і в самій формі, щоб відвідувач розумів, що потрапив куди треба.
Крок підтвердження: одразу покажіть календар для вибору часу або скажіть, хто відповість і коли, наприклад «Фахівець із продукту напише вам протягом одного робочого дня». Якщо на кроці 1 ви збираєте лише email, маршрутизувати за розміром компанії все одно можна, збагативши домен; поля форм і збагачення детальніше описано в нашому посібнику про форми для збору лідів.
Чекліст сторінки запиту демо
- Заголовок повторює результат демо, а не просто «Зв'яжіться з нами».
- Не більше трьох пунктів пояснюють, про що буде розмова.
- Перший крок запитує від одного до чотирьох полів; додаткові поля переносяться на другий крок або заповнюються збагаченням.
- Розмір компанії — це вибір діапазону, а не поле з довільним текстом.
- Телефон необов’язковий, якщо ви не перевірили тестом, що обов’язковість цього поля окупається.
- Сторінка повідомляє, що буде після надсилання і як швидко.
- Докази поруч із формою — від компаній, схожих на відвідувача.
- Питання підтримки й оплати мають окремий шлях.
- Є варіант для відвідувачів, не готових до дзвінка (записане чи інтерактивне демо, сторінка цін).
- Для особистих поштових доменів показується зрозуміле повідомлення, а не мовчазна помилка.
- Крок подяки пропонує календар або чітку наступну дію, а не лише «Ми зв’яжемося з вами».
- Якщо ви надсилаєте нагадування про зустрічі через SMS, у формі є окремий, непозначений чекбокс згоди на SMS (формулювання див. у нашому посібнику з B2B SMS-маркетингу).
Схожі типи сторінок — у наших галереях прикладів головних сторінок B2B і прикладів сторінок цін SaaS. Якщо хочете поговорити з нами про свій процес демо, контакти — на нашій сторінці контактів.
Поширені запитання
Що має містити сторінка запиту демо?
Заголовок, що каже, що покаже демо, короткий список тем розмови, форма з мінімумом полів, потрібних для маршрутизації, докази від схожих клієнтів поруч із формою, чітке пояснення того, що буде після надсилання, і окремий шлях для питань підтримки.
Скільки полів має бути у формі запиту демо?
Запитуйте лише те, що потрібно для маршрутизації та підготовки до дзвінка. Кілька прикладів тут починаються з одного поля email, а решту збирають на наступних кроках або через збагачення. Linear обходиться чотирма. Довгі однокрокові форми, як у Slack і monday.com, підходять компаніям, чий бренд уже веде відвідувача далі.
Форма запиту на демо має бути однокроковою чи багатокроковою?
Багатоетапна форма зазвичай працює краще, коли потрібно більше чотирьох полів, бо перший крок легкий, а наступні відчуваються як прогрес. Gong, HubSpot, Notion і Zendesk починають з малого. Обмежте перший крок одним-двома полями й поставте найважливіше питання для маршрутизації якомога раніше.
Чи робити номер телефону обов’язковим у формі демо?
Лише якщо ваш процес продажів залежить від дзвінків і ви це протестували. Багато покупців не хочуть незапланованих дзвінків, тож обов’язкове поле телефону коштує вам частини заявок. Зробіть його необов’язковим, а потім порівняйте частку завершених форм і частку зустрічей для двох версій.
Що має бути написано на кнопці «Запросити демо»?
Щось, що називає результат кліку: «Замовити демо», «Отримати демо» або «Поговорити з відділом продажів». Використовуйте ті самі слова в навігації, на сторінці демо та на кнопці форми. Загальні написи на кшталт «Надіслати» чи «Дізнатися більше» роблять менш зрозумілим, що відвідувач просить про дзвінок.
Чим відрізняється сторінка запиту демо від лендингу демо?
Лендинг демо створюється для конкретної кампанії чи оголошення і зазвичай не має навігації. Сторінка запиту демо — загальне для всього сайту місце призначення кнопок «Замовити демо», і вона має обслуговувати всі типи відвідувачів. Версію для кампаній розглянуто в нашій статті приклади B2B-лендингів.