Gratis · Sin registro
Widget de cuenta regresiva para web gratis
Configura un widget de cuenta regresiva gratis, copia una línea de código y pégalo en WordPress, Shopify, Wix o cualquier página HTML.
Las rebajas de invierno terminan en
por tempoo.net
Tu cuenta regresiva está lista
- HTMLPega el código donde quieras que aparezca la cuenta regresiva.
- WordPressPega el código en un bloque “HTML personalizado”.
- ShopifyEn el editor de temas, añade una sección “Liquid personalizado” y pega el código.
- WixUsa “Insertar código” › “Insertar HTML”.
Los permisos de edición se guardan en este navegador. Si borras los datos del navegador, ya no podrás editar la cuenta regresiva.
Añadir una cuenta regresiva para web es una de las formas más sencillas de crear expectativa: el final de una oferta, el lanzamiento de un producto o el día de un evento se vuelven visibles para cada visitante. Con este generador configuras tu widget gratis y lo instalas copiando una sola línea de código.
Opciones de diseño y comportamiento
- Contenido: título, fecha, hora y zona horaria del evento.
- Estilo: en caja (boxed), sin marco (plain) o en forma de barra (bar).
- Color de acento y radio de las esquinas para que encaje con tu marca.
- Idioma del widget: las etiquetas de días, horas y minutos aparecen en el idioma de tu público.
- Al terminar el tiempo: mostrar un mensaje o esconder el widget.
Una vista previa en vivo te enseña el resultado en escritorio y en móvil, para que compruebes cómo se verá en ambas pantallas antes de copiar nada.
Cómo instalar el widget en tu sitio
- Configura título, fecha, estilo y colores en el generador.
- Revisa la vista previa en escritorio y en móvil.
- Copia el código de una línea.
- Pégalo en tu web según la plataforma que uses (mira la lista de abajo).
- Guarda o publica la página y comprueba que el contador aparece.
Dónde pegar el código en cada plataforma
- WordPress: añade un bloque «HTML personalizado» en el editor y pega el código.
- Shopify: usa una sección «Custom Liquid» en el editor de temas.
- Wix: agrega el elemento «Insertar HTML» (Embed HTML).
- HTML propio: pega la línea donde quieras que aparezca el contador.
Ligero y adaptable
El script se carga de forma asíncrona, así que no bloquea el resto de tu página. Es ligero, se adapta al ancho del contenedor y ajusta su altura automáticamente, por lo que no tendrás que tocar el CSS de tu tema para que se vea bien en móviles.
Casos de uso habituales
- Rebajas, Black Friday o una oferta con hora de cierre en tu tienda online.
- Lanzamiento de un producto, una app o una nueva colección.
- Webinars, cursos en directo y fechas límite de inscripción.
- Eventos, conciertos y conferencias.
- Páginas de boda para que los invitados vean cuánto falta.
Consejos para que funcione mejor
Coloca el contador cerca del botón principal de tu página, donde el visitante decide. Si la oferta termina a una hora concreta, revisa bien la zona horaria para no cerrarla antes de tiempo. Y cuando el evento termine, elige ocultar el widget o mostrar un mensaje útil, como un enlace a la próxima promoción.
Preguntas frecuentes
¿El widget de cuenta regresiva es gratis?
Sí. Puedes configurarlo e insertarlo en tu web sin coste.
¿Cómo pongo una cuenta regresiva en WordPress?
Copia el código del generador, añade un bloque «HTML personalizado» en la página o entrada y pégalo dentro. Al publicar, el contador aparecerá en ese lugar.
¿El widget ralentiza mi página?
No de forma apreciable: es un script ligero que se carga de manera asíncrona y no bloquea el resto del contenido.
¿Se ve bien en el móvil?
Sí. Es responsive y ajusta su altura automáticamente; además puedes revisarlo en la vista previa móvil antes de copiarlo.
¿Qué pasa cuando termina la cuenta regresiva?
Tú eliges: el widget puede mostrar un mensaje personalizado o desaparecer de la página.