El widget calculadora de presupuesto de viaje de Orizn da a tus lectores una estimación de costos diaria, mensual y anual para 195 países — alojamiento, comida, transporte, actividades — en su propia moneda. Insértalo en tus posts de destino y convierte la curiosidad por el costo de vida en ventas de guías cualificadas.
Qué hace
El costo es el mayor factor de decisión antes de un viaje. La mayoría del contenido de viajes lo trata mal — o un párrafo vago tipo "barato para el Sudeste Asiático" o una tabla estática que caduca en cuanto se mueve el tipo de cambio. La calculadora de presupuesto de Orizn sustituye ambos por una respuesta viva e interactiva.
El visitante elige un país, un estilo de viaje (Mochilero / Medio / Confort) y una duración. El widget devuelve un total por día y un total del viaje completo en su propia moneda, desglosado en alojamiento, comida, transporte y actividades. Cada partida se calcula a partir de Numbeo, BackpackerIndex y los precios enviados por usuarios que Orizn agrega cada noche.
El widget se monta solo — pega las dos líneas en cualquier parte de tu HTML y se renderiza. Funciona en todos los CMS principales, pesa menos de 15 KB gzip, escribe una única cookie de origen para precargar la siguiente visita e incluye un CTA de compra de guía que puedes monetizar con el reparto de afiliado 50/50.
Constructor de widgets
El widget de abajo ejecuta el mismo script de producción que pegarías en tu web. Cada opción actualiza la vista previa y el código al instante — idioma, tema, colores, marca blanca — y luego copias las dos líneas.
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 concretas y con fuentes — no casillas genéricas. Todo lo de abajo está hoy en el widget de producción.
Cada país tiene cuatro partidas de costo — alojamiento, comida, transporte, actividades — a partir de Numbeo, BackpackerIndex y nuestro agregador nocturno de precios enviados por usuarios. Cada partida muestra los niveles económico/medio/premium.
El visitante cambia un solo control segmentado y el total se recalcula. Útil tanto para vacaciones de dos semanas como para nómadas digitales que presupuestan una base de un año.
Los precios se guardan en USD internamente pero se muestran en cualquiera de las 50+ monedas con tipos de cambio actualizados a diario. Se autodetecta según el locale del visitante.
Arrastra el slider de 1 a 365 días. El total se actualiza en tiempo real sin navegar a otra página.
Un toque alterna entre los presets Mochilero, Medio y Confort. Cada preset ajusta las cuatro partidas de costo proporcionalmente.
Cuando el destino requiere visado, aparece un pequeño chip junto al presupuesto para que el lector vea el costo y la regla de entrada a la vez.
Bajo el resultado aparece un CTA "Ver la guía completa de presupuesto de Vietnam". Con data-affiliate definido, cada venta te reparte el 50%.
JavaScript puro, carga asíncrona, CSS aislado. Sin conflictos con tu Tailwind, tu Bootstrap ni tu script de analítica.
Dónde brilla
El widget es de propósito general, pero cuatro audiencias lo usan más que nadie. Si te reconoces en alguna, le sacarás valor a los pocos minutos de pegar el código.
Coloca el widget bajo el H2 "¿Cuánto cuesta?" de cada guía de país. El lector se lleva una cifra concreta, no un párrafo vago.
Fíjalo en la portada. Los nuevos suscriptores que comparan Bali con Lisboa obtienen la respuesta de costos en segundos, atribuida a tu código de afiliado.
Insértalo en /recursos/costo-de-viajar. Los miembros que presupuestan su próximo viaje generan ventas de guías que pagan tu hosting.
Insértalo junto a los paquetes de la agencia. La calculadora ancla las expectativas; la oferta de la agencia responde la siguiente pregunta.
De dónde salen los datos
Las cuatro partidas de costo de cada país se calculan cada noche a partir de Numbeo (índice de costo de vida, ~120 países), BackpackerIndex (tarifas diarias mochileras, ~80 países) y un agregador propio de precios enviados por usuarios con rechazo de valores atípicos. La conversión de moneda usa tipos medios de mercado del BCE y OXR actualizados a diario. El desglose de fuentes de cada partida es visible al pasar el cursor, por transparencia editorial.
Referencia
Cada opción es un atributo data-* en el div contenedor. No hace falta configurar nada en JavaScript — pega, define los atributos que quieras y publica.
| Parámetro | Tipo | Por defecto | Descripción |
|---|---|---|---|
data-destination | ISO3 | "" | Precarga el país de destino (p. ej. VNM, THA, MEX). El visitante puede cambiarlo. |
data-lang | string | "auto" | Fija el idioma en lugar de detectar el del navegador. 16 locales soportados: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (el árabe se muestra en RTL). |
data-theme | string | "auto" | Fuerza el tema: "auto" (sigue al sistema), "light" u "dark". |
data-affiliate | string | "" | Tu código ORIZN-XXXXX o aff_… (ambos formatos funcionan) para el reparto 50/50 sobre las ventas de guías. |
data-color | hex | #2563EB | Color de acento para botones, anillos de foco, sliders y CTAs. Solo valores hex (sanitizados). |
data-branding | string | "on" | Ponlo en "off" para marca blanca: oculta el pie "Powered by Orizn", el schema JSON-LD y la mención a orizn.app en los textos de compartir. |
data-radius | int | 16 | Radio de las esquinas en px para la tarjeta y los inputs. |
data-font | string | "system-ui" | Familia tipográfica de todo el widget. Acepta cualquier pila de fuentes CSS. |
data-currency | string | "USD" | Moneda de visualización. Acepta códigos ISO 4217 (USD, EUR, GBP, JPY, VND, THB, …) — más de 50 soportadas. |
Integraciones
Las mismas dos líneas, con una ruta de pegado ligeramente distinta según tu stack. Guías paso a paso por CMS:
Monetiza
Añade data-affiliate="ORIZN-XXXXX" al div contenedor — se aceptan los formatos ORIZN-… y aff_…. Cada compra de guía que un lector haga a través del widget se te atribuye durante 30 días, con pagos mensuales vía Stripe. Sin mínimos, sin retenciones, transparencia total en el panel de afiliados.
Preguntas frecuentes
Preguntas reales de desarrolladores, blogueros y afiliados que integran el widget. Si la tuya no está aquí, la documentación en /embed/getting-started cubre el resto.
Widgets relacionados
Los cinco widgets comparten el mismo runtime, así que añadir un segundo a la página no cuesta nada extra. La suite está pensada para combinarse.
Requisitos de visado en vivo para 199 pasaportes × 199 destinos.
Ranking de movilidad + desglose en 4 ejes para 199 pasaportes, actualizado cada noche.
Costo, visado, seguridad y clima lado a lado para cualquier par de países.
Checklist personalizada de documentos, vacunas, equipaje y dinero por viaje.
¿Listo para insertarlo?
Dos líneas de HTML, cero dependencias, gratis para siempre. Añade un código de afiliado y empieza a ganar el 50% de cada guía que venda tu widget.