Как подключить Typeform к сайту на Turbosite
Typeform — премиум-конструктор форм и опросов с акцентом на дизайн и conversational UX (одно поле — один экран). Идеален для квизов, опросов, заявок с высоким требованием к визуалу. Платный сервис ($25+/мес), есть бесплатный тариф с лимитом на ответы. Установка занимает 5–10 минут.
Что понадобится
- Аккаунт в Typeform — регистрация на typeform.com (бесплатный тариф доступен)
- Опубликованный сайт на Turbosite
- 5–10 минут
Шаг 1. Создать форму в Typeform
- Зарегистрируйтесь на typeform.com и войдите в аккаунт.
- Нажмите «+ Create a new typeform».
- Выберите шаблон или начните с пустого.
- Добавьте вопросы: короткий ответ, выбор из вариантов, рейтинг, контактные данные и т.п.
- Настройте логику переходов (Logic), если нужно.
- Настройте дизайн на вкладке «Design».
- Сохраните форму.
📷 Скриншот: редактор Typeform с настроенными вопросами.
Шаг 2. Получить код для встраивания
- В верхней панели нажмите «Share» → «Embed in a webpage».
- Выберите один из вариантов встраивания:
- Standard — форма как часть страницы (inline).
- Full page — форма на всю страницу.
- Popup — открывается по клику на кнопку.
- Slider — выезжает сбоку.
- Popover — мини-окно в углу.
- Настройте параметры (размер, положение, текст кнопки).
- Скопируйте сгенерированный HTML/JavaScript-код.
📷 Скриншот: окно Embed с выбором типа встраивания и кодом.
Шаг 3. Вставить код в Turbosite
Для Standard (форма как часть страницы):
- Откройте ваш сайт в Turbosite.
- Добавьте блок «HTML-код» в нужное место страницы.
- Вставьте код Typeform.
- Сохраните и опубликуйте.
Для Popup, Slider, Popover (всплывающие):
-
Откройте ваш сайт в Turbosite.
-
Перейдите в Настройки сайта → Интеграции → HTML-код в
<head>(это служебная часть страницы — посетители её не видят, но скрипты оттуда подгружаются при открытии сайта).
- Вставьте код Typeform.
- Сохраните и опубликуйте.
Шаг 4. Проверить, что форма работает
- Откройте опубликованный сайт.
- Найдите форму (или нажмите кнопку, открывающую popup).
- Заполните несколько полей и отправьте ответ.
- Откройте Typeform → «Responses» — должен появиться ваш ответ.
Частые вопросы
Форма не отображается. Проверьте полноту кода, публикацию сайта, отсутствие блокировщиков. Если используете Popup — должна быть кнопка-триггер на странице, без неё форма не откроется.
Сколько стоит? Бесплатный тариф — до 10 ответов в месяц, 1 форма. Платные — от $25/мес. Подробно — на странице тарифов.
Можно ли подключить Typeform к CRM? Да, есть встроенные интеграции с HubSpot, Salesforce, Mailchimp, Zapier и др. Настраивается в Typeform → Connect без правок кода сайта.
Чем Typeform отличается от Tally или Google Forms? Typeform — премиум-дизайн и conversational UX, дороже. Tally — бесплатная альтернатива с похожим UX. Google Forms — простой и бесплатный, но выглядит проще.
Можно ли убрать брендинг Typeform? На платных тарифах — да, опция «Remove Typeform branding». На бесплатном — внизу формы будет надпись «Powered by Typeform».
Куда смотреть дальше
- Help Center Typeform — официальная документация
- Embed your typeform — пошаговая инструкция
- Тарифы Typeform — актуальные цены
