Barra de cuenta regresiva gratis para tu sitio web

Agrega una barra de cuenta regresiva a tu sitio para crear urgencia, destacar ofertas por tiempo limitado y conseguir interacción más rápida y más conversiones.

Crea tu barra de cuenta regresiva

elegido por más de 500 mil negocios

El editor está en inglés por ahora. Sin tarjeta de crédito.

plugineditor

Prueba el editor, sin registrarte

Diseña tu widget aquí mismo

Elige una plantilla, personalízala y mira cómo se actualiza en vivo, sin registrarte. El editor está en inglés por ahora.

Abrir el editor

Sin tarjeta de crédito · Plan gratis para siempre

Sin tarjeta de crédito · Plan gratis para siempre

  • FijaPosición siempre visible
  • 200+Plataformas compatibles
  • <5 minTiempo de configuración
  • Sin códigoNo necesitas programar

La barra de cuenta regresiva de Common Ninja es un widget gratis y sin código que fija una cuenta regresiva en la parte superior o inferior de tu sitio web para darle urgencia a una oferta, un lanzamiento o una fecha límite.

Elige la fecha y hora objetivo, un diseño (barra superior, barra inferior, franja flotante), configura qué se muestra (días, horas, minutos, segundos), activa la posición fija que acompaña al visitante al hacer scroll, personaliza el aspecto con estilos (skins) o CSS personalizado, y pega un código de inserción de una línea en Google Sites, Notion, Showit, Shopify, Squarespace, Webflow, WordPress y más de 200 plataformas más.

Úsala para impulsar conversiones en ventas relámpago, listas de espera de lanzamientos, fechas límite de registro, promociones de temporada y en cualquier momento en que la urgencia sea la herramienta adecuada. Funciona en todo el sitio, cuando la necesites, sin un plugin distinto para cada página.

¿Por qué agregar una barra de cuenta regresiva a tu sitio web?

  • Genera urgencia en cada página, en todo el sitio

    Una barra de cuenta regresiva en la parte superior de la pantalla sigue visible sin importar a qué página llegue el visitante. Una venta relámpago, la fecha límite de un lanzamiento, el cierre de registros. Cada página muestra la misma señal de urgencia sin una inserción distinta para cada plantilla. Los visitantes sienten la fecha límite, ya sea que entren por la página de inicio, una página de producto o una entrada del blog.

  • Se oculta sola cuando pasa la fecha límite

    Define en el editor qué pasa al terminar. Cuando la cuenta regresiva llega a cero, la barra puede ocultarse sola (sin restos de una oferta "vencida" en la página), mostrar un mensaje final ("La oferta terminó, regístrate para enterarte de la próxima") o redirigir a una URL de seguimiento. Evita el incómodo "esta oferta venció hace tres meses" que se queda en la página cuando el elemento insertado no sabe qué día es.

  • La posición fija mantiene el contador a la vista

    Los visitantes pasan de largo la mayor parte del contenido en segundos. Una cuenta regresiva arriba de la página que desaparece al hacer scroll deja de servir después de la primera pantalla. Con la posición fija, la barra se queda anclada al borde de la pantalla y la fecha límite sigue presente en cada sección, cada tarjeta de producto y cada paso del pago.

  • No es lo mismo que un widget de cuenta regresiva dentro de la página

    Una cuenta regresiva dentro de la página es un elemento de una sección. Los visitantes la ven cuando llegan a ese bloque y luego siguen de largo. Una barra de cuenta regresiva es una franja anclada a la pantalla que acompaña al visitante por toda la página. Usa esta barra para franjas de urgencia en todo el sitio, y el widget de cuenta regresiva de Common Ninja cuando el contador deba ir dentro de una sección específica (la sección principal de un lanzamiento, el bloque de un evento, una tarjeta de producto).

Empieza en 3 pasos

Cómo funciona

  1. Elige la fecha y hora objetivo

    Ingresa la fecha y la hora en que el contador debe llegar a cero: el fin de una oferta, la hora de un lanzamiento, el cierre de registros o el inicio de un webinar. Define la zona horaria para que la cuenta regresiva respete el reloj de cada visitante o termine en el mismo momento para todos. Configura qué hace la barra cuando el tiempo se acaba (ocultarse automáticamente, mostrar un mensaje final, redirigir a una URL).

  2. Elige un diseño y personalízalo

    Elige un diseño: barra superior (fija arriba de la pantalla), barra inferior (fija abajo de la pantalla) o franja flotante (anclada a una sección). Configura qué unidades de tiempo se muestran (días, horas, minutos, segundos; las cuatro o solo las más relevantes), agrega un titular y un botón de acción, define si la barra queda fija al hacer scroll y elige un estilo de la biblioteca de diseños o agrega CSS personalizado para que coincida al píxel con tu marca.

  3. Insértala en tu sitio

    Copia el código de inserción de una línea y pégalo en Google Sites, Shopify, Squarespace, Notion, Showit, Webflow, WordPress o cualquiera de las más de 200 plataformas compatibles. La barra se carga junto con la página y se queda fija en el borde de la pantalla. Los cambios que hagas en el editor de Common Ninja se aplican a cada inserción sin volver a pegar el código.

Abrir el editor

Lo que obtienes con la barra de cuenta regresiva

Más de 20 estilos atractivos

Estilos prediseñados para los tonos de urgencia más comunes: neón brillante para lanzamientos con mucha energía, pastel suave para renovaciones de membresía, oscuro y elegante para estrenos de productos premium y temáticos de fiestas para ofertas de temporada. Cada estilo es un punto de partida con todo el diseño listo; desde ahí ajusta la tipografía, los colores de acento y el estilo de los dígitos.

Posición fija

Fija la barra arriba o abajo de la pantalla. Sigue visible mientras el visitante hace scroll. La posición fija funciona en celular, tableta y computadora sin volver a programar la ubicación. Configura el margen y el desplazamiento para que la barra no choque con el menú de navegación que ya tiene tu sitio.

Se oculta sola al terminar

Cuando la cuenta regresiva llega a cero, configura qué pasa después. Oculta la barra por completo (la opción limpia predeterminada), muestra un mensaje final ("La oferta terminó"), redirige a una URL de seguimiento o reinicia con una nueva fecha objetivo. Nada de cuentas regresivas viejas en tu sitio después de que termina una oferta.

CSS personalizado para control al píxel

Agrega CSS personalizado sobre cualquier estilo para controlar la tipografía de los dígitos, la altura de la barra, los degradados de acento, el redondeo de bordes, el estilo de los botones y los efectos al pasar el cursor. Se integra estrechamente con el sistema de diseño de tu sitio sin rehacer el widget desde cero.

Todo lo que incluye el editor

  • Barra de cuenta regresiva: Más de 20 estilos atractivos

    Más de 20 estilos atractivos

    La barra de cuenta regresiva tiene una atractiva selección de 20 estilos, incluidos algunos temáticos y de temporada que puedes usar en tus promociones de fiestas, Black Friday, Cyber Monday y otras promociones de temporada similares.

  • Barra de cuenta regresiva: Totalmente personalizable

    Totalmente personalizable

    La barra de cuenta regresiva tiene opciones de personalización completas para que adaptes el diseño a lo que necesitas. ¡Cambia los colores, las fuentes, los espacios y todo lo demás!

  • Barra de cuenta regresiva: Totalmente adaptable a móviles

    Totalmente adaptable a móviles

    La barra de cuenta regresiva es totalmente adaptable y se verá muy bien en cualquier dispositivo. En un mundo donde todo pasa primero por el celular, esta función te pone por delante de tu competencia.

  • Barra de cuenta regresiva: CSS personalizado

    CSS personalizado

    Como en todos los widgets de Common Ninja, puedes agregar CSS personalizado para ajustar la barra de cuenta regresiva y ser todavía más creativo.

  • Barra de cuenta regresiva: Fácil de insertar

    Fácil de insertar

    Puedes insertar la barra de cuenta regresiva en tu sitio web fácilmente copiando una sola línea de código. Además, el widget se actualiza automáticamente con cada cambio que hagas.

También incluido en el editor

Se oculta sola cuando termina la oferta

La barra de cuenta regresiva tiene una automatización opcional para que el contador desaparezca al terminar y no confunda a los nuevos visitantes.

Contador fijo

La barra de cuenta regresiva tiene un contador fijo que se queda en la misma posición sin importar cuánto bajes por la página.

Fácil de usar

La barra de cuenta regresiva es fácil de usar y no requiere saber programar. Nuestro panel intuitivo de arrastrar y soltar te permite personalizar el widget como quieras con solo unos cuantos clics sencillos.

Agrega urgencia a tu oferta en cinco minutos

Abrir el editor

Sin tarjeta de crédito · Configuración en menos de 5 minutos

Lo que dicen nuestros clientes

Reseñas reales. Clientes reales.

Verificada

Un servicio sobresaliente. Uso sus widgets para apoyarme en mi negocio de diseño web y, siempre que necesito ayuda, me ayudan muy rápido.

Traducido del inglés

Verificada

¡¡¡Excelente empresa con excelente servicio!!! Lo usamos para crear una encuesta y fue muy fácil de usar. El servicio fue perfecto. Amit nos ayudó con cada problema y cada pregunta que tuvimos, ¡¡¡muchas gracias!!!

Traducido del inglés

Verificada

Common Ninja nos salvó cuando estábamos creando nuestro sitio web, y la atención al cliente que nos dio Daniel, el cofundador y CEO, fue increíble.

Traducido del inglés

Lee más reseñas de clientes (en inglés)
Preguntas frecuentes

Respuestas rápidas

  • Sí. El plan gratuito incluye una barra de cuenta regresiva sin límite de tiempo y sin tarjeta de crédito. Mejora tu plan solo cuando necesites más barras, opciones avanzadas para el final (reinicio automático, redirección al terminar), estilos premium, cuentas regresivas programadas o funciones como variantes A/B y analíticas por barra.

Guías por plataforma

Cómo agregar el widget de barra de cuenta regresiva a tu sitio web

Elige tu plataforma. Cada una toma menos de 4 minutos.

  1. 1Abre tu proyecto de Google Sites, haz clic en Insert en el panel derecho y luego en Embed.
  2. 2Cambia a la pestaña Embed code, pega el código de inserción de Common Ninja y haz clic en Next y luego en Insert.
  3. 3Coloca el bloque insertado en la parte superior de la página y publica. La barra aparece dentro de la página y conserva la posición fija.
Cómo agregarlo a Google Sites (guía en inglés)

Compatible con todos los creadores de sitios, plataformas de e-commerce y sitios web

Explora widgets relacionados

Preguntas frecuentes

Sí, puedes cambiar fácilmente la zona horaria del widget desde la pestaña “Content” en el panel del widget. 

Sí, ofrecemos una atractiva selección de estilos de temporada y de fiestas que puedes usar. 

¡Sí, claro! El widget es totalmente compatible con RTL.

Sí, puedes hacer que la barra desaparezca cuando termine la oferta, para no confundir a tus usuarios.

Sí, puedes hacer que la cuenta regresiva quede fija, para que acompañe a los usuarios sin importar cuánto bajen por la página. 

Usar la barra de cuenta regresiva es muy fácil. Solo regístrate y empieza a usar la versión gratis. No tienes que preocuparte por configuraciones ni instalaciones complicadas, porque la barra de cuenta regresiva está pensada para ser sencilla y fácil de usar. Cuando te registres, tendrás acceso a todas las funciones básicas del widget, que puedes usar para mejorar tu sitio web y tu presencia en línea. Después, puedes cambiarte a la versión de pago si quieres acceder a funciones y capacidades más avanzadas. Sin importar qué versión elijas, verás que el widget es una herramienta potente y fácil de usar que puede ayudarte a llevar tu presencia en línea al siguiente nivel.

La barra de cuenta regresiva de Common Ninja es una herramienta gratis llena de funciones y opciones. Aunque este widget es gratis, tiene un límite en la cantidad de vistas que puede recibir. Esto significa que, después de cierto número de vistas, el widget puede dejar de verse o de funcionar en tu sitio web. Ten en cuenta que este límite de vistas puede variar según el plan que uses. A pesar de este límite, la barra de cuenta regresiva de Common Ninja sigue siendo una herramienta valiosa para los negocios que quieren aumentar la interacción con sus clientes y mejorar la experiencia general de los usuarios en su sitio web.

La barra de cuenta regresiva de Common Ninja es una herramienta versátil para cualquier creador de sitios web. Esto significa que puedes agregar fácilmente este widget a tu sitio web o tienda sin importar con qué plataforma esté hecho. La barra de cuenta regresiva funcionará sin problemas con tu plataforma, ya sea que uses un creador de sitios popular o algo más especializado. Así puedes disfrutar de todas las ventajas de esta potente herramienta sin preocuparte por problemas de compatibilidad.

Insertar la barra de cuenta regresiva de Common Ninja en tu sitio web es muy fácil, y el proceso tiene dos pasos:


  1. Cuando termines de trabajar en la barra de cuenta regresiva, copia el código HTML que está en la pestaña 'Add to Website' del panel del widget.
  2. En tu creador de sitios web, busca la opción de widget 'embed', colócala donde quieras que aparezca la barra de cuenta regresiva y luego pega dentro el código HTML que copiaste.

Sí. La barra de cuenta regresiva se puede usar de forma que cumpla con el RGPD. La recopilación de información de los visitantes siempre es opcional: está desactivada hasta que la activas en la configuración del widget, y tú decides qué se recopila. Como dueño del sitio web, sigues siendo responsable de cómo usas los datos de tus visitantes.

No necesitas saber programar. Nuestra barra de cuenta regresiva está pensada para ser fácil de usar, incluso si tienes poca experiencia técnica. El widget tiene una interfaz sencilla que te permite personalizarlo fácilmente, sin conocimientos de programación. Puedes personalizar la barra de cuenta regresiva por completo para que coincida con tu marca. Cuando termines, solo copia el código que te damos y pégalo en tu sitio web. ¡Así de fácil!

Insertar la barra de cuenta regresiva en tu sitio web es un proceso sencillo. Solo copia el código que te damos y pégalo en el lugar que quieras de tu sitio web. El widget se integrará sin problemas en tu sitio y podrás aprovechar sus funciones y características. No necesitas conocimientos técnicos ni de programación, solo copia y pega el código para empezar. Este proceso sencillo te permite agregar fácilmente el widget a tu sitio web y mejorar sus funciones sin complicaciones.

¡Claro! Nos encantaría conocer tu sugerencia. Visita esta página (en inglés).

Un widget de barra de cuenta regresiva es un elemento de interfaz que muestra una barra de progreso que cuenta hacia atrás desde una hora o fecha específica hasta cero. Se usa a menudo para crear urgencia o expectativa, y es común en sitios web o aplicaciones para contar el tiempo que falta para un evento o una fecha límite. Un widget de barra de cuenta regresiva suele incluir una representación visual del tiempo restante, como una barra de progreso horizontal o circular, y un contador digital o de texto que muestra el tiempo exacto que falta. El widget también puede incluir otras funciones, como personalizar la apariencia y el estilo de la barra de progreso o mostrar varias barras de cuenta regresiva a la vez. En resumen, un widget de barra de cuenta regresiva puede ser una forma útil y atractiva de crear urgencia y expectativa en un sitio web o una aplicación.

Una barra de cuenta regresiva, también conocida como reloj de cuenta regresiva, es una herramienta que muestra cuánto tiempo falta para un evento o una fecha límite. Este tipo de widget sirve para crear urgencia y animar a los visitantes a actuar en tu sitio web.

Para usar una barra de cuenta regresiva y aumentar las ventas en tu sitio web, puedes:

  1. Poner una fecha límite a una oferta o promoción especial: muestra una barra de cuenta regresiva con el tiempo que falta para que venza la oferta. Esto puede animar a los visitantes a aprovecharla antes de que sea demasiado tarde.
  2. Crear una sensación de exclusividad: usa una barra de cuenta regresiva para mostrar cuánto falta para una oferta por tiempo limitado o el lanzamiento de un producto. Esto puede crear una sensación de exclusividad y anima a los visitantes a actuar rápido.
  3. Generar expectativa por un próximo evento: si tienes un evento próximo, como un webinar o una transmisión en vivo, puedes usar una barra de cuenta regresiva para generar expectativa y animar a los visitantes a registrarse.


Empieza cuando quieras

Agrega una barra de cuenta regresiva a tu sitio en 5 minutos

Crea urgencia con una barra de cuenta regresiva fija arriba o abajo de cada página. Configura la fecha objetivo, la zona horaria y las unidades (días, horas, minutos y segundos), elige si se oculta o redirige al terminar, y personalízala con más de 20 estilos y CSS personalizado. Insértala en más de 200 plataformas, como Google Sites, Shopify, Squarespace, Notion, Showit, Webflow y WordPress.

Crea tu barra de cuenta regresiva

Sin tarjeta de crédito · Configuración en menos de 5 minutos