Виджет калькулятора бюджета Orizn даёт читателям оценку расходов в день, месяц и год для 195 стран — жильё, еда, транспорт, развлечения — в их собственной валюте. Встройте его в статьи про направления и превратите интерес к стоимости жизни в целевые продажи гидов.
Что он делает
Стоимость — главный фактор при принятии решения о поездке. Большинство тревел-контента справляется с этим плохо: либо расплывчатый абзац «недорого для Юго-Восточной Азии», либо статичная таблица, устаревающая при первом же движении курсов. Виджет калькулятора бюджета Orizn заменяет и то и другое живым интерактивным ответом.
Посетитель выбирает страну, стиль путешествия («Бэкпекер» / «Средний» / «Комфорт») и длительность поездки. Виджет возвращает сумму в день и за всю поездку в его собственной валюте с разбивкой на жильё, еду, транспорт и развлечения. Каждая статья расходов собирается из Numbeo, BackpackerIndex и собственного еженощного агрегатора пользовательских цен Orizn.
Виджет полностью самомонтируемый — вставьте двухстрочный сниппет в любое место HTML, и он отрендерится. Работает во всех крупных CMS, весит меньше 15 КБ в gzip, ставит единственную first-party cookie для предзаполнения при повторном визите и содержит CTA на покупку гида, который можно монетизировать по партнёрской схеме 50/50.
Конструктор виджета
Виджет ниже работает на том же продакшен-скрипте, который вы вставите на свой сайт. Каждая опция мгновенно обновляет превью и сниппет — язык, тема, цвета, white-label — затем скопируйте двухстрочный сниппет.
Live preview · updates as you type
The widget above runs the exact production script you would paste on your own site — async, zero dependencies, scoped CSS. Every option on the left maps to a data-* attribute in the snippet.
Возможности
Конкретные возможности с указанием источников — не общие галочки. Каждый пункт ниже уже есть в продакшен-виджете сегодня.
У каждой страны четыре статьи расходов — жильё, еда, транспорт, развлечения — на основе Numbeo, BackpackerIndex и нашего еженощного агрегатора пользовательских цен. Каждая статья показывает уровни «бюджет / средний / премиум».
Посетитель переключает один сегментированный контрол — и итог пересчитывается. Удобно и для двухнедельных отпускников, и для номадов, оценивающих годовую базу.
Внутри цены хранятся в USD, но отображаются в любой из 50+ валют по ежедневно обновляемым курсам. Валюта автоматически определяется по локали посетителя.
Перетащите слайдер от 1 до 365 дней. Итог обновляется в реальном времени без перехода по страницам.
Одно касание переключает пресеты «Бэкпекер», «Средний» и «Комфорт». Каждый пресет пропорционально сдвигает все четыре статьи расходов.
Если для направления нужна виза, рядом с бюджетом появляется небольшой бейдж — читатель видит стоимость и правило въезда вместе.
Под результатом появляется CTA «Смотреть полный бюджетный гид по Вьетнаму». С заданным data-affiliate каждая продажа приносит вам 50 %.
Ванильный JS, асинхронная загрузка, изолированный CSS. Никаких конфликтов с вашим Tailwind, Bootstrap или существующим скриптом аналитики.
Где он сильнее всего
Виджет универсален, но чаще всего его внедряют четыре аудитории. Узнали себя в одной из них — получите пользу уже через несколько минут после вставки сниппета.
Поставьте виджет под заголовком H2 «Сколько это стоит?» в каждом гайде по стране. Читатель уходит с конкретной цифрой, а не с расплывчатым абзацем.
Закрепите виджет на главной странице. Новые подписчики, сравнивающие Бали и Лиссабон, получают ответ о расходах за секунды — с атрибуцией на ваш партнёрский код.
Встройте на /resources/cost-of-travel. Участники, считающие бюджет следующей поездки, генерируют продажи гидов, которые окупают ваш хостинг.
Встройте рядом с пакетами агентства. Виджет бюджета задаёт ожидания; предложение агентства отвечает на следующий вопрос.
Откуда берутся данные
Четыре статьи расходов каждой страны рассчитываются еженощно на основе Numbeo (индекс стоимости жизни, ~120 стран), BackpackerIndex (дневные ставки бэкпекеров, ~80 стран) и собственного агрегатора пользовательских цен с отсевом выбросов. Конвертация валют использует ежедневно обновляемые среднерыночные курсы ECB и OXR. Разбивка источников каждой статьи видна при наведении — для редакционной прозрачности.
Справочник
Каждая опция — это data-*-атрибут на контейнерном div. Никакой JavaScript-конфигурации не требуется: вставьте, задайте нужные атрибуты, публикуйте.
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
data-destination | ISO3 | "" | Предзаполняет страну назначения (напр. VNM, THA, MEX). Посетители могут её сменить. |
data-lang | string | "auto" | Переопределяет автоматически определённый язык браузера. Поддерживается 16 локалей: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (арабский отображается справа налево). |
data-theme | string | "auto" | Принудительная тема: "auto" (следует за ОС), "light" или "dark". |
data-affiliate | string | "" | Ваш код ORIZN-XXXXX или aff_… (работают оба формата) для 50 % доли с продаж гидов. |
data-color | hex | #2563EB | Акцентный цвет кнопок, обводок фокуса, слайдеров и CTA. Только hex-значения (проходят санитизацию). |
data-branding | string | "on" | Установите "off" для white-label: скрывает футер «Powered by Orizn», JSON-LD-разметку и упоминание orizn.app в текстах для шаринга. |
data-radius | int | 16 | Радиус скругления в px для карточки виджета и полей ввода. |
data-font | string | "system-ui" | Шрифт, используемый во всём виджете. Подходит любой CSS font stack. |
data-currency | string | "USD" | Валюта отображения. Принимает коды ISO 4217 (USD, EUR, GBP, JPY, VND, THB, …) — поддерживается 50+. |
Интеграции
Тот же двухстрочный сниппет, лишь немного другой путь вставки в зависимости от вашего стека. Подробные пошаговые гайды по каждой CMS:
Монетизация
Добавьте data-affiliate="ORIZN-XXXXX" на контейнерный div — принимаются оба формата кода: ORIZN-… и aff_…. Каждая покупка гида, совершённая читателем через виджет, атрибутируется вам на 30 дней, выплаты ежемесячно через Stripe. Без минимального порога, без удержаний, полная прозрачность в партнёрском дашборде.
FAQ
Реальные вопросы разработчиков, блогеров и арбитражников, внедряющих виджет. Если вашего здесь нет, документация на /embed/getting-started покрывает длинный хвост.
Похожие виджеты
Все пять виджетов используют один рантайм, поэтому второй виджет на странице не стоит ничего дополнительно. Линейка спроектирована для комбинирования.
Актуальные визовые требования для 199 паспортов × 238 направлений.
Ранг мобильности + разбивка по 4 осям для 199 паспортов, обновление еженощно.
Стоимость, виза, безопасность и климат бок о бок для любых двух стран.
Персональный чек-лист документов, прививок, вещей и денег под каждую поездку.
Готовы встроить?
Две строки HTML, ноль зависимостей, бесплатно навсегда. Добавьте партнёрский код и начните зарабатывать 50 % с каждого гида, проданного вашим виджетом.