Balance Hub для бизнеса · перенос в Тильду

Подготовка страницы к Тильде

Страница уже собрана как код для блока «HTML-код» (T123). Осталось загрузить изображения в Тильду, прислать ссылки и добавить на страницу форму Тильды, в которую будут приходить заявки.

1Посмотреть заглушкиОткройте версию с номерами — видно, какая картинка куда идёт.
2Загрузить картинкиВ Тильду: свои или из архива. Скопировать ссылки.
3Вставить ссылки нижеИ нажать «Скопировать результат» — прислать мне.
4Форма ТильдыДобавить блок формы с полями из списка ниже. Дальше — итоговый код.
Открыть страницу с заглушкамиСкачать текущие картинки (ZIP)
Шаг 2–3

Изображения: 18 мест

Номер совпадает с номером на заглушке. Можно загрузить файлы из архива как есть или заменить своими — главное сохранить пропорции из колонки «размер».

№СейчасГде на страницеСсылка из Тильды
01Фон первого экрана: стенд Balance Hub (под зелёным градиентом)Файл в архиве: 01_hero_bg.jpg · 1600×1400, JPG
02Реальный экран результата скана: карточка «Скан», блок «Технология»Файл в архиве: 02_scan_ui.jpg · 1100×830, JPG/PNG
03Сон на подушке дома: карточка «Дополнительная выручка», блок «Дома»Файл в архиве: 03_home_pillow.jpg · 800×1200, вертикаль
04НЭП для позвоночника (пэкшот): мокап кабинета клиентаФайл в архиве: 04_nap_spine.jpg · 800×530, белый фон
05Ролик Deep Roller PU90 (пэкшот): мокап кабинета клиентаФайл в архиве: 05_roller_pu90.jpg · 800×460
06Подушка KANUDA (пэкшот): Test Zone, схема полкиФайл в архиве: 06_pillow.jpg · 800×800, белый фон
07НЭП для шеи (пэкшот): Test Zone, схема полкиФайл в архиве: 07_nap_neck.jpg · 800×530, белый фон
08НЭП для поясницы и таза (пэкшот): схема полкиФайл в архиве: 08_nap_pelvis.jpg · 800×530, белый фон
09Ролик Deep Roller PU95 (пэкшот): Test Zone, схема полкиФайл в архиве: 09_roller_pu95.jpg · 800×460
10Саппорт для поясницы (пэкшот): Test ZoneФайл в архиве: 10_support.jpg · 800×800, белый фон
11Подушка + НЭП: уровень 1 «Display / Demo»Файл в архиве: 11_pillow_nap.jpg · 800×800
12Упражнение с роликом: уровень 2 «Product Integration»Файл в архиве: 12_roller_back.jpg · 870×780
13Товар в упаковке: уровень 3 «Wholesale / Retail»Файл в архиве: 13_wholesale.jpg · 800×530
14Специалист с клиентом: блок «У вас»Файл в архиве: 14_studio.jpg · 800×770
15НЭП дома: блок «Дома»Файл в архиве: 15_home_nap.jpg · 900×600
16Упражнение с роликом дома: блок «Дома»Файл в архиве: 16_home_roller.jpg · 600×560
17Фон блока Scan Point Event (место под видео Event)Файл в архиве: 17_event.jpg · 800×760
18Стенд InterCHARM: блок «InterCHARM»Файл в архиве: 18_stand.jpg · 1100×820

Ссылки сохраняются в этом браузере, можно заполнять частями.

Шаг 4

Форма Тильды для заявок

Анкета на странице своя (3 шага). При отправке код заполняет скрытую форму Тильды и нажимает её кнопку — заявка попадает в «Заявки» Тильды и во все подключённые сервисы (почта, CRM, таблицы). Копия заявки дублируется на наш сервер.

  1. На ту же страницу добавить любой блок формы (например, из категории «Форма»), лучше в самый низ.
  2. В настройках полей создать поля с переменными из таблицы ниже: Name, Phone, Email — обычные поля, остальные — тип «Скрытое поле».
  3. У скрытого поля bhn_form задать значение 1 — по нему код находит форму и прячет её блок.
  4. Подключить приёмщики данных формы (почта, CRM) в настройках сайта. Перенаправление после отправки не включать.
  5. Сообщить мне, если переменные полей назовёте иначе — поправлю в одном месте кода.
ПеременнаяЧто приходитТип поля в Тильде
NameИмяОбычное поле «Имя», обязательное
PhoneТелефон или TelegramОбычное текстовое поле, без маски телефона
EmailE-mailПоле e-mail, необязательное
companyКомпанияСкрытое поле
roleДолжностьСкрытое поле
cityГородСкрытое поле
commentКомментарийСкрытое поле
categoryКатегория бизнесаСкрытое поле
pointsЧисло точекСкрытое поле
trafficУникальных клиентов в месяцСкрытое поле
segmentЦеновой сегментСкрытое поле
baseАктивная базаСкрытое поле
packageМодель запускаСкрытое поле
event_firstХочу сначала EventСкрытое поле
test_zoneТоварная зонаСкрытое поле
timingСрок запускаСкрытое поле
meetingГде встретитьсяСкрытое поле
estimateПредварительная оценкаСкрытое поле
sourceИсточникСкрытое поле
bhn_formМетка формы Balance HubСкрытое поле со значением 1 — по нему код находит форму

Поле телефона — без маски Тильды: в анкете можно указать телефон или Telegram, маска не пропустит Telegram.