Звонок бесплатный
8 800 500 21 84

Звонок бесплатный
8 800 500 21 84

Москвa (с 10.00 до 22.00)
7 (499) 653-57-31

образовательный центр

Работа с 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

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