₽ RubleAPI Информеры валют, криптовалют и конвертер для сайта
Документация RubleAPI

Как установить информер валют, конвертер и информер криптовалют на сайт

Ниже собраны три отдельные сценария установки. Выберите нужный блок, скопируйте готовый код и вставьте его на Tilda, WordPress или обычный HTML-сайт.

Быстрый старт

Все три продукта подключаются одинаково просто: настройте внешний вид в генераторе, скопируйте код и вставьте его в HTML-блок на нужной странице сайта.

Если нужен блок с курсами валют

  1. Откройте страницу /widget.
  2. Выберите валюты и оформление информера.
  3. Скопируйте код и вставьте его на сайт.

Если нужен интерактивный пересчёт

  1. Откройте страницу /converter.
  2. Выберите валюты для конвертера и настройте стиль.
  3. Скопируйте код и вставьте его на сайт.

Как установить информер курсов валют

Этот сценарий подходит, если вы хотите показать посетителю готовый блок с курсами валют без ввода суммы.

Установка на Tilda, WordPress и HTML-сайт

  1. Откройте генератор на странице /widget.
  2. Отметьте валюты, которые хотите показывать на сайте.
  3. Скопируйте код и вставьте его в HTML-блок страницы.
  4. Сохраните и опубликуйте страницу.

Production-пример кода

<script
  src="https://rubleapi.ru/widget.js"
  data-api-base="https://rubleapi.ru"
  data-widget-type="rates"
  data-symbols="usd,eur,cny"
  data-theme="light"
  data-round="2"
  data-width="card"
  data-font-size="medium"
  data-radius="16"
  data-bg-color="#ffffff"
  data-text-color="#4f5d75"
  data-accent-color="#0f6fc6"
  data-branding="true">
</script>

Как установить конвертер валют

Этот сценарий подходит, если посетитель должен ввести сумму, выбрать валюту и получить пересчёт по данным ЦБ РФ прямо на странице сайта.

Установка на Tilda, WordPress и HTML-сайт

  1. Откройте генератор на странице /converter.
  2. Выберите валюты для выпадающего списка конвертера.
  3. Настройте тему, размеры и цвета.
  4. Скопируйте код, вставьте его на сайт и опубликуйте страницу.

Production-пример кода

<script
  src="https://rubleapi.ru/widget.js"
  data-api-base="https://rubleapi.ru"
  data-widget-type="converter"
  data-symbols="usd,eur,cny"
  data-theme="light"
  data-width="card"
  data-font-size="medium"
  data-radius="16"
  data-bg-color="#ffffff"
  data-text-color="#4f5d75"
  data-accent-color="#0f6fc6"
  data-branding="true">
</script>

Информер криптовалют

Этот сценарий подходит, если вы хотите показать на сайте BTC, ETH, USDT, TON, SOL, BNB и другие выбранные монеты в компактном блоке с автообновлением данных.

Установка на Tilda, WordPress и HTML-сайт

  1. Откройте генератор на странице /crypto.
  2. Выберите монеты и отметьте, что показывать: USD, RUB и изменение за 24 часа.
  3. Настройте внешний вид блока под дизайн сайта.
  4. Скопируйте код и вставьте его в HTML-блок страницы.

Production-пример кода

<script
  src="https://rubleapi.ru/widget.js"
  data-api-base="https://rubleapi.ru"
  data-mode="crypto"
  data-symbols="btc,eth,usdt"
  data-theme="light"
  data-width="card"
  data-font-size="medium"
  data-radius="16"
  data-bg-color="#ffffff"
  data-text-color="#4f5d75"
  data-accent-color="#0f6fc6"
  data-show-usd="true"
  data-show-rub="true"
  data-show-change="true"
  data-branding="true">
</script>
Курсы криптовалют справочные, могут отличаться на разных площадках и не являются инвестиционной рекомендацией.

Что важно проверить

Перед публикацией

  • Выбраны нужные валюты или монеты.
  • Код вставлен целиком, без обрезанных строк.
  • HTML-блок не экранирует тег script.

Если что-то не отображается

  • Проверьте, что в коде указан https://rubleapi.ru.
  • Убедитесь, что страница опубликована, а не сохранена как черновик.
  • Очистите кеш страницы и обновите её в браузере.
Бесплатная версия работает с подписью «Данные: RubleAPI». Данные носят справочный характер и не являются финансовой или инвестиционной рекомендацией.

Открыть генератор

Если вы уже выбрали сценарий, переходите на нужную страницу генератора и забирайте готовый код.

Информер Конвертер Криптовалюта