A calculadora de orçamento de viagem da Orizn dá aos leitores uma estimativa de custo diária, mensal e anual para 195 países — hospedagem, alimentação, transporte, atividades — na moeda deles. Incorpore-a nos seus posts de destino e transforme a curiosidade sobre custo de vida em vendas qualificadas de guias.
O que ele faz
O custo é o maior fator de decisão antes de uma viagem. A maioria do conteúdo de viagem trata isso mal — ou com um parágrafo vago de "acessível para os padrões do Sudeste Asiático", ou com uma tabela estática que envelhece assim que o câmbio se move. A calculadora de orçamento da Orizn substitui os dois por uma resposta viva e interativa.
O visitante escolhe um país, um estilo de viagem (Mochileiro / Intermediário / Conforto) e uma duração. O widget retorna um total por dia e um total da viagem na moeda dele, detalhado por hospedagem, alimentação, transporte e atividades. Cada linha combina dados do Numbeo, do BackpackerIndex e dos preços enviados por usuários agregados todas as noites pela Orizn.
O widget se monta sozinho — cole o snippet de duas linhas em qualquer lugar do seu HTML e ele renderiza. Funciona em todos os principais CMS, pesa menos de 15 KB gzip, grava um único cookie first-party para pré-preencher visitas de retorno e vem com um CTA de compra de guia que você pode monetizar com a divisão 50/50.
Construtor de widget
O widget abaixo executa exatamente o script de produção que você colaria no seu próprio site. Cada opção atualiza a pré-visualização e o snippet instantaneamente — idioma, tema, cores, white-label — depois copie o snippet de duas linhas.
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.
Funcionalidades
Funcionalidades específicas e com fontes — não checkboxes genéricos. Cada item abaixo está no widget em produção hoje.
Cada país tem quatro linhas de custo — hospedagem, alimentação, transporte, atividades — com dados do Numbeo, do BackpackerIndex e do nosso agregador noturno de preços enviados por usuários. Cada linha mostra os níveis econômico/médio/premium.
O visitante alterna um único controle segmentado para recalcular o total. Útil tanto para quem tira duas semanas de férias quanto para nômades digitais em tempo integral precificando uma base de um ano.
Os preços vivem internamente em USD, mas são exibidos em qualquer uma das 50+ moedas via taxas de câmbio atualizadas diariamente. Detecção automática pelo locale do visitante.
Arraste o slider de 1 a 365 dias. O total é atualizado em tempo real, sem navegação de página.
Um toque alterna entre os presets Mochileiro, Intermediário e Conforto. Cada preset desloca as quatro linhas de custo proporcionalmente.
Quando um destino exige visto, um pequeno chip aparece ao lado do orçamento, para que os leitores vejam o custo e a regra de entrada juntos.
Um CTA "Veja o guia de orçamento completo do Vietnã" aparece sob o resultado. Com data-affiliate definido, cada venda direciona 50% para você.
JS puro, carregamento assíncrono, CSS isolado. Nenhum conflito com o seu Tailwind, o seu Bootstrap ou o seu script de analytics existente.
Onde ele brilha
O widget é de uso geral, mas quatro públicos o adotam com mais frequência. Reconheça-se em algum deles e você terá valor poucos minutos depois de colar o snippet.
Coloque o widget sob um H2 "Quanto custa?" em cada guia de país. Os leitores saem com um número concreto, não com um parágrafo vago.
Fixe o widget na homepage. Novos assinantes comparando Bali com Lisboa obtêm uma resposta de custo lado a lado em segundos, atribuída ao seu código de afiliado.
Incorpore em /resources/cost-of-travel. Membros precificando a próxima viagem geram vendas de guias que pagam a sua conta de hospedagem.
Incorpore ao lado dos pacotes da agência. O widget de orçamento ancora as expectativas; a oferta da agência responde à pergunta seguinte.
Como os dados são obtidos
As quatro linhas de custo de cada país são calculadas todas as noites a partir do Numbeo (índice de custo de vida, ~120 países), do BackpackerIndex (diárias de mochileiro, ~80 países) e de um agregador interno de preços enviados por usuários com rejeição de outliers. A conversão de moeda usa taxas mid-market do BCE e do OXR atualizadas diariamente. O detalhamento das fontes de cada linha fica visível ao passar o mouse, por transparência editorial.
Referência
Cada opção é um atributo data-* na div contêiner. Nenhuma configuração JavaScript é necessária — cole, defina os atributos desejados, publique.
| Parâmetro | Tipo | Padrão | Descrição |
|---|---|---|---|
data-destination | ISO3 | "" | Pré-preenche o país de destino (ex.: VNM, THA, MEX). O visitante pode alterá-lo. |
data-lang | string | "auto" | Substitui o idioma detectado automaticamente no navegador. 16 locales suportados: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (árabe renderiza em RTL). |
data-theme | string | "auto" | Força o tema: "auto" (segue o sistema), "light" ou "dark". |
data-affiliate | string | "" | Seu código ORIZN-XXXXX ou aff_… (os dois formatos funcionam) para a divisão de receita 50/50 nas vendas de guias. |
data-color | hex | #2563EB | Cor de destaque usada em botões, anéis de foco, sliders e CTAs. Apenas valores hex (sanitizados). |
data-branding | string | "on" | Defina como "off" para white-label: oculta o rodapé "Powered by Orizn", o schema JSON-LD e a menção a orizn.app nos textos de compartilhamento. |
data-radius | int | 16 | Raio dos cantos em px para o cartão e os campos do widget. |
data-font | string | "system-ui" | Font-family usada em todo o widget. Qualquer pilha de fontes CSS funciona. |
data-currency | string | "USD" | Moeda de exibição. Aceita códigos ISO 4217 (USD, EUR, GBP, JPY, VND, THB, …) — 50+ suportadas. |
Integrações
O mesmo snippet de duas linhas, com um caminho de instalação ligeiramente diferente conforme a sua stack. Guias passo a passo detalhados por CMS:
Monetize
Adicione data-affiliate="ORIZN-XXXXX" à div contêiner — os formatos de código ORIZN-… e aff_… são ambos aceitos. Cada compra de guia feita por um leitor através do widget é atribuída a você por 30 dias, com pagamentos processados mensalmente via Stripe. Sem valor mínimo, sem estorno de comissão, transparência total no painel de afiliados.
FAQ
Perguntas reais de desenvolvedores, blogueiros e afiliados que integram o widget. Se a sua não estiver aqui, a documentação em /embed/getting-started cobre o restante.
Widgets relacionados
Os cinco widgets compartilham o mesmo runtime, então adicionar um segundo à página não custa nada a mais. A suíte foi projetada para ser combinada.
Requisitos de visto em tempo real para 199 passaportes × 238 destinos.
Posição de mobilidade + detalhamento em 4 eixos para 199 passaportes, atualizado todas as noites.
Custo, visto, segurança e clima lado a lado para quaisquer dois países.
Checklist personalizada de documentos, vacinas, mala e dinheiro por viagem.
Pronto para incorporar?
Duas linhas de HTML, zero dependências, gratuito para sempre. Adicione um código de afiliado e comece a ganhar 50% em cada guia que o seu widget vender.