Лэндинг на Tilda

Поделитесь этой инструкцией с разработчиком Вашего сайта или проделайте шаги самостоятельно!

Пошаговая установка

Для установки MacroCatalog на Landing page, реализованный в Tilda, нужно будет сделать несколько простых шагов.

Шаг №1

Добавьте на страницу вашего лэндинга блок с кодом T123 «HTML-код».

Шаг №2

Добавьте в поле «Контент» 2 строки кода, представленные ниже:

Код встраивания, если система MACRO установлена на macroserver.ru

<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://api.macroserver.ru/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>

Код встраивания, если система MACRO установлена на macro.sbercrm.com

<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://api.macro.sbercrm.com/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>

Код встраивания, если система MACRO установлена на macroserver.kz

<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://api.macroserver.kz/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>

Шаг №3

Готово, Вы великолепны! Перезагрузите страницу — и Вы увидите кнопку запуска каталога.

Если кнопка не видна, то убедитесь, что в включена «Кнопка запуска каталога». Её внешний вид и расположение Вы также можете отрегулировать по своему вкусу.

Внедрение MacroCatalog в тело сайта

MacroCatalog может быть встроен в контент вашего сайта, а не открываться в модальном окне. Пример встраивания MacroCatalog в тело сайта, реализованного в Tilda.

Установка в тело сайта

Создайте на Вашем сайте страницу, на которой будет располагаться каталог. Пример адреса:

https://YOUR_SITE.COM/catalog/

На этой странице нужно разместить код встраивания каталога в блоке T123:

— Код встраивания, если система MACRO установлена на macroserver.ru

<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></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://api.macroserver.ru/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>

— Код встраивания, если система MACRO установлена на macro.sbercrm.com

<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></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://api.macro.sbercrm.com/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>

— Код встраивания, если система MACRO установлена на macroserver.kz

<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></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://api.macroserver.kz/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>

Включите в настройку Iframe mode.

Разместите код в блоке T123 в том месте страницы Вашего сайта, в котором предполагается встраивание каталога:

<iframe src="https://АДРЕССАЙТА/catalog/" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>

где https://YOUR_SITE.COM/catalog/ ссылка на созданную Вами страницу

Упрощенная установка в тело сайта

Существует упрощённый способ встраивания, который позволяет не создавать дополнительных страниц на Вашем сайте, а открывать каталог с сервера компании MACRO. Но при таком способе будет утеряна возможность получения событий аналитики Яндекс и Google!

Включите в настройку Iframe mode.

Разместите код в блоке T123 в том месте страницы Вашего сайта, в котором предполагается встраивание каталога:

<iframe src="https://SERVER_ADDRESS/demo/catalog/YOUR_DOMAIN" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>

где SERVER_ADDRESS зависит от , а YOUR_DOMAIN— , указанный в разделе «Интеграции» настроек компании