Добавление кнопки Скачайте из RuStore: инструкция и примеры
Внедрение кнопки на сайт
Чтобы упростить добавление кнопок для скачивания приложения из RuStore, воспользуйтесь специальным конфигуратором. Он позволит быстро сгенерировать удобный блок кнопок и встроить его на ваш сайт с помощью iframe.
- Откройте конфигуратор кнопок
Используйте официальный конфигуратор RuStore:
Или перейдите по ссылке: Конфигуратор кнопок RuStore
- Настройте параметры
-
Обязательное поле: Укажите ссылку на ваше приложение в RuStore.
-
Выберите цветовую тему:
light— светлая;dark— тёмная;coloredDark(по умолчанию) — цветные иконки на тёмном фоне;coloredLight— цветные иконки на светлом фоне.
-
Выберите ориентацию:
default— автоматическое расположение;vertical— вертикально;horizontal— горизонтально.
- Получите сгенерированную ссылку
Скопируйте URL, который создаст конфигуратор после заполнения параметров.
- Вставьте код на ваш сайт
Добавьте следующий код в HTML вашего сайта, заменив ВАША_ССЫЛКА_ИЗ_КОНФИГУРАТОРА на скопированную ссылку:
<iframe src="ВАША_ССЫЛКА_ИЗ_КОНФИГУРАТОРА" frameborder="0" width="100%" height="80px"></iframe>
- Пример
Если ваша ссылка из конфигуратора выглядит так:
https://www.rustore.ru/external/simple-selection/buttons?storeUrls%5Brustore%5D=https%3A%2F%2Fapps.rustore.ru%2Fapp%2Fcom.example.app
то код для вставки будет:
<iframe src="https://www.rustore.ru/external/simple-selection/buttons?storeUrls%5Brustore%5D=https%3A%2F%2Fapps.rustore.ru%2Fapp%2Fcom.example.app" frameborder="0" width="100%" height="80px"></iframe>
Двухцветная версия логотипа
| Кнопка | Скачать |
|---|---|
| SVG PNG | |
| SVG PNG |
Одноцветная версия логотипа
| Кнопка | Скачать |
|---|---|
| SVG PNG | |
| SVG PNG |
Любимые/необходимые приложения
| Примеры | Скачать |
|---|---|
| SVG PNG |
Примеры кнопок для оплаты
| Кнопка |
|---|
Государственные приложения
| Примеры | Скачать |
|---|---|
| SVG PNG |
Примеры использования
Для установки логотипа на сайте
- Скачайте логотип Скачайте из RuStore.
- Загрузите его на свой сервер.
- Найдите на сайте RuStore своё приложение и скопируйте ссылку на него, затем добавьте к ней
?rsm=1&mt_link_id=l394r2. - Код для вставки на сайт:
<a href="#Ссылка на ваше приложение из пункта 3" target="_blank">
<img src="#Ссылка на изображение кнопки#" width="188" height="63" alt="Скачайте из RuStore">
</a>
примечание
Рекомендуемый размер изображения 188px на 63px.