Cómo crear un popup en WordPress sin plugins de pago

Los popups tienen mala fama porque la mayoría están mal implementados. El problema casi nunca es el popup en sí: es cuándo aparece, qué pide y si se puede cerrar fácilmente. Uno que aparece a los 30 segundos con una oferta real convierte. El que salta nada más entrar molesta y el visitante lo cierra sin leer.

Cuándo tiene sentido un popup

Un popup funciona cuando el visitante ya ha demostrado interés: lleva tiempo en la página, ha hecho scroll hasta la mitad o está a punto de salir. Esos son los momentos donde interrumpir tiene sentido. El popup que aparece en el segundo 0 interrumpe antes de que el visitante haya decidido si el contenido le interesa, y casi siempre genera rechazo.

Casos donde un popup aporta valor real: captura de emails con un lead magnet concreto, anuncio de oferta con fecha límite, alerta de contenido relacionado en exit intent, formulario de contacto rápido en páginas de servicio.

Hustle: el plugin gratuito más completo

Hustle (de WPMU DEV) tiene plan gratuito con hasta 3 popups activos y opciones suficientes para la mayoría de casos. Instalas el plugin, creas un popup desde su panel, configuras el diseño con el editor visual y defines las condiciones de activación.

Las condiciones más útiles en la versión gratuita: mostrar después de X segundos, mostrar en exit intent, mostrar solo en páginas específicas, y limitar a una vez por sesión para no molestar al mismo visitante varias veces. La integración con email marketing (Mailchimp, Brevo, MailPoet) requiere la versión de pago.

Sumo: para webs con tráfico moderado

Sumo tiene plan gratuito con límite de 200 suscriptores al mes. El diseño de sus popups es más cuidado que Hustle en versión gratuita, y el «Welcome Mat» (pantalla completa al entrar) y el «Smart Bar» (barra fija en la parte superior) son formatos que no tienen alternativa directa en otros plugins gratuitos.

Elementor Popup Builder: si ya usas Elementor

Elementor Pro incluye constructor de popups con el mismo editor visual que usas para las páginas. Control total sobre el diseño sin limitaciones de plantillas. Si ya pagas Elementor Pro, no necesitas ningún plugin adicional: el trigger, las condiciones de visualización, la animación de entrada y la integración con formularios están integrados. Para quien no tiene Elementor Pro, esta opción no justifica el coste solo por los popups.

Popup sin plugin: la versión mínima con código

Para un caso de uso muy específico sin querer instalar un plugin, la solución más ligera es HTML y CSS directo en el tema hijo:

<div id="mi-popup" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:2rem; border:1px solid #ddd; z-index:9999;">
  <p>Contenido del popup</p>
  <button onclick="document.getElementById('mi-popup').style.display='none'">Cerrar</button>
</div>
<script>
  setTimeout(function(){ document.getElementById('mi-popup').style.display='block'; }, 30000);
</script>

Para añadirlo en una sola página, usa el bloque HTML personalizado de Gutenberg o el widget HTML de Elementor en esa página específica.

Lo que no debe faltarle a ningún popup

Botón de cierre visible desde el primer segundo — si el visitante no puede cerrarlo fácilmente, el rebote sube. No fuerces el correo para cerrarlo. Limita la frecuencia a una vez por sesión como mínimo. Y en móvil, que el popup no ocupe más del 60% de la pantalla: Google penaliza los intersticiales intrusivos en móvil con impacto en posicionamiento.