Personaliza tu widget y copia el código
Elige la calculadora, ajústala a los colores y el estilo de tu sitio, y mira cómo queda en vivo antes de copiar el código.
Respuesta rápida
Selecciona una calculadora, elige tema, color de acento, modo compacto y esquinas, y verás la vista previa actualizarse al instante. Abajo aparece el código iframe listo para copiar y pegar en tu sitio.
Vista previa en vivo
Código para insertar
<iframe src="https://calcu.mx/embed/tipo-de-cambio-dof" width="100%" height="560" loading="lazy" title="Tipo de cambio DOF hoy de Calcu.mx" style="border:0;border-radius:12px;overflow:hidden;"></iframe>Puntos clave
- Cinco opciones: tema, color de acento, modo compacto, título y esquinas.
- Vista previa en vivo antes de copiar el código.
- Personalizar cambia la apariencia, nunca los resultados.
- Sin registro: ajusta, copia y pega.
- El tema «auto» sigue el modo claro/oscuro del visitante.
Los parámetros, en detalle
El configurador escribe estos parámetros en la URL del widget por ti. También puedes agregarlos a mano si prefieres.
| Parámetro | Valores | Predet. | Efecto |
|---|---|---|---|
| theme | light, dark, auto | light | Esquema de color (auto sigue el del navegador). |
| accent | hex de 6 dígitos sin # | azul del sitio | Color de acento en botones y resultados. |
| compact | 1, 0 | 0 | Diseño angosto para barras laterales. |
| title | 1, 0 | 1 | Muestra u oculta el título de la calculadora. |
| radius | 0–24 | 12 | Redondeado de esquinas, en píxeles. |
Preguntas frecuentes
¿Cómo cambio el color del widget?
En el configurador, usa el selector «Color de acento» para elegir el color de tus botones y resultados. La vista previa se actualiza al instante y el código que copias ya incluye el parámetro accent con tu color.
¿Qué hace el tema «auto»?
Con el tema «auto», el widget sigue la preferencia de color del navegador de cada visitante: se ve claro para quien tiene el modo claro y oscuro para quien usa el modo oscuro. Es ideal si tu sitio ya se adapta al modo del sistema.
¿El modo compacto para qué sirve?
El modo compacto muestra el widget en una versión más angosta, con tipografía y espaciados menores, pensada para barras laterales (sidebars). Es especialmente útil en el widget del tipo de cambio DOF, que en compacto muestra solo el dato y la fecha.
¿Los cambios afectan la exactitud del cálculo?
No. Personalizar solo cambia la apariencia (colores, tema, tamaño y esquinas). La lógica y los resultados de la calculadora son siempre los mismos; los valores inválidos en la URL se ignoran y el widget usa los predeterminados.
¿Tengo que registrarme para personalizar?
No. El configurador funciona sin registro. Ajustas las opciones, copias el código y lo pegas en tu sitio. Si más adelante cambias de opinión, vuelve aquí, genera un nuevo código y reemplaza el anterior.
¿Puedo personalizar cualquier widget del catálogo?
Sí. Todos los widgets aceptan los mismos parámetros de personalización: tema, color de acento, modo compacto, mostrar u ocultar el título y el redondeado de las esquinas. Elige la calculadora en el menú y ajusta a tu gusto.
¿Listo para insertarlo? Consulta la guía de instalación o vuelve al catálogo.