Programar un popup con Popup Maker

en

Hoy vamos a ver como programar un popup con Popup Maker, uno de los plugins para WordPress más usados. Puedes usar este tutorial para cuando vayas a necesitar poner un anuncio en unas fechas concretas. Por ejemplo, para avisar de descuentos durante el Black Friday, alguna promoción temporal, o para poner un aviso de vacaciones. La idea es crear el aviso y que se active y desactive de forma automática, para que no tengas que estar pendiente de ponerlo o quitarlo de forma manual.

Creando el popup

Lo primero será instalar el plugin Popup Maker, que puedes encontrar en el repositorio oficial. Una vez instalado, pues creamos un nuevo popup con la opción «Popup Maker => Añadir nueva ventana emergente»

Popup Maker, nueva ventana emergente

Nos saldrá la habitual pantalla del editor de WordPress. Añadimos un título para la ventana y en el sitio para el texto ponemos el anuncio que queramos. Si queremos algo un poco más elaborado, una opción es crear una imagen o banner con alguna herramienta externa, tipo Canva, y subir dicha imagen a nuestra ventana.

Ahora tenemos que añadir un activador, para indicar cuando «saltará» nuestro popup. En nuestro caso queremos que se active solo, como aviso cuando alguien visite nuestro sitio. Para hacer esto, pulsamos en «Añadir nuevo activador» y en el desplegable que nos aparece seleccionamos «Tiempo de retraso / autoapertura»

Además, marcamos la opción de evitar que la ventana se vuelva a mostrar usando una cookie. Con esto evitamos que el popup esté incomodando a los visitantes saltando en cada página. Por cierto, esta cookie es técnica, no guarda datos personales ni los comparte con terceros, por lo que no hace falta pedir permiso a los usuarios, según la «ley de cookies»

Activador popup maker

Con esto, guardamos, publicamos y ya tenemos nuestro popup. Si no nos gusta el diseño, en «Ajustes de la ventana emergente» tenemos la opción «Visualización», donde podremos cambiar colores, elegir otro tema para el popup, etc.

Programar el popup

Ya tenemos creado el aviso emergente, pero lo que buscamos es que se active y se desactiva de forma automática durante unas fechas concretas. Esto lo podemos hacer de forma manual, mediante la opción «Activado/Desactivado» de Popup Maker. Pero reconozco que a veces se me ha olvidado desactivar un popup que puse en alguna web, o he tenido que activar un popup para un cliente en unas fechas en la que estaba de viaje, etc.

Así que vamos a ver como automatizarlo.

Lo primero es lo más sencillo, que el popup se active solo. Para ello usaremos una característica nativa del propio WordPress, programar publicaciones. Esto lo podemos hacer con cualquier tipo de contenido. Así que, si queremos que nuestro popup se active en una fecha concreta, tan sencillo como programar la publicación del mismo.

Por ejemplo, en esta captura podemos ver un popup programado para activarse el 1 de noviembre al mediodía

Programar popup

Desactivando el popup de forma automática

¿Y como lo desactivamos? Para esto si vamos a necesitar un plugin. Yo recomiendo usar Schedule Unpublish. Verás que no es un plugin muy usado, y tiene muy pocas instalaciones. ¿Por qué lo he elegido? Bien, antes el plugin más habitual para automatizar la despublicación de un contenido era Post Expirator. Ahora lo han reconvertido en un plugin mucho más completo y con muchas más opciones, PublishPress Future.

¿Qué ocurre? Que de tantas opciones que tiene. PublishPress Future acaba resultando bastante complejo. Y como solo necesitamos una pequeña funcionalidad bastante simple, pues tras buscar, me quedo con este Schedule Unpublish

Vale, pues sabiendo esto, lo instalamos y lo activamos. Y ya solo tenemos que hacer algo parecido a lo que hemos hecho para programar la activación del popup. Ahora tendremos una opción en cada entrada para programar la despublicación, haciendo que vuelva al estado «borrador». Con esto podemos poner una fecha en la que el popup dejará de estar publicado y, por tanto, dejará de mostrarse.

Usando Schedule Unpublish para despublicar una entrada

Y ya estaría. Con esto podemos tener un aviso emergente que se active y se desactive en fechas concretas.

Os resumo, a modo de conclusiones:

  • Instalar el plugin Popup Maker
  • Seleccionar «Tiempo de retraso / autoapertura» como activador
  • Programar la publicación del popup
  • Instalar el plugin Schedule Unpublish
  • Pogramar la despublicación del popup