Перейти к содержанию

Cheat-sheet

Один экран — всё что нужно для копипасты.

Сниппеты

<!-- Карта -->
<link rel="preconnect" href="https://embed.smartgenplan.ru">
<script src="https://embed.smartgenplan.ru/embed.js" data-slug="ВАШ_SLUG" async fetchpriority="high"></script>

<!-- Форма -->
<div id="sgp-booking-form" data-slug="ВАШ_SLUG"></div>
<script src="https://forms.smartgenplan.ru/loader.js" async></script>

Атрибуты embed.js (карта)

Атрибут Default Назначение
data-slug обязательный, идентификатор проекта
data-height 600 макс. высота десктоп, px
data-mobile-height 400 макс. высота мобайл, px
data-max-width без ограничения макс. ширина iframe (явное число), px
data-fullwidth true если false — ограничить шириной 1200px (фикс конфликта со смус-скроллом)
data-domain derived from script src явное переопределение хоста iframe (редко нужно)

Режимы формы

Простой Полный
Email посетителя не собирается опционально
Согласия на ПД нет обязательное + опц. маркетинг
Разрешённые домены можно пустой обязательно непустой
Политика на сайте не нужна обязательна, на одном из allowedDomains
Юр. регистрация (НЦЗПД/РКН) не требуется требуется

Шпаргалка по симптомам

Что вижу на сайте Кто решает Что делать
«Форма не настроена» заказчик вкл. публикацию формы в редакторе
«Бронирование принимается на сайте владельца проекта» заказчик добавить домен в список «Разрешённые домены»
Карта не во всю ширину верстальщик убрать max-width у родителя
Карта/форма не грузится (404) поддержка SGP написать в поддержку
Изменил настройки, на сайте по-старому заказчик переопубликовать проект

Кто что делает

flowchart TD
    A[Заказчик] -->|настраивает в редакторе| B[Опубликованный проект]
    B -->|2 сниппета| C[Верстальщик]
    C -->|вставляет на сайт| D[Сайт застройщика]
    E[Поддержка SGP] -.->|поддерживает| F[Embed-скрипты, серверы, серты]
    D --> F