Desde el Editor > Widgets > Reloj y arrastra a la región deseada.

- Desde el panel de propiedades, asígnale un nombre. (opcional).
- Desde pestaña APARIENCIA > Tipo de reloj, selecciona si lo quieres analógico, digital o volteado.
Reloj analógico #
Desplazamiento #
Ingresa una cantidad en minutos que se debe aplicar a la hora actual, es decir, si quieres que se muestra una hora retrasado a la hora actual, ingresa -60
, si quieres que se muestre 2 horas más tarde a la hora actual, ingresa 120
.
Tema / Apariencia #
Selecciona si el reloj analógico se muestra en color claro u oscuro. Todo dependerá del fondo en el que se insertará este widget.
Reloj digital #
Desplazamiento #
Ingresa una cantidad en minutos que se debe aplicar a la hora actual, es decir, si quieres que se muestra una hora retrasado a la hora actual, ingresa -60
, si quieres que se muestre 2 horas más tarde a la hora actual, ingresa 120
.
Editar apariencia del reloj digital #
Desde el mismo panel de propiedades, pestaña EDITOR, puedes editar el código HTML de este widget.
Activa el editor visual para editar este widget en formato WYSIWYG:

Luego haz clic en el icono editar que está justo en el centro del widget para entrar el modo de edición WISIWYG.

Edita desde aquí su tamaño, colores, posición, etc.
Reloj volteado #

Interfaz del reloj #
Reloj digital #
Muy parecido al reloj digital, puedes seleccionar que se muestre en AM/PM o 24h.
Desplazamiento: Ingresa una cantidad en minutos que se debe aplicar a la hora actual, es decir, si quieres que se muestra una hora retrasado a la hora actual, ingresa -60
, si quieres que se muestre 2 horas más tarde a la hora actual, ingresa 120
.
Contador en reversa #
Selecciona un tipo de contador en reversa:
- Contador de días: Se mostrarán la cantidad de días, horas, minutos y segundos (si se activan), que faltan para una fecha determinada ingresada en el Desplazamiento *.
- Contador de horas: Se mostrará la cantidad de horas, minutos y segundos (si se activan), que faltan para una fecha determinada ingresada en el Desplazamiento *.
- Contador de minutos: Se mostrará la cantidad de minutos y segundos (si se activan), que faltan para una fecha determinada ingresada en el Desplazamiento *.
* Desplazamiento: Ingresa una fecha en formato: aaaa-mm-dd hh:mm:ss para que contador en reversa muestra lo que falta para dicha fecha. Por ejemplo: 2025-01-01 00:00:00, el contador nos mostrará cuánto tiempo falta para el nuevo año.