Документация

Создание виджета с нуля

При выполнении описанных ниже шагов можно пользоваться виджетной заготовкой.
  1. Выберите тип виджета: автономный или серверный.

    Совет. Если вы не являетесь профессиональным разработчиком или не имеете собственного хостинга, вам лучше работать с автономными виджетами.

  2. Создайте валидную XHTML-страницу. Добавьте в блок <head> этой страницы свойства и, при необходимости, настройки виджета.

    Для загрузки виджета на Яндекс XHTML-файл должен содержать как минимум свойство title (название виджета). Для добавления в каталог виджетов нужно добавить свойство description (краткий обзор функций виджета), а также загрузить картинку превью из кабинета разработчика во время добавления виджета.

    Примечание. Содержание файла виджета должно быть в кодировке UTF-8.

  3. Добавьте тело виджета.

    • Для автономного виджета: поместите тело виджета в созданный XHTML-файл (основную разметку ☠тег <body>, вложенные скрипты и стили - в блок <head>).˜
    • Для серверного виджета: добавьте в блок <head> свойство src, указав в нем путь к телу виджета:
      <meta name="src" content="http://example.com/my-widget-page.xhtml" />
  4. Загрузите полученную XHTML-страницу (виджет) на сервер Яндекса при помощи конструктора XHTML.

создание виджета