Cómo incluir un complemento de temporizador de cuenta atrás animado en su sitio de WordPress

¿Tiene algún evento importante o fechas de lanzamiento de productos en un futuro próximo? Si es así, es posible que desee mantener un temporizador de cuenta regresiva animado en vivo en su sitio web. Esto hará que los visitantes conozcan el evento o el lanzamiento del producto y despertarán su curiosidad como para consultarlos en su sitio web.

Un complemento de cuenta regresiva animado es una excelente manera de recordar a los visitantes leales cuándo ocurrirá un evento o lanzamiento de producto. También informa a los nuevos visitantes que el evento o lanzamiento del producto existe en primer lugar. Además, es una excelente manera para que las empresas físicas muestren cuánto tiempo antes de que cierren por el día o cuánto tiempo hasta que vuelvan a abrir. Hoy demostraré cómo agregar un temporizador de cuenta regresiva animado usando el complemento Countdown Timer Ultimate.

¿Por qué su sitio web debería considerar el uso de un temporizador de cuenta atrás animado?

Un temporizador de cuenta regresiva animado es una herramienta interesante que puede brindarles a los visitantes de su sitio web un recordatorio rápido. Tiene muchos usos que van desde el horario de oficina de su tienda física hasta la fecha de inicio de su oferta del Black Friday. Dependiendo de la naturaleza de su sitio web y si también tiene una tienda física, sus usos son bastante creativos. Algunas razones para considerar agregar temporizadores a su sitio web incluyen informar a sus visitantes cuánto tiempo falta para que abra o cierre su oficina, cuánto tiempo falta para que comience o finalice una oferta, cuánto tiempo hasta que se lance un nuevo producto y mucho más.

Por ejemplo, tiene una pequeña tienda de juegos y ha creado un sitio web para su tienda. Una actividad muy popular para las tiendas de juegos es recoger nuevos lanzamientos de videojuegos a la medianoche. Puede crear una cuenta regresiva animada en la página de juegos para que los visitantes sepan que tendrá un lanzamiento de medianoche y cuánto falta para que salga. Las cuentas regresivas animadas pueden beneficiar a la mayoría de los sitios web si se usan de manera creativa que no se sientan agregadas.

Cómo configurar un temporizador de cuenta atrás animado en WordPress

Hoy demostraré cómo agregar un temporizador de cuenta regresiva animado usando el complemento Countdown Timer Ultimate . Este complemento agregará 4 temporizadores a su publicación. Puede ajustar el primer cuadro por días, el segundo por horas, el tercero por minutos y el último por segundos. Una de las mejores partes es que las cuentas regresivas pueden tener colores únicos o ser todas del mismo color, lo que facilita que se mezclen con el esquema de color de su sitio web.

Comience haciendo clic en Complementos y seleccione la opción Agregar nuevo en el panel de administración de la izquierda.

 

Busque Countdown Timer Ultimate en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

Desplácese hacia abajo hasta que encuentre el complemento Countdown Timer Ultimate y haga clic en el botón "Instalar ahora" y active el complemento para su uso.

En el panel de administración de la izquierda, haga clic en Temporizador de cuenta regresiva y seleccione la opción Agregar temporizador. Esto abrirá la página de configuración principal para agregar un temporizador.

Esta página le permitirá crear un nuevo temporizador para su sitio web. Podrás elegir la fecha y la hora así como las opciones de diseño. El primer paso cuando crea un temporizador es nombrar el temporizador. Por ejemplo, si se trata de un temporizador para sus ofertas de Black Friday, entonces debe llamarlo Black Friday.

Ahora es el momento de elegir la fecha de caducidad. Este es el punto final del temporizador. Por ejemplo, el Black Friday de 2017 es el viernes 24 de noviembre, el día después del Día de Acción de Gracias. Elija la fecha y la hora en que comenzaría su venta. Las horas, los minutos y los segundos se ajustan con los controles deslizantes. Haga clic en el botón "Listo" una vez que haya seleccionado la fecha y la hora.

Todo lo que queda es elegir los colores para cada barra y el color de fondo en sí. Si no necesita una barra determinada, desmarque la casilla. La regla general es mantenerlo lo más conciso posible y no tener barras adicionales. Haga clic en el botón "Publicar" una vez que haya terminado de personalizar la pantalla.

Todavía no ha terminado, al hacer clic en el botón de publicación en realidad no se muestra en su sitio web. Haga clic en la opción Temporizador de cuenta regresiva en el panel de administración de la izquierda.

En esta página, verá todos sus cronómetros publicados. Verá un código abreviado para cada temporizador. Copie el código abreviado y péguelo en la sección de contenido de su página o publicación. Una vez que guarde los cambios, verá que su temporizador funciona. Puede editarlo en cualquier momento y debe hacer el esfuerzo de que se mezcle con su sitio web.

Felicitaciones, ha agregado con éxito un temporizador animado a su sitio web utilizando un complemento de temporizador de cuenta regresiva de WordPress. Puede editar libremente el temporizador en cualquier momento y recuerde ser creativo y complementar el esquema de color de su sitio web o las vacaciones para las que está contando.

Mantenga a sus visitantes informados

La razón principal para agregar un temporizador a su sitio web es informar a las personas cuando algo está sucediendo en su tienda o en su sitio web. Solo piense en sus amigos y familiares que parecen llegar siempre tarde, independientemente de cuántas veces hayan llegado tarde. El temporizador puede ayudar a ese tipo de personas y es excelente para las personas que simplemente olvidan cuando un producto está agotado o no pueden recordar su horario de oficina. Es fácil leer mal el horario de oficina, pero es mucho más difícil ver un cronómetro que dice "cierra en 30 minutos" y decidir que tienes suficiente tiempo para llegar allí.

Recuerde, la funcionalidad es importante, pero también es importante hacer un sitio web que se vea bien. Puede cambiar libremente el esquema de colores para que coincida con el tema que instale en su sitio web . Además, recuerde que el temporizador no debe tapar otros contenidos o widgets importantes en su sitio web.

¿Para qué eventos, productos u otro contenido sensible al tiempo utiliza temporizadores en su sitio web? ¿Qué tan difícil o fácil le resultó personalizar los colores en el complemento?