Бесплатный виджет конвертера валют для сайта

Настройки виджета

Выберите валюты, оформление и базовую валюту цены — затем скопируйте код из правой колонки.

Валюты в попапе Выбрано: 4

Размер текста и базовая валюта

Размер текста чипа

Базовая валюта цены на сайте

Цвет акцента

Текст, суммы, фокус и ссылки в попапе.

Свой цвет

Фон и рамка чипа

Внешний вид кнопки возле цены на вашем сайте.

Фон чипа

Рамка

Скругление чипа 20 px

Капсула

Ползунок — радиус углов в пикселях. Капсула — полностью скруглённые бока (форма таблетки), как низкая широкая кнопка; при включении ползунок не используется.

Иконка 💱

Размер emoji рядом с суммой.

Размер иконки 18 px

От 12 до 32 px. Размер текста суммы задаётся размером блока выше.

Позиция считается от краёв кнопки; у края экрана попап зеркалится (к другому краю кнопки), а не «прилипает» к углу страницы. Попап в body, чтобы не резало overflow. Своя позиция для блока: data-popup-placement на div.currency-widget.

Строка цены на сайте

10 BYN 💱≈ …

Клик по чипу открывает и закрывает попап (как на сайте)