Cómo añadir un Widget temporizador de cuenta atrás en WordPress (3 métodos)

¿Quieres añadir una cuenta atrás en WordPress? Un temporizador de cuenta atrás le ayuda a mostrar logros importantes, aniversarios, próximos eventos y mucho más. En este artículo, le mostraremos cómo añadir fácilmente un temporizador de cuenta atrás en WordPress (incluso los temporizadores siempre verdes).

¿Cuándo y por qué necesita un widget de Milestone Countdown?

Los widgets de cuenta regresiva de hitos son una herramienta útil para recordar a su audiencia un hito importante en su negocio, un próximo evento, el lanzamiento de un producto o un evento de ventas. Esto ayuda a crear anticipación entre sus clientes y mejora la participación de los usuarios.

A continuación se presentan algunos escenarios comunes en los que puede utilizar eficazmente un widget de cuenta atrás de hitos:

  • Antes de lanzar su sitio web en una próxima página.
  • Durante el mantenimiento del sitio web para que los visitantes sepan cuándo estará disponible de nuevo.
  • Antes de introducir un nuevo producto o servicio.
  • Al organizar un evento o conferencia.
  • En los cumpleaños de tu negocio en línea.
  • En días festivos y eventos de venta como el Viernes Negro para ofrecer grandes descuentos en sus productos o servicios.

Puede mostrar el temporizador de cuenta atrás de hitos en sus mensajes, páginas y en el área de widgets de la barra lateral. También puede agregar temporizadores de cuenta atrás en ventanas emergentes de caja de luz, barras flotantes, cajas de desplazamiento y otros elementos agnósticos de diseño para atraer a los visitantes que abandonan el sitio y traerlos de vuelta a su sitio web.

Como hay tantos casos de uso de un temporizador de cuenta atrás, hemos enumerado 3 métodos diferentes para añadir un widget de cuenta atrás en WordPress:

  1. Crear un widget de cuenta regresiva de hitos utilizando Countdown Timer Ultimate
  2. Cree temporizadores de cuenta atrás dinámicos altamente atractivos con OptinMonster
  3. Crear pronto y modo de mantenimiento temporizador de cuenta atrás con SeedProd

Echemos un vistazo a cómo añadir fácilmente un widget de cuenta atrás en WordPress.

Método 1: Adición de un Widget de cuenta atrás usando el plugin Ultimate de Countdown Timer

Lo primero que tienes que hacer es instalar y activar el plugin Countdown Timer Ultimate. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Countdown Timer » Add Timer en su área de administración de WordPress.

En esta página, debe empezar por añadir el nombre del hito como título para el nuevo temporizador de cuenta atrás.

Nota: El temporizador utiliza la zona horaria establecida en la configuración de su sitio WordPress. Si desea cambiar la zona horaria para este temporizador de cuenta atrás, deberá ir a Settings » General y actualizar la configuración de la zona horaria de su sitio WordPress.

Después de eso, puede desplazarse hacia abajo para establecer una fecha de caducidad, un día y una hora para el temporizador de cuenta atrás de su hito.

A continuación, debe seleccionar un estilo de animación en el menú desplegable. También puede ajustar fácilmente el círculo y el ancho del fondo.

En el campo Ancho de cuenta atrás, puede definir un ancho para la visualización completa de su widget de cuenta atrás. Si deja este campo en blanco, se mostrará el temporizador utilizando el tamaño predeterminado.

Después de eso, puede agregar el fondo y el color de primer plano para el temporizador de cuenta atrás. Puede cambiar individualmente el color de los días, las horas, los minutos y los segundos. También puede cambiar las etiquetas de elementos como días, horas, etc.

Una vez que esté satisfecho con la configuración, siga adelante y haga clic en el botón «Publicar».

Mostrando su Widget de Cuenta Atrás en WordPress

Ahora que ha creado su widget de cuenta atrás de hitos, vamos a añadirlo a su sitio web.

En primer lugar, debe hacer clic en el menú Countdown Timer (temporizador de cuenta atrás). En la página Temporizador de la cuenta atrás de WP, verá el temporizador que acaba de crear allí.

Junto al temporizador de cuenta atrás, verá un código abreviado que necesita copiar.

Necesitas copiar y pegar este código abreviado en el área de contenido de tu mensaje o página. Asegúrese de hacer clic en el botón de actualizar o publicar para guardar los cambios.

Ahora puede visitar su sitio web para ver el widget de la cuenta atrás en acción.

También puede agregar este temporizador de cuenta atrás en la barra lateral de su sitio de WordPress. Simplemente ve a la página Apariencia » Widgets y añade un widget deTexto a tu barra lateral. En la configuración de los widgets, debes pegar el código abreviado para el temporizador de cuenta atrás.

Una vez que hayas terminado, no olvides hacer clic en el botón Guardar para guardar la configuración de tu widget.

Ahora puede visitar su sitio web para ver el widget de la cuenta atrás de la barra lateral en acción.

Método 2: Añadir un widget de cuenta atrás de MileStone usando OptinMonster

OptinMonster es el mejor plugin popup de WordPress del mercado. Le ayuda a convertir a los visitantes que abandonan el sitio en suscriptores y clientes.

Usando la función de temporizador de cuenta atrás de OptinMonster, puedes integrar el temporizador de cuenta atrás de un hito en una ventana emergente de lightbox, un widget a pantalla completa, una barra flotante o cualquier otro tipo de campaña de OptinMonster.

A continuación se muestra un ejemplo de una de las campañas de temporizador de cuenta atrás preestablecidas, pero puede utilizar el constructor de arrastrar y soltar para crear un temporizador de cuenta atrás completamente personalizado.

OptinMonster es una forma inteligente de mostrar el temporizador de cuenta atrás en un elemento de diseño muy llamativo. Incluso le permiten crear temporizadores de cuenta atrás siempre verdes en WordPress.

Primero debe visitar el sitio web de OptinMonster e inscribirse en un plan que satisfaga sus necesidades.

Después de eso, necesita instalar el plugin OptinMonster en su sitio de WordPress. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Este plugin funcionará como un conector entre su sitio WordPress y la aplicación OptinMonster.

Una vez activada, haz clic en el enlace OptinMonster en el menú de administración de WordPress. A continuación, se le pedirá que introduzca sus credenciales de la API de OptinMonster.

Puede encontrar esta información en su cuenta en el sitio web de OptinMonster. Simplemente ingrese a su cuenta y luego haga clic en el enlaceAPI del menú.

Necesita copiar su clave de API y pegarla en la configuración de OptinMonster en su sitio de WordPress. Después, haga clic en el botónConectar con OptinMonster para continuar.

El plugin ahora conectará tu sitio de WordPress a tu cuenta de OptinMonster.

Una vez conectado, puedes empezar a crear una nueva campaña desde tu panel de control de OptinMonster. Puede utilizar cualquier tipo de campaña e integrar en ella el temporizador de cuenta atrás.

Para más detalles, vea este tutorial paso a paso sobre cómo crear una campaña de cuenta atrás en OptinMonster.

Método 3: Añadir un Widget de cuenta atrás usando SeedProd

SeedProd es el mejor plugin de WordPress. La versión SeedProd pro viene con una función de temporizador de cuenta atrás. Puede agregar este temporizador de cuenta regresiva a su sitio web de WordPress y dejar que sus visitantes sepan acerca de un lanzamiento o de un próximo sitio web.

Lo primero que tienes que hacer es instalar y activar el plugin SeedProd Pro en tu sitio web de WordPress. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, se le redirigirá a la página Configuración » General en su área de administración de WordPress. Le pedirá una clave de licencia que puede obtener de su cuenta de SeedProd.

A continuación, debe visitar la página Settings » Coming Soon Pro y activar el modo coming soon. Iniciará automáticamente el temporizador de cuenta atrás con la página que viene en breve.

Puede hacer clic en la opción de edición para elegir una plantilla y personalizar su próxima página. Una vez que esté satisfecho, asegúrese de hacer clic en el botón de guardar cambios.

Ahora puede visitar su sitio web para ver el próximo contador en acción.

Eso es todo. Esperamos que este artículo le haya ayudado a aprender a añadir un widget de cuenta atrás en WordPress. También puede ver nuestros consejos prácticos para conseguir más tráfico para su sitio web.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario