Cómo agregar un temporizador de cuenta regresiva en WordPress

Cuando esté creando su sitio de WordPress, es posible que deba incorporar herramientas, diseños y funciones que lo ayuden a promocionar eventos u otras ofertas urgentes. El uso de un complemento o widget de temporizador de cuenta regresiva puede hacer que lograrlo sea mucho más fácil.

Con un widget de temporizador de cuenta regresiva de WordPress, puede simplificar el seguimiento de fechas y horas específicas para los propietarios y visitantes del sitio. Además, hay un puñado de complementos de cuenta regresiva que hacen que agregar uno a su sitio sea un proceso rápido.

En esta publicación, explicaremos cuándo usar un temporizador de cuenta regresiva y qué es un widget de temporizador de cuenta regresiva de WordPress. Luego, lo guiaremos a través de tres de las mejores opciones para agregar un temporizador de cuenta regresiva en WordPress usando un complemento. ¡Empecemos!

Cuándo usar una cuenta regresiva

Se puede usar un temporizador de cuenta regresiva para mostrar diferentes hitos, como aniversarios de negocios. También puede usar uno para ayudar a crear anticipación para un próximo evento (como el lanzamiento de un nuevo producto), promover el inicio de una venta o informar a los visitantes cuando un sitio estará fuera del modo de mantenimiento.

¿Qué es un widget de temporizador de cuenta regresiva?

Un widget de temporizador de cuenta regresiva es una extensión que puede agregar a su sitio de WordPress para generar entusiasmo o urgencia en torno a un producto o evento. Puede usar un widget de temporizador de cuenta regresiva de WordPress para informar o recordar a los clientes cuándo esperar algo, mostrando un reloj que cuenta regresivamente el tiempo restante.

Algunos de los escenarios más comunes en los que se utiliza un temporizador de cuenta regresiva incluyen:

• Informar a los visitantes que un sitio de WordPress está en mantenimiento y cuándo volverá a estar en línea
• Promover y crear anticipación para un próximo evento, como el lanzamiento de un producto, una reunión social o una conferencia.
• Reconocer hitos importantes como aniversarios.
• Generar entusiasmo por un evento de ventas especial, una promoción o una página Próximamente

Opciones para agregar un temporizador de cuenta regresiva a WordPress

Hay múltiples opciones para agregar un temporizador de cuenta regresiva a su sitio de WordPress. Si bien puede hacerlo a través del código, el método más fácil es usar un complemento de cuenta regresiva de WordPress. Echemos un vistazo a tres complementos de temporizador de cuenta regresiva recomendados y cómo comenzar a usarlos.

Opción 1: agregue un temporizador de cuenta regresiva usando el widget de cuenta regresiva T(-)

(T-) Countdown Widget es uno de los complementos de cuenta regresiva de WordPress más populares disponibles. Le permite mostrar un temporizador HTML5 altamente flexible y personalizable a través de un código abreviado, en cualquier página o publicación de su sitio de WordPress:

Sin embargo, para aprovechar al máximo las funciones del complemento, necesita un poco de conocimiento de HTML y CSS. Por lo tanto, puede que no sea la mejor opción para principiantes.

Después de instalar y activar el complemento, puede ubicarlo en Configuración > T(-) Cuenta regresiva :

En esta pantalla, puede elegir si cuenta regresivamente segundos, semanas, meses o años. También puede personalizar las etiquetas que se mostrarán y agregar su propio CSS.

Cuando descargue y active el complemento, se agregará un bloque de cuenta regresiva T (-) a su editor de WordPress. Para usarlo, navegue a la página o publicación a la que desea agregar su temporizador de cuenta regresiva. Haga clic en el ícono más y luego busque en los bloques la opción T(-) Countdown :

Este bloque agregará un temporizador de cuenta regresiva estándar a la página o publicación. Puedes personalizarlo y configurarlo en el panel de la derecha:

Puede elegir una hora y fecha de lanzamiento, y seleccionar uno de los 13 estilos de cómo aparecerá el temporizador. También hay secciones para que modifique la misma configuración (incluidas las etiquetas y el CSS personalizado) que también se encuentran en la página de configuración de T(-) Countdown .

Si lo necesita, hay soporte gratuito disponible para este complemento, así como una lista completa de opciones de shortcode que puede usar. También vale la pena señalar que esta es la versión desarrollada activamente del antiguo complemento jQuery T(-) Countdown Widget.

Opción 2: agregue un temporizador de cuenta regresiva usando Countdown Timer Ultimate

Countdown Timer Ultimate utiliza un código abreviado para mostrar temporizadores de cuenta regresiva en su sitio de WordPress. Funciona bien con el editor de Gutenberg, responde completamente y te permite crear cuentas regresivas ilimitadas:

Después de instalar y activar el complemento, se le presentará un mensaje de bienvenida. Seleccione Omitir o Permitir y continuar :

A continuación, vaya a Temporizador de cuenta regresiva > Agregar temporizador :

En esta pantalla, puede nombrar su temporizador de cuenta regresiva y personalizar su visualización. Después de elegir una fecha de caducidad, puede elegir entre dos estilos de animación: Smooth o Ticks .

A continuación, seleccione el ancho y los colores de su círculo. Todo lo que no defina se establecerá en el estilo predeterminado. Cuando haya terminado, haga clic en Publicar .

Luego puede agregar su widget de temporizador de cuenta regresiva a cualquier publicación o página de WordPress. Para hacerlo, copie el código abreviado del temporizador de cuenta regresiva (ubicado debajo de la columna Código abreviado en la página del temporizador de cuenta regresiva de WP ):

Luego navegue a la página o publicación donde desea agregar el temporizador. Haga clic en el ícono más en el editor de bloques y seleccione el widget Shortcode :

Pegue el código abreviado en el campo de texto y luego obtenga una vista previa de la página para asegurarse de que está satisfecho con su apariencia. Si está satisfecho, presione Publicar .

Si desea agregar el widget de cuenta regresiva a una barra lateral en su sitio, puede hacerlo yendo a Apariencia > Widgets y agregando el widget de Texto a su barra lateral. En la configuración del widget, simplemente pegue el código abreviado del temporizador de cuenta regresiva:

Como mencionamos anteriormente, puede descargar y usar la versión gratuita de este complemento para crear temporizadores ilimitados. También puede actualizar a la versión premium para desbloquear el acceso a diseños adicionales y funciones avanzadas. Si desea probar el complemento primero, también puede registrarse para obtener una demostración gratuita.

Opción 3: agregue un contador de tiempo usando POWr

Por último, pero no menos importante, POWr es un complemento de temporizador de cuenta regresiva basado en la nube. Por lo tanto, para usarlo, primero deberá registrarse para obtener una cuenta gratuita.

Uno de los beneficios de POWr es que es totalmente receptivo y personalizable. Sin embargo, es único en el sentido de que, además de crear temporizadores de cuenta regresiva regulares, también puede usarlo para rastrear eventos a lo largo del tiempo.

Para comenzar, primero descargue y active el complemento de cuenta regresiva POWr WordPress en su sitio. Viene como un paquete con varias otras características, que se pueden usar para crear formularios y feeds sociales:

A continuación, visite el sitio web de POWr y haga clic en el botón Comenzar para registrarse y obtener una cuenta gratuita. Después de crear su cuenta, accederá a la página Mis complementos . Aquí es donde puede 'crear su propio complemento', seleccionando Temporizador de cuenta regresiva en el menú de navegación de la izquierda:

A continuación, accederá a la pantalla donde puede crear y personalizar un widget de temporizador de cuenta regresiva para su sitio de WordPress:

Tiene una variedad de opciones para el tipo de cuenta regresiva que desea usar. Además, en las pestañas Contenido y Diseño , puede establecer una fecha objetivo, personalizar las etiquetas del temporizador, crear mensajes personalizados y agregar animaciones.

Una vez que esté satisfecho con su cuenta regresiva, haga clic en el botón Agregar al sitio en la parte inferior de la pantalla:

Luego se le presentarán varias opciones para agregarlo a su sitio. Por ejemplo, puede hacer clic en el ícono de WordPress para producir un código abreviado para el temporizador de cuenta regresiva:

Luego puede copiar este shortcode y pegarlo en el bloque Shortcode en el editor de WordPress (como se vio en la sección anterior). También puede elegir la opción Código incrustado para copiar y pegar el código en cualquier elemento HTML de su sitio.

Encuentre más recursos útiles de WP Engine

Agregar un temporizador de cuenta regresiva a su sitio web es una excelente manera de generar entusiasmo y motivar a los visitantes. Por supuesto, independientemente de las características que desee agregar a su sitio, estamos aquí para ayudarlo.

WP Engine ofrece los mejores recursos para usuarios y desarrolladores, brindándole la información y las herramientas necesarias para brindar una experiencia digital increíble. ¡Empiece hoy mismo con el mejor alojamiento de WordPress!