Поделитесь этой инструкцией с разработчиком Вашего сайта.
#Порядок действий
- Зайдите в раздел меню «Компания → Интеграции → Сайты»
- Добавьте домен (адрес сайта), на котором планируете размещение каталога недвижимости MACRO
- Разместите 2 строки кода встраивания виджета перед закрывающим тегом
</body>Вашего сайта.
#Код встраивания
<div class="mcrm-inline-form" data-type="catalog"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://MACRO_SERVER_ADDRESS/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>где MACRO_SERVER_ADDRESS — адрес MACRO в зависимости от сервера, на котором установлена система, например:
- api.macroserver.ru
- api.macro.sbercrm.com
- api.macroserver.kz
- api.macroserver.uz
#Дополнительные параметры
Установка данного кода подключит каталог недвижимости на сайт и является минимальной конструкцией, которую Вы можете дополнить следующими параметрами (полный набор параметров в статье Управление поведением виджетов MACRO через JS SDK):
| Имя параметра | Возможные значения | Описание |
|---|---|---|
| data-autoinit | true или false | Инициализация виджета при запуске страницы с кодом, если требуется быстрая загрузка каталога недвижимости при клике на кнопку. |
| data-autoshow | true или false | Инициализация и запуск виджета при запуске страницы с кодом, если требуется сразу запускать виджет при переходе на страницу. |
| data-iframemode | true или false | Используйте для принудительной установки виджета в режиме iframe. Настройка виджетов «Iframe mode», установленная для домена в системе MACRO, будет игнорироваться. |
| data-views | Значения через запятую: facades, floor, bigGrid, smallGrid, plans, objects, description, online, panorama | Список разрешенных видов дома. Если параметр не определен, то разрешены все виды дома. |
Пример:
<div
class="mcrm-inline-form"
data-type="catalog"
data-views="floor,bigGrid,smallGrid,plans"
data-autoinit="true"
data-autoshow="false">
</div>#Кнопка запуска каталога
Включите отображение продающей кнопки запуска Вашего каталога. Подробнее в статье Кнопка запуска.
#Внедрение каталога в контент сайта
Каталог недвижимости может быть встроен в тело вашего сайта, а не открываться в модальном окне. Пример встраиванияПереход на внешний сайтhttps://macrocatalog.ru/iframe-example каталога в тело сайта, реализованного в Tilda.
Создайте на Вашем сайте страницу, на которой будет располагаться каталог. Пример адреса: https://YOUR_SITE.COM/catalog/
На этой странице нужно разместить код встраивания каталога (см. выше). Обязательно задайте параметр data-autoshow со значением true. Пример:
<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></div>Включите в настройках виджетов настройку Iframe mode.
Разместите указанный ниже код в том месте Вашего сайта, в котором предполагается встраивание каталога:
<iframe src="https://YOUR_SITE.COM/catalog/" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>#Упрощенная установка
Существует упрощённый способ встраивания, который позволяет не создавать дополнительных страниц на Вашем сайте, а открывать каталог с сервера компании MACRO. Но при таком способе будет утеряна возможность получения событий аналитики Яндекс и Google!
Включите в настройках виджетов настройку Iframe mode.
Разместите указанный ниже код в том месте страницы Вашего сайта, в котором предполагается встраивание каталога:
<iframe src="https://SERVER_ADDRESS/demo/catalog/YOUR_DOMAIN" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>где SERVER_ADDRESS зависит от адреса Вашего сервера MACRO, а YOUR_DOMAIN— адрес Вашего сайта, указанный в разделе «Инеграции → Сайты» настроек компании
#Управление поведением виджета через JS SDK
Если вам требуется управлять открытием каталога для разных домов и жилых комплексов на одной странице сайта или открыть каталог с установленными параметрами фильтров, то воспользуйтесь информацией из статьи Управление поведением виджетов MACRO через JS SDK