Crear un pop up en WordPress en 6 simples pasos

Un Pop-up o ventana emergente, es ese contenido que aparece de forma repentina en tu navegador mientras estás dentro de una página web. Los Pop-up se utilizan mucho en tiendas virtuales en especial cuando hay ofertas y/o promociones para resaltar esas ofertas especiales.

El plugin a utilizar será Popup Maker.

Paso 1: Instalar el plugin Popup Maker:

Dirigete a plugins / Añadir nuevo, aquí se va a desplegar el repositorio de plugins de WordPress. Dentro del campo del buscador escribe el nombre del plugin <<Popup Maker>>. Al encontrar el plugin debes darle clic en <<Instalar ahora>> y luego en <<Activar>>.

Paso 2: En el menú de Popup Maker, elegir la opción de «Crear Ventana emergente»

Paso 3: Rellenar los campos del nombre, titulo y contenido del pop-up.

Paso 4: Añadir un disparador para el pop-up

Añadir un disparadores que depende del evento que suceda, se abrirá la ventana emergente.

Tipos de disparadores:

Hacer clic (predeterminado): Muestra una ventana emergente cuando un visitante hace clic en un enlace o elemento específico en una página web.

Retardo de tiempo / Apertura automática: Muestra una ventana emergente después de un período de tiempo predeterminado.

Envío de formulario: Procesa un formulario colocado dentro de una ventana emergente. Úsalo con formularios de suscripción de Popup Maker y formularios de WordPress que se integran con Popup Maker.

Cada uno de estos 3 disparadores se puede configurar en la misma ventana emergente.

Paso 5: Diseño de la ventana emergente

Selecciona y modifica las distintas opciones de diseños que se pueden cambiar. Popup Maker tiene diseños predefinidos para un uso más sencillo.

Paso 6: Insertar ventana emergente donde lo quieras utilizar

Y lo último que queda es publicar la ventana emergente. Si elegiste el disparador por tiempo de demora el pop-up se mostrará automáticamente después del tiempo que hayas configurado y si elegiste el disparador por clic debes copiar la clase CSS generado por la ventana que creaste y esta clase la debes agregar al elemento que debe disparar al hacer clic.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *