Multi Builder
Ir a la webPreciosAPI
  • Base de conocimientos
  • Plataforma
    • Ajustes
      • Sitemaps
      • Dominios
      • Idioma y hora
      • Título, Favicon, Imagen para compartir
      • Cookies y confidencialidad
      • Solicitud de datos del cliente
      • Administrador de archivos
      • Panel de control
      • Código personalizado
      • Personalización
      • Ajustes de SEO
    • Editor
      • Estilos globales
      • Imágenes
      • Footer o pie de página
      • Header
      • Estilos globales de textos
      • Paleta de colores
      • Diseño del sitio
      • Estilo de la página
      • Cómo añadir páginas y pop-ups
      • Tipos de vistas y vistas previas
    • Widgets
      • Básicos
        • Widgets: Texto y encabezado
        • Widget: Botón
        • Widget: Contenedor
        • Widget: Icono
        • Widget: Sección de icono
        • Widget: Separador
        • Widget: Espaciador
        • Widget: Acordeón
        • Widget: Upsell/Downsell
      • Contenidos multimedia
        • Widget: Imagen
        • Widget: Vídeo
        • Widget: Lista de vídeos
        • Widget: Audio
        • Widget: Galería
        • Widget: Slider
      • Generación de leads
        • Widget: Citas
        • Widget: Formulario
        • Widget: Cuestionario/Encuesta
      • Ventas
        • Widget: Módulo de pago
        • Widget: Tienda
        • Widget: Resumen del pedido
      • Comunidad
        • Widget: Círculo
        • Widget: Círculos
        • Widget: Área de comentarios
        • Widget: Debate
        • Widget: Reseñas
        • Widget: Muro/Foro
      • Otros
        • Widget: Donación
        • Widget: Redes sociales
        • Widget: Blog
        • Widget: Código
        • Widget: Cuenta atrás
        • Widget: Incrustar
        • Widget: Mapa
        • Widget: Menú
        • Widget: Portafolio
        • Widget: Barra de progreso
        • Widget: Buscar
        • Widget: Inicio de sesión/Registro de miembros
    • Embudos
      • Introducción
      • Ajustes del embudo
      • Upsells y downsells
      • Pasos del embudo
      • Prueba A/B (A/B testing)
      • Embudo dentro de una web
      • Ofertas bump
      • Estadísticas en embudos
      • Generador de enlaces de seguimiento
    • CRM
      • CRM (Conceptos básicos)
      • Etiquetas
      • Propiedades
      • Miembros
      • Mensajes y formularios
      • Ficha del contacto
      • Segmentos
    • Tienda online
      • Conceptos básicos
      • Ajustes de tu tienda
      • Productos
      • Gastos de envío
      • Impuestos
      • Formas de pago
      • Descuentos y ofertas
      • Página del producto
      • Página del catálogo de productos
      • Carrito
    • Portfolios
      • Cómo crear un portfolio
    • E-mails
      • Campañas de e-mail
      • Automatizaciones
      • Segmentos
      • Autorización para el envío de e-mails
      • Doble opt-in
      • Cómo verificar tu dominio
      • Plantillas de e-mail
      • Editor de e-mails y bloques
      • Listas y suscriptores
    • Calendario de citas
      • Agenda de citas (I): Introducción
      • Agenda de citas (II): Cómo crear un Operador
      • Agenda de citas (III): Cómo crear un Servicio
      • Agenda de citas (IV): Cómo crear un Evento
      • Widget: Citas
  • E-mails del sistema
    • Confirmación doble opt-in
    • Productos digitales de descarga
    • Pedido completado
    • Recordatorio de cita
    • Registro de miembro aprobado
    • Recuperación de contraseña de miembro
    • Nuevo pedido
    • Pedido cancelado
    • Pedido enviado
    • Mención en la Comunidad
    • Respuesta en la Comunidad
    • Nueva cita
    • No se pudo renovar suscripción
  • Comunidad
    • Ajustes de la Comunidad
    • Panel de control
    • Moderación
    • Roles de la Comunidad
    • Widgets: Comunidad
  • Círculos
    • Ajustes del círculo
    • Estilos del círculo
    • Páginas
    • Grupos
    • Niveles de acceso
    • Disponibilidad del contenido
    • Analíticas e interacción
  • LMS
  • Blogs
    • Cómo crear un blog
    • Widget: Blog
    • Página de presentación del blog
    • Artículos del blog
  • DISEÑOS DE EMBUDOS
    • Tipos de embudos
      • Generación de leads
      • Embudo para un webinario
      • Embudo "hero"
  • Integraciones internas
    • Twilio
    • E-mail marketing
  • Integraciones externas
    • Make
  • Zapier
  • Usuarios avanzados
    • Modificaciones con CSS
      • Galería de imágenes en móvil
      • Scroll to Top
      • Posición del menú en móvil
      • Menú móvil a pantalla completa
      • Menú desplegable en móvil
      • Cómo mejorar textos en móvil
      • Efecto de scroll sobre una imagen
      • Insignias de Moderador y Admistrador
    • Modificaciones con CCS y JS
      • Widget de Sección de icono con efecto hover
      • Icono o botón en móviles
      • Barra fija de llamada a la acción
      • Widget de Sección de icono con tooltip
    • Modificaciones con JS
      • Añadir descripciones a formas de pago
  • Otros
    • Preguntas frecuentes
    • Glosario
      • Administrador
      • Agenda
      • Automatización
      • Campaña
      • Carrito abandonado
      • Contacto
      • CSS
      • Dominio
      • Downsell
      • E-mail marketing
      • Embudos
      • Encuesta (o Cuestionario)
      • Etiquetas
      • Formulario
      • Grupo de miembros
      • JavaScript
      • Lista
      • Membresía
      • Miembro
      • Mensaje
      • Oferta bump
      • Operador
      • Página del sistema
      • Pedido
      • Portafolio (o Portfolio)
      • Producto
      • Propiedad
      • Proyecto
      • Segmento
      • Sitio web
      • Subdominio
      • Suscriptor
      • Suscripción
      • Widget
      • Upsell
Con tecnología de GitBook
En esta página
  1. Plataforma
  2. Widgets
  3. Otros

Widget: Cuenta atrás

otros widgets | funcionalidad | interactivo

AnteriorWidget: CódigoSiguienteWidget: Incrustar

Última actualización hace 2 años

Este widget lo encontramos al final de la barra de widgets, en Otros.

Sirve para fijar fechas, minutos o números y hacer una cuenta atrás, para avisar al usuario de que se está acabando una oferta, va a finalizar la suscripción a un curso o del tiempo que falta para que se publique un nuevo sitio web.

Tenemos tres tipos de cuenta atrás:

  • Contar hasta una fecha: En Elegir día y hora seleccionamos la fecha en que termina, por ejemplo, la promoción u oferta, o empieza la inscripción en un curso.

  • Contar hasta un número: aquí elegimos el número con que empieza la cuenta atrás y el número en que termina. También el intervalo de tiempo entre cada cambio de número, que pueden ser segundos o incluso días (1 día: 86400 segundos). En este caso sí que podemos contar hacia adelante y contar por ejemplo 30 segundos, desde 0 a 30. Si clicamos en Reiniciar en cada visita de página el contador empecerá de nuevo cada vez.

Contar tiempo: aquí no elegimos fecha, sino un periodo de tiempo. Lo podemos usar para, por ejemplo, decirle al usuario "Tienes 10 minutos para utilizar el cupón de descuento que te estoy ofreciendo". Si clicamos en Reiniciar en cada visita de página el contador empecerá de nuevo cada vez.

En los tres casos tenemos tres opciones para cuando termine la cuenta atrás:

  • No hacer nada

  • Ir a página o pop-up: redirigir al usuario a cualquier página o hacer saltar un pop-up. (Por ejemplo cuando empiece a estar activa una web, el usuario irá directamente a la página de inicio)

  • Mostrar un mensaje: el contador se sustituirá por un mensaje de texto simple (solo texto), avisando por ejemplo de que ha terminado la promoción.

Haciendo clic en el pincel de la barra vamos a las opciones de estilo:

Podemos cambiar formatos y colores:

  • Color del texto y del fondo: cambiar el color de los números y el fondo sobre el que están (el fondo lo podríamos dejar transparente)

  • Mostrar días y segundos: no mostrar segundos o no mostrar días (por tanto solo minutos y segundos).

  • Añadir una sombra a los números para que destaquen más

  • Voltear con animación, como si fuera un reloj antiguo, o que los números cambien directamente.

  • Mostrar rótulos: es decir, debajo de cada número indicar qué son Días, Horas, Minutos y Segundos.

  • Tamaño y color de los rótulos o etiquetas, o sea de las palabras Días, Horas, Minutos y Segundos.

Ejemplo de una cuenta atrás: