Agrega un temporizador de enfoque a cualquier sitio web en segundos

Si tienes un sitio web — un portafolio, una herramienta de productividad, un espacio comunitario, un blog personal — puedes agregar un temporizador Pomodoro completamente funcional a cualquier página con una sola línea de HTML. Sin claves de API, sin cambios en el backend, sin JavaScript requerido.

El código

<iframe
  src="https://tomatoro.com/widget"
  width="460"
  height="620"
  style="border: 0; border-radius: 24px;"
  title="Temporizador Pomodoro de Tomatoro"
></iframe>

Pégalo en cualquier lugar donde se acepte HTML y el temporizador estará activo.

Fija un tema

El comportamiento predeterminado sigue la preferencia del sistema del usuario (claro u oscuro). Puedes sobreescribirlo con un parámetro en la URL:

URL	Resultado
/widget	Sigue el sistema operativo
/widget?theme=light	Siempre claro
/widget?theme=dark	Siempre oscuro
/widget?theme=system	Sigue el sistema explícitamente

Agrega ?theme=light o ?theme=dark al atributo src si tu sitio tiene un look fijo.

Dimensiones recomendadas

460 × 620 px encaja la tarjeta completa sin barras de desplazamiento. Si tu diseño es más angosto, el temporizador se adapta bien — solo mantén el ancho por encima de 320 px para que los controles sigan siendo usables.

No necesitas configurar nada en tu servidor

El widget se sirve con un encabezado permisivo Content-Security-Policy: frame-ancestors *, lo que significa que cualquier origen puede incrustarlo. No necesitas solicitar acceso ni configurar nada de tu lado. Simplemente funciona.

Una advertencia: la página que incrusta el widget debe servirse sobre HTTPS. El contenido mixto (página HTTPS + iframe HTTP) es bloqueado por todos los navegadores modernos.

Qué ven tus visitantes

Cualquier persona que abra tu página obtiene un temporizador funcional. Sin prompt de inicio de sesión, sin interrupciones. Sus datos de sesión viven en su propio navegador. Si ya tienen una cuenta de Tomatoro y su navegador permite cookies de sesión de terceros para tu sitio, sus sesiones se sincronizan automáticamente — pero nunca es obligatorio.