Crear PopUp en WordPress (Mejores plugins)

por | Ago 4, 2020 | Plugins WordPress

Crear Pop Up para WordPress

En este artículo te voy a hablar de los Pop Ups para WordPress.

Sé que existe una relación amor-odio con este recurso tan utilizado por muchas webs, pero mi objetivo es que entiendas bien que un Pop Up, en buenas manos, puede ser muy efectivo (hay estudios que demuestran que bien utilizado puede aumentar las probabilidades de venta o suscripción en un 600%).

Personalmente, no suelo utilizar Pop Ups en WordPress (la sencilla razón es que no suelo tener este tipo de requerimiento por parte de mis clientes, ya que sus webs no requieren de esta herramienta).

Pero si estás leyendo estas líneas, es por que o bien quieres aprender a utilizar los Pop Ups como se debe (te lo digo más abajo) o bien porque tienes una necesidad muy específica para tu web, y estás barajando diferentes opciones para conseguirla.

Sigue leyendo porque al final del artículo te convertirás en un usuario de WordPress más avanzado, con total control y conocimiento de los Pop Ups y su uso correcto.

 

Qué es un Pop Up

Ejemplos de pop up

Imagino que a estas alturas del mundo digital, ya te queda bien claro qué es un Pop Up y, en malas manos, lo molestos que pueden llegar a ser.

Pero si acabas de salir de un búnker en el cual te metiste en el año 1995, y hacer webs es lo primero que se te ha pasado por la cabeza para hacer en este nuevo mundo moderno en el que de repente te encuentras (bienvenid@, por cierto), te voy a explicar de una manera fácil qué es un Pop Up.

En el día a día, sobre todo si vives en una ciudad mediana o grande, ya vives rodeado de Pop Ups de carne y hueso.

Hablo por ejemplo de aquellas situaciones en las que vas tranquilamente andando por una calle transitada, y te asalta una persona con un chaleco de tela, un collar con su foto en una identificación cubierta de plástico y te dice: ¿perdona, tienes un momento? (a este lo puedo llamar el Pop Up caritativo, y yo creo que no es muy efectivo).

En otra situación puedes estar en una tienda de ropa mirando unos pantalones que te encantan, y una persona que trabaja en dicha tienda, más o menos de tu edad, se te acerca y te dice: oye, veo que estás mirando estos pantalones. Es para que sepas que este próximo sábado vamos a tener un descuento del 30% en algunos artículos, incluidos estos pantalones. (a este Pop Up lo llamo el elocuente, y es de verdad muy útil).

Y para rematar la metáfora con los Pop Ups de la vida real, hay uno que no le gusta a nadie. Es un Pop Up que puede ser de varios colores, dependiendo de dónde vivas, y que te aparece de repente, y te quedas helad@ en tu asiento, sin moverte, mientras el Pop Up te dice: ¿Sabe usted por qué le he parado? Documentación por favor.

Bueno, disculpas aquí por este apartado / monólogo cómico, pero es que explicar un Pop Up a día de hoy, es bien difícil (ya que todo el mundo sabe qué es), y quería ser original.

¡Seguimos con el artículo, que esto que viene te interesa!

 

Cuándo podemos usar un Pop Up

Como en todo lo relacionado con el marketing online y con la creación web, aquí depende más el cómo que el qué.

Un Pop Up es de verdad muy poderoso, utilizado en un contexto muy concreto, que depende tanto del objetivo que tengas en ese momento, como del tipo de público al que vaya destinado.

No obstante, puedo darte algunos consejos generales, para que tengas claro cuándo sí y cuándo no utilizar un Pop Up en WordPress.

Estos son algunos de los muchos ejemplos de buen o mal uso de Pop Ups, pero quiero que captes la idea esencial de cuándo utilizarlos y cuándo no.

 

Ejemplos de buen uso de Pop Ups

Ejemplo de un buen uso del pop up

  • Para avisar de que hay una app móvil de la web que se visita: justo acabo de ver un Pop Up así en una tienda online que visito con frecuencia a través del móvil en Chrome, y me ha alegrado el día. Me la he bajado instantáneamente.
  • Para ofrecer un descuento en toda la web, si se gira una ruleta rusa con diferentes premios en cada trozo de la ruleta: mira que no me suelen hacer efecto los Pop Ups, pero este me ha llamado tanto la atención y me ha parecido tan original, que he insertado mi email, para poder girar la rueda. (me ha tocado un 50% de descuento).
  • Utilizar Pop Ups con un diseño sencillo, claro, y que se entienda lo que ofrece en menos de 2 segundos: en otra tienda online de accesorios de mascotas, ofrecían envío gratis por compras superiores a 40 euros.

    El Pop Up utilizado era elegante, sencillo, pequeño y no molestaba para nada en la navegación del sitio web.

  • Un Pop Up que aparezca tras haber visitado 4 o 5 páginas de una web: estoy buscando comprar un ordenador nuevo, y he aterrizado en el análisis de uno de los ordenadores que tengo como finalistas para la compra.

    He ido navegando por la web, mirando otros artículos, y al cabo de 4 artículos vistos, me ha aparecido un Pop Up ofreciéndome suscribirme a su lista de distribución por correo electrónico. Lo he hecho encantado.

 

Ejemplos de mal uso de Pop Ups

Ejemplo de un mal uso del pop up

  • Utilizar más de un Pop Up en una misma página, sea del tipo que sea (vemos los tipos de Pop Ups a continuación).
  • Mostrar un Pop Up nada más entrar a la web, pidiendo tu email o algo parecido (en mi opinión, estos son los menos útiles).
  • Poner Pop Ups en móviles (es un error estético y de usabilidad, y además Google te lo penaliza a nivel de SEO).
  • Utilizar Pop Ups que bloquean la pantalla entera y no te dejan ver el contenido. Es frustrante. Abandonos al 99%, te lo aseguro. No lo hagas.
  • Pop Ups pidiendo un like o un follow en Instagram o Twitter (esto me recuerda al Pop Up caritativo que hemos mencionado al inicio del artículo).
  • Un Pop Up demasiado estrambótico o muy pobre en diseño, confuso, que no comunica.

Como ves, estos son sólo algunos ejemplos de buenos y malos Pop Ups.

Dejo en tus manos el ser auto-crític@ y saber si tu idea de Pop Up o el que ya estés utilizando en tu web, te va a ser útil o no de cara a los objetivos que te hayas propuesto.

 

Tipos de Pop Ups

Tipos de pop up

Seguimos ahora con los tipos de Pop Ups en WordPress, a ver si alguno de ellos hace sonar la campana en tu área cerebral destinada a la inspiración y las ideas creativas.

 

Pop Up de Salida

Tal y como te imaginarás por el título, estos Pop Ups se activan cuando el visitante pretende abandonar la página en la que está, y salir de tu web.

Esto es útil para ofrecer un gran descuento llamativo o algo que sea de mucho interés para tu público objetivo (a mí ya me han cazado un par de veces así).

Otro buen ejemplo para utilizar pop ups de salida son los carritos abandonados en WooCommerce.

Cuando añades artículos al carrito en una tienda online, y vas a cerrar la página por cualquier razón, puede ser una buena opción de alerta y recordatorio de que tienes artículos en la cesta, por si quieres terminar la compra antes de marchar.

 

Scroll Pop Up

Este tipo de Pop Up suele ser muy útil cuando tienes una landing page para cierto producto o servicio, y ofreces, al alcanzar más o menos 3/4 partes de tu web al hacer scroll hacia abajo, un descuento suculento o algo parecido.

Es bastante efectivo porque si el visitante hace ese tan deseado scroll hasta esa profundidad en tu web, en teoría, es porque le interesa lo que está viendo y quiere más información.

De ahí la importancia de tener un gran diseño web que cree una necesidad en tus visitas.

 

Pop Up basado en un clic o interacción

En una web, por ejemplo, con artículos sobre algún tema en concreto, se suele utilizar mucho la búsqueda de contenido para encontrar más fácilmente un tema, o en una tienda online, el buscador de productos en WooCommerce para encontrar un tipo de objeto en concreto.

¿Qué tal si cuando se haga una búsqueda, sea cual sea, muestras en la página de resultados un Pop Up (al cabo de unos 5 o 10 segundos) que ofrezca recibir un email con futuros resultados de dicha búsqueda, para futuros artículos o productos?

Sería una manera muy efectiva de captar emails de posibles leads en tu web, ofreciéndoles algo de utilidad y haciéndoles la vida más fácil.

Pues este tipo de Pop Up basado en clics, o cualquier interacción con tu web, ofrece estos recursos tan interesantes.

 

Pop Up embebido en el sitio web

Este último tipo de Pop Up, no llega a ser un Pop Up en sí (porque no aparece de repente), sino que ya está ahí, pero sí que considero que tiene las mismas funciones que un Pop Up normal, ya que tiene una finalidad concreta (que pinches, que registres, que hagas algo).

Normalmente van en esa zona invisible de toda web, llamadas barras laterales, o entre párrafos en un artículo, por ejemplo.

Tienen cierto equilibrio entre su intrusividad, y la capacidad que tiene el visitante medio para ni siquiera verlos.

Así que ya lo sabes, si tu actual Pop Up se parece a cualquiera de estos tipos que acabo de mencionar, vas por el buen camino, o no. Todo depende de cómo lo uses, y para qué lo uses.

Pasamos ahora a ver los mejores plugins que, a mi modo de ver, puedes utilizar para crear un Pop Up en WordPress.

Justo después te indicaré en un breve videotutorial cómo hacer uno en tu web.

 

Mejores Plugins para Pop Ups en WordPress

Hay cientos de opciones en el universo de WordPress para crear un Pop Up. La verdad es que es bastante difícil decidirse por una solución.

Lo más importante para todos es que puedas conseguir tener todos los tipos (o casi todos) de Pop Ups que he descrito, y que tenga estadísticas para los mismos (para poder afinar tu puntería y alcanzar la efectividad suprema con tu estrategia y objetivo de venta).

A continuación te menciono las diferentes maneras de crear un Pop Up en WordPress, y estoy seguro de que alguna de estas opciones te va a interesar.

 

Plugins gratuitos

Sí. Son los que más suelen gustar. Pero claro, todo lo gratuito suele ser limitado, o tener un plugin de pago detrás, si quieres opciones más útiles.

No obstante, y para que vas que también me llevo bien con los plugins gratuitos, voy a utilizar uno llamado Popup Maker, para enseñarte a crear un Pop Up en tu web de WordPress (más abajo, en el videotutorial).

 

Plugins de pago

Tengo mucha debilidad por los servicios de pago. Más que nada porque yo tambíen ofrezco un servicio de pago a nivel profesional, y me gusta esforzarme por ofrecer calidad, soporte y continuidad.

Dicho esto, de entre todos los plugins premium que conozco, el que mejor suele funcionar es el de OptinMonster.

¡Ojo! No me han pagado por mencionarles, ni tengo link de afiliado ni nada.

Simplemente me gusta lo que ofrece. Eso sí, utilízalo sólamente si:

  • Usas MUCHO los Pop Ups y forman una parte importante de tu estrategia de marketing.
  • Estás dispuesto a desembolsar un dinerillo cada mes.

A cambio te llevas una herramienta muy completa con la que puedes hacer verdaderas virguerías.

 

Formando parte de una herramienta

Estos son los que más suelo utilizar, porque es mucho más fácil, está integrado en las herramientas que utilizo, y no hace falta ningún plugin externo.

Si utilizas algún Page Builder para WordPress (tipo Elementor, Beaver Builder, etc) o algún servicio de plugins “todo en uno” tipo WPMUDEV, podrás utilizar sus creadores de Pop Ups de una manera efectiva y sencilla.

Eso sí, no todos vienen con estadísticas (sobre todo en los page builders), pero para acciones pequeñas y puntuales, sirve perfectamente.

 

Sin plugins, todo embebido

Este tipo de Pop Up funciona de la misma manera que cuando insertas un mapita de Google Maps en tu web.

En la herramienta generadora de Pop Ups, puedes dar rienda suelta a tu imaginación y creatividad, y cuando tengas listo el Pop Up, te darán un código para insertar en tu web.

Hay gente que prefiere utilizar este tipo de solución, sin tener que utilizar un plugin extra para su web. Es una buena opción también.

No conozco muchas soluciones de este tipo, pero te recomiendo GetSiteControl.

 

Crear un Pop Up en WordPress

Plugin pop up maker

Bueno, ha llegado el momento de crear ese tan deseado Pop Up en una web de ejemplo, para que veas si esto de los Pop Ups va contigo o no.

El que vamos a utilizar en el vídeo (y los pasos que te describo a continuación) es el de Popup Maker (el cual aviso que tiene una versión de pago también).

A continuación te describo paso a paso cómo crear un Pop Up con este plugin gratuito:

 

Paso 1: Instalar el plugin y activarlo

Desde el repositorio de WordPress buscas, installas y activas el plugin.

Paso 1 plugin Popup Maker

 

Paso 2: Crear nuevo Pop Up

En las opciones que te da el plugin, selecciona “Añadir ventana emergente”.

Paso 2 plugin Popup Maker

 

Paso 3: Insertar el contenido del Pop Up

Aquí deberás añadir el título del Pop Up (para que sepas cuál es en un futuro), y opcionalmente añadir un título para mostrar a tus visitas.

A continuación viene la parte creativa de crear un buen Pop Up con aspecto profesional.

Paso 3 plugin Popup Maker

 

Paso 4: Añadir un disparador

En las opciones que se muestran un poco más abajo, selecciona el evento por el que quieres que aparezca tu Pop Up. Yo he elegido por tiempo.

Paso 4 plugin Popup Maker

Paso 4 plugin Popup Maker

 

Paso 5

Por último selecciona la apariencia del Pop Up. Verás que puedes elegir entre varios temas predefinidos que te ofrece el plugin. De esta manera tendrás un Pop Up con aspecto profesional en un abrir y cerrar de ojos.

Paso 5 plugin Popup Maker

Ahora simplemente publica el resultado y ya tendrás un Pop Up en tu web de WordPress.

Vamos ahora a ver estos pasos en un vídeo, para que quede más claro:

 

 

 

Conclusiones

Como ves, los Pop Ups, aunque cada vez menos utilizados, siguen siendo útiles, dependiendo de cómo los utilices y a quién vayan destinados.

Elige bien el tipo de Pop Up que más se adapte a lo que quieres transmitir, crea un buen diseño que comunique tu mensaje con efectividad, y analiza los resultados al detalle, para poder optimizar tu estrategia al máximo.

¡Espero que te haya resultado útil este artículo, y nos vemos en el siguiente!

Un abrazo