Adding a milestone countdown widget in WordPress

Cómo agregar un widget de cuenta regresiva en WordPress (3 métodos)

¿Quieres agregar una cuenta regresiva de hitos en WordPress? Un temporizador de cuenta regresiva lo ayuda a mostrar logros importantes, cumpleaños, próximos eventos y más. En este artículo, le mostraremos cómo agregar fácilmente un temporizador de cuenta regresiva en WordPress (incluso temporizadores de hoja perenne).

Agregar un widget de cuenta regresiva en WordPress

¿Cuándo y por qué necesita un widget de cuenta atrás de hitos?

Contents

Los widgets de cuenta atrás de hitos son una herramienta útil para recordarle a su audiencia un hito en su negocio, un próximo evento, el lanzamiento de un producto o un evento de ventas. Esto ayuda a aumentar la anticipación de sus clientes y mejorar la participación de los usuarios. A continuación, se muestran 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 notificar a los visitantes de la reactivación del sitio web.
  • Antes de presentar un nuevo producto o servicio.
  • Al organizar un evento o una conferencia.
  • En los cumpleaños de tu negocio online.
  • En festivos y durante eventos de rebajas como el Black Friday para ofrecer grandes descuentos en sus productos o servicios.

Puede mostrar la cuenta regresiva de los hitos en sus publicaciones, páginas y área de widgets de la barra lateral. También puede agregar cuentas regresivas en ventanas emergentes de caja de luz, barras flotantes, cuadros de desplazamiento y otros elementos de diseño independientes para que los visitantes del sitio se den por vencidos y los traigan de regreso a su sitio web. Dado que hay tantos casos de uso de cuenta regresiva, hemos enumerado 3 métodos diferentes para agregar un widget de cuenta regresiva de hitos en WordPress:

  • Crear un widget de cuenta regresiva de hitos con Countdown Timer Ultimate
  • Cree cuentas atrás dinámicas muy atractivas con OptinMonster
  • Cree un modo de mantenimiento y un próximo temporizador de cuenta atrás con SeedProd
  • Veamos cómo agregar fácilmente un widget de cuenta regresiva de hitos en WordPress.

    Video tutorial

    Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.

    Método 1: agregar un widget de cuenta regresiva de hitos utilizando el plugin Countdown Timer Ultimate

    Demostración de cuenta regresiva
    Lo primero que debe hacer es instalar y activar el plugin Countdown Timer Ultimate. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, debe visitar el Cuenta regresiva »Agregar un temporizador página en su área de administración de WordPress. En esta página, debe comenzar agregando el nombre de su hito como título del nuevo temporizador de cuenta regresiva.
    Notar: El temporizador utiliza la zona horaria definida en la configuración de su sitio de WordPress. Si desea cambiar la zona horaria de esta cuenta regresiva, tendrá que ir a Configuración »General y actualice la configuración de la zona horaria de su sitio de WordPress.
    Agregar un título de temporizador
    Después de eso, puede desplazarse hacia abajo para establecer una fecha de vencimiento, día y hora para su cuenta regresiva de hitos.
    Establecer la fecha de vencimiento
    Luego, debe seleccionar un estilo de animación de la lista desplegable. También puede ajustar fácilmente el ancho del círculo y el fondo.
    Elige una animación
    En el campo Ancho de cuenta regresiva, puede establecer un ancho para la visualización completa de su widget de cuenta regresiva. Si deja este campo en blanco, el temporizador mostrará el tamaño predeterminado. Después de eso, puede agregar el fondo y el color de primer plano para el temporizador de cuenta regresiva. Puede cambiar individualmente el color por días, horas, minutos y segundos. También puede cambiar las etiquetas de elementos como días, horas, etc.
    Color de primer plano de fondo
    Una vez que esté satisfecho con la configuración, siga adelante y haga clic en el botón «Publicar».
    Visualización de su widget de cuenta atrás de hitos en WordPress
    Ahora que ha creado su widget de cuenta atrás, agréguelo a su sitio web. En primer lugar, debe hacer clic en el menú Cuenta regresiva. En la página del temporizador de cuenta regresiva de WP, verá el temporizador que acaba de crear en la lista.
    Copia el shortcode
    Junto a su temporizador de cuenta regresiva, verá un código corto que debe copiar. Debe copiar y pegar este código corto en el área de contenido de su publicación o página. Asegúrese de hacer clic en el botón actualizar o publicar para guardar sus cambios. Ahora puede visitar su sitio web para ver el widget de cuenta atrás en acción.
    Demostración de cuenta regresiva
    También puede agregar este temporizador de cuenta regresiva en la barra lateral de su sitio de WordPress. Solo ve a Apariencia »Widgets página y agregue un widget de «Texto» a su barra lateral. En la configuración del widget, debe pegar su código corto de cuenta regresiva.
    Configuración del widget de cuenta regresiva
    Una vez que haya terminado, no olvide hacer clic en el botón Guardar para almacenar la configuración de su widget. Ahora puede visitar su sitio web para ver el widget de la barra lateral de cuenta regresiva en acción.
    Vista previa del hito de la cuenta regresiva

    Método 2: Agregar un widget de cuenta regresiva MileStone usando OptinMonster

    OptinMonster es el mejor plugin emergente de WordPress del mercado. Le ayuda a convertir a los visitantes del sitio que abandonan en suscriptores y clientes. Con la función de cuenta regresiva de OptinMonster, puede incrustar la cuenta regresiva de los hitos en una ventana emergente de caja de luz, un widget de 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 cuenta regresiva prediseñadas que tienen disponibles, pero puede usar el generador de arrastrar y soltar para crear un temporizador de cuenta regresiva totalmente personalizado.
    Ventana emergente del temporizador de cuenta regresiva de OptinMonster para vacaciones
    OptinMonster es una forma inteligente de mostrar el temporizador de cuenta atrás en elementos de diseño muy cautivadores. Incluso te permiten crear cuentas regresivas persistentes en WordPress. Primero debe visitar el sitio web de OptinMonster e inscribirse en un plan que satisfaga sus necesidades.
    omsignup
    Después de eso, debe instalar el plugin OptinMonster en su sitio de WordPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Este plugin funcionará como un conector entre su sitio de WordPress y la aplicación OptinMonster. Tras la activación, haga clic en el enlace OptinMonster en su menú de administración de WordPress. A continuación, se le pedirá que ingrese sus credenciales de API de OptinMonster.
    Inicie sesión en OptinMonster
    Puede encontrar esta información en su cuenta en el sitio web de OptinMonster. Simplemente inicie sesión en su cuenta y luego haga clic en el enlace «API» en el menú.
    Clave de API de OptinMonster
    Debe copiar su clave API y pegarla en la configuración de OptinMonster en su sitio de WordPress. Después de eso, haga clic en el botón «Conectar a OptinMonster» para continuar. El plugin ahora conectará su sitio de WordPress a su cuenta de OptinMonster. Una vez que haya iniciado sesión, puede comenzar a crear una nueva campaña desde su panel de OptinMonster. Puede utilizar cualquier tipo de campaña e incorporar el temporizador de cuenta atrás.
    Crea una nueva campaña
    Para obtener más detalles, consulte este tutorial paso a paso sobre cómo crear una campaña de cuenta regresiva en OptinMonster.
    Ventana emergente de temporizador de cuenta regresiva de OptinMonster para vacaciones

    Método 3: Agregar un widget de cuenta regresiva de hitos usando SeedProd

    SeedProd es el mejor plugin de página de WordPress que está por venir. La versión pro de SeedProd viene con una función de cuenta atrás. Puede agregar este temporizador de cuenta regresiva a su sitio web de WordPress e informar a sus visitantes sobre un próximo lanzamiento o sitio web.
    Vista previa de SeedProd
    Lo primero que debe hacer es instalar y activar el plugin SeedProd Pro en su sitio de WordPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, será redirigido a Configuración »General página en su área de administración de WordPress. Le pedirá una clave de licencia que puede obtener de su cuenta de SeedProd.
    Clave de licencia
    Entonces tienes que visitar Configuración »Próximamente Pro página y active el próximo modo. Comenzará automáticamente la cuenta atrás con la página siguiente.
    Activar la próxima página
    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 Guardar cambios.
    Cuenta regresiva de SeedProd
    Ahora puede visitar su sitio web para ver el próximo contador en acción. Es todo. Esperamos que este artículo le haya ayudado a aprender cómo agregar un widget de cuenta atrás de hitos en WordPress. También puede consultar nuestros consejos prácticos para aumentar el tráfico de su sitio web. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

    Leave a Reply