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

Создание виджета с помощью конструктора

  1. Зайдите в кабинет разработчика.

    Чтобы воспользоваться кабинетом разработчика, нужно авторизоваться, используя логин на Яндексе.

  2. Перейдите по ссылке Загрузить виджет.

  3. Выберите один из доступных конструкторов:

    • Быстрый старт: создание виджета из кода заранее подготовленной HTML-страницы. Свойства виджета указываются отдельно при помощи формы.
    • RSS-виджет: создание виджета из RSS-ленты.
    • Фотовиджет: создание слайд-шоу или палитры с фотографиями из RSS-ленты.
    • iFrame-виджет: создание виджета из обычной интернет-страницы, которая уже размещена в Интернете.
    • XHTML: загрузка виджета из заранее подготовленного XHTML-файла. Свойства и настройки виджета должны быть указаны в файле.

  4. Примите условия пользовательского соглашения.

  5. Укажите в форме ввода данные виджета:

    Для конструктора «Быстрый старт»
    ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Описание виджетаОписание функций виджета.
    Высота виджета

    Высота <iframe>, в котором отображается виджет (в пикселах).

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

    Содержимое виджетаТело виджета: интернет-страница, выполняющая функцию виджета. Страница может содержать HTML, CSS и JavaScript.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Для конструктора «RSS-виджет»
    ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Адрес сайтаАдрес сайта, с которого взята RSS-лента (в начале адреса нужно обязательно указать http://).
    Описание виджетаОписание RSS-ленты.
    Путь к RSSПуть к RSS-ленте (в начале адреса нужно обязательно указать http://).
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Внешний вид

    Доступны следующие опции: журнальный, обычный с фото, газетный и обычный.

    Пример влияния данной опции на внешний вид виджета можно посмотреть в этой новости Клуба разработчиков Яндекс.Виджетов.

    Число новостейКоличество новостей, отображаемых одновременно (от 1 до 10).
    Показывать только заголовкиУкажите «да», если нужно скрыть текст новостей и отобразить только заголовки.
    Для конструктора «Фотовиджет»
    ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Адрес сайтаАдрес сайта, с которого взята RSS-лента с фотографиями (в начале адреса нужно обязательно указать http://).
    Описание виджетаОписание RSS-ленты.
    Путь к RSSПуть к RSS-ленте с фотографиями (в начале адреса нужно обязательно указать http://).
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Внешний вид

    Доступны следующие опции: запущенное слайд-шоу, слайд-шоу, палитра.

    Пример влияния данной опции на внешний вид виджета можно посмотреть в этой новости Клуба разработчиков Яндекс.Виджетов.

    Показывать фотографийКоличество фотографий, отображаемых одновременно (от 1 до 50).
    Совет. 

    Для изображений в RSS-ленте, которые НЕ должны попадать в RSS- и фотовиджет, необходимо указать атрибут class="yandex-hide" в теге img.

    Для конструктора «iFrame-виджет»
    ПолеЗначение
    Заголовок виджетаЗаголовок виджета.
    Адрес сайтаАдрес сайта, связанного с содержимым виджета. Например, сайт разработчика или сайт сервиса, доступ к которому предоставляет виджет (в начале адреса нужно обязательно указать http://).
    Описание виджетаОписание функций виджета.
    Путь к виджетуАдрес страницы, на основе которой будет создан виджет (в начале адреса нужно обязательно указать http://).
    Высота виджетаВысота <iframe>, в котором отображается виджет (в пикселах). Значение по умолчанию: 300.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Для конструктора «XHTML»
    ПолеЗначение
    XHTMLГотовый XHTML-файл виджета.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

После указания данных о виджете вы будете автоматически перенаправлены на страницу редактирования виджета.

конструктор виджетов быстрый старт RSS-виджет фотовиджет iFrame-виджет XHTML