Работа с HTML-виджетом

Установка виджета на сайт
Iframe - что это?

В этой статье мы рассмотрим работу с одним из самых интересных виджетов —
HTML-виджетом. Данный виджет позволяет вставлять различные сторонние приложения на свой сайт. Такими приложениями могут быть — счетчик посещений, информер погоды, курсы валют, онлайн-консультант и другие. Иными словами, любые приложения, которые можно вставить при помощи HTML-кода.

Примечание. Данный виджет доступен только на тарифном плане Бизнес.

Установка виджета на сайт

Рассмотрим в качестве простого примера вставку панорамы Яндекс.

Итак, зайдем в редактор и вытащим HTML-виджет из левого меню.

Виджет отобразится следующим образом.

Так как мы хотим расположить панораму под контактной информацией и картой, переместим виджет ниже. Увеличим его размер. Для этого нужно навести курсор на один из белых маркеров и, зажав левую кнопку мыши, потянуть в нужную сторону.

Открываем страницу карт Яндекс: https://yandex.ru/maps/ и вводим в строку поиска адрес, указанный в контактах.

Отлично. Адрес найден и отмечен на карте.

Теперь включим отображение панорм улиц. Нужная кнопка находится в левом нижнем углу карты.

Вы увидите что на карте появятся синии линии. Ими отмечены те улицы, панорамы которых есть в базе карт Яндекс.

Кликните левой кнопкой мыши по синей линии рядом с отмеченным адресом. Откроется панорама улицы.

Нажмите кнопку "Поделится панорамой", расположенну в левом нижнем углу. Выберите "Вставить на сайт"

Установите размер изображения и скопируйте HTML-код

Возвращаемся в редактор.

Двойной клик левой кнопкой мышки откроет окно с настройками виджета. Вставим код в единственное поле настроек нашего HTML-виджета.

Примечание. По соображениям безопасности, HTML-виджет отображается только в режиме просмотра. Перейдем в режим просмотра и проверим виджет.

Ура! Виджет работает.

iframe что это

Примечание. Режим "Использовать iFrame" в настройках виджета позволяет показывать интегрируемый виджет в формате iFrame. Простыми словами, данный режим следует использовать, если содержимое модуля, вставлять который вы пытаетесь через HTML-виджет не соответствует вашим ожиданиям, например, касательно расположения модуля при просмотре сайта.

Фрейм необходимо использовать для вставки HTML-кода в случае, если нужно добиться эффекта, когда посещая один сайт, посетитель одновременно открывает и страницу другого в отдельном окне.

Подробнее: http://www.imagecms.net/blog/news-it-and-web/iframe-trafik

Вот и все! Не забудьте опубликовать изменения.