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

  1. Зайдите в кабинет разработчика.
    Чтобы воспользоваться кабинетом разработчика, нужно авторизоваться, используя логин на Яндексе.
  2. Перейдите по ссылке Загрузить виджет.
  3. Выберите один из доступных конструкторов:
    • Быстрый старт: создание виджета из кода заранее подготовленной HTML-страницы. Свойства виджета указываются отдельно при помощи формы.
    • RSS-виджет: создание виджета из RSS-ленты.
    • Фотовиджет: создание слайд-шоу или палитры с фотографиями из RSS-ленты.
    • iFrame-виджет: создание виджета из обычной интернет-страницы, которая уже размещена в Интернете.
    • XHTML: загрузка виджета из заранее подготовленного XHTML-файла. Свойства и настройки виджета должны быть указаны в файле.
  4. Примите условия пользовательского соглашения.
  5. Укажите в форме ввода данные виджета:
    Для конструктора «Быстрый старт»
    Поле Значение
    Заголовок виджета Заголовок виджета.
    Описание виджета Описание функций виджета.
    Высота виджета

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

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

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

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

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

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

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

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

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

    Внешний вид

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

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

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

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

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

    Внешний вид

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

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

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

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

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

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

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

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

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

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

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

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

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

    Поле Значение
    XHTML Готовый XHTML-файл виджета.
    Картинка

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

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

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