Как встроить конвертер в блог или на сайт

Опубликовано:

Если вы пишете о путешествиях, переезде, фрилансе или крипте, читателям часто нужно тут же проверить курс. Конвертер можно вставить прямо в страницу одной строкой HTML. Это бесплатно и не требует регистрации.

Сниппет

Вставьте это туда, где должен появиться конвертер. Работает в любой CMS, принимающей «сырой» HTML (WordPress, Ghost, страницы Notion, опубликованные в веб, Webflow, обычный статический сайт):

<iframe src="https://currency-frontend.pages.dev/?from=USD&to=EUR&embed=1" width="100%" height="640" style="border:0;border-radius:24px" loading="lazy" allow="clipboard-write"></iframe>

Вот как это выглядит на странице:

Параметры

Всё задаётся в адресе src. Меняйте буквы, больше ничего:

Размеры

Конвертер — мобильный экран шириной около 480 пикселей; с width="100%" он занимает колонку вашей страницы и остаётся по центру на широких экранах. Высота 640 пикселей показывает конвертер и первые предложения; если хотите видеть весь список сервисов без прокрутки внутри рамки, поставьте 800 или больше. border-radius в стиле — только косметика, уберите его для прямых углов.

Что получат читатели

То же приложение, что и на нашем сайте: среднерыночный курс, сумму, которая дойдёт через каждый сервис с учётом комиссий, отсортированную от лучшей, и кнопку, открывающую сервис. Курсы обновляются несколько раз в час. Рамка загружается лениво и не замедляет вашу страницу.

Это бесплатно?

Да. Ни платы, ни регистрации, ни ограничения на просмотры. Проект зарабатывает на реферальных ссылках внутри конвертера, когда читатель открывает сервис через него; на показанные курсы это не влияет и читателю ничего не стоит. Встраивать можно и на коммерческие страницы.

Где это уместно

Хорошо работает в статьях о переезде и стоимости жизни, в подборках сервисов для фрилансеров, в гайдах по путешествиям и в постах о переводах семье. Ставьте пару под тему текста: для статьи о жизни в Турции — from=EUR&to=TRY, для обзора стейблкоинов — from=USD&to=USDT. Один виджет на страницу обычно достаточно.

Ещё возможности

На странице встраивания есть небольшой генератор: выберите пару, сумму и язык и скопируйте готовый код. Если нужны сами числа, а не виджет, те же данные доступны через публичный API, описанный в openapi.json.

Курсы и комиссии в статье — живые оценки, они постоянно меняются. Проверяйте итоговую сумму в приложении провайдера перед отправкой. Это общая информация, а не финансовый совет.

Другие статьи

Все статьи →