Widget de botón de cierre emergente Elementor (activador emergente)

La X en la esquina de una ventana emergente es la única pieza que no puedes volver a diseñar. Popup Trigger es un widget gratuito que agrega su propio botón de cierre dentro de una ventana emergente creada con Creador de ventanas emergentes de complementos maestros. Escriba el texto del botón, elija un icono y elija qué hace el clic: cierre la ventana emergente, ciérrela definitivamente o envíe al visitante de regreso a la página anterior. Cierra ventanas emergentes. No los abre.

Widget de botón de cierre del activador emergente dentro de una ventana emergente de complementos maestros

Cómo agregar un botón Cerrar a una ventana emergente Elementor

Necesita Elementor y el complemento gratuito Master Addons. Si aún no has creado una ventana emergente, comienza con cómo agregar una ventana emergente en Elementor gratis.

  1. Ir a Complementos maestros, ventanas emergentes y abre tu ventana emergente en Elementor.
  2. Buscar Activador emergente y arrástrelo al contenido emergente.
  3. Elige el Acción del botón: Cerrar ventana emergente, Cerrar permanentemente o Volver al referente.
  4. Para cerrar ventana emergente, configúrelo Mostrar de nuevo retraso. Încălnește-te Redirigir a URL cuando esté cerrado si el clic debe llevar al visitante a otra página.
  5. Establezca el texto del botón, el ícono y la alineación, luego peínelo en la pestaña Estilo.
  6. Publique la ventana emergente y pruebe el botón en la parte frontal.
Configuración de retardo de visualización de activación emergente

Decida cuándo se permite volver a la ventana emergente

Mostrar la misma ventana emergente en cada vista de página es cómo una buena oferta se convierte en una molestia. La configuración Mostrar nuevamente retrasar se encuentra en el botón de cierre, por lo que un visitante que descarta la ventana emergente obtiene un descanso antes de que se le permita regresar.

  • Diecisiete ajustes preestablecidos de retardo: El menú desplegable va desde un minuto hasta un mes: minutos a las 1, 3, 5, 10 y 30, horas a las 1, 3, 6 y 12, luego días a las 1, 3, 5, 7, 10, 15 y 20. Déjalo en No Delay y la ventana emergente aparecerá nuevamente en la carga de la página siguiente.
  • Recordado en el navegador: El tiempo de cierre pasa al almacenamiento del navegador del visitante, vinculado al ID de esa ventana emergente. Nadie tiene que iniciar sesión para que funcione, y cada dos ventanas emergentes en el sitio mantiene su propio tiempo separado.
  • Diferentes botones, diferentes reglas: Debido a que el retraso vive en el botón en lugar de en la ventana emergente, dos botones de cierre en la misma ventana emergente pueden comportarse de manera diferente. Un botón “Recuérdame más tarde” establece una pausa de un día mientras que un botón “No, gracias” al lado cierra la ventana emergente permanentemente.

Envíe personas a algún lugar en lugar de a ningún lugar

Cerrar una ventana emergente normalmente deja caer a un visitante en la página que ya estaban ignorando. Active Redirigir a la URL cuando esté cerrado y el mismo clic puede llevarlos a algún lugar más útil.

  • Cualquier URL que desee: Apunte el botón de cerrar a una página de precios, un artículo de soporte, un plan más económico o directamente al momento de pagar. Encienda el interruptor, pegue el enlace y la redirección se activará una vez que se haya cerrado la ventana emergente.
  • Soporte de etiquetas dinámicas: El campo URL toma etiquetas dinámicas de Elementor, por lo que el destino puede provenir de la publicación o de un campo personalizado en lugar de estar codificado. Luego, una plantilla emergente puede enviar visitantes a algún lugar diferente en cada página en la que aparece.
  • Solo la misma pestaña: La redirección se ejecuta en la misma pestaña del navegador justo después de que se cierra la ventana emergente. Las opciones de nueva pestaña y no seguimiento en el campo de enlace no tienen ningún efecto aquí.
El activador emergente redirige a la URL cuando está cerrado
Controles de estilo de botón activador emergente

Estílelo como cualquier otro botón de su sitio

El disparador es un elemento Elementor normal, lo que significa que viene con una pestaña Estilo completa. Todo responde a su diseño en lugar del marcado integrado de la ventana emergente.

  • Tus palabras, no “cerrar”: El texto del botón es un campo de texto sin formato y también requiere etiquetas dinámicas. “Quizás más tarde” o “Continuar en el sitio” le dice al visitante lo que hará el clic, que es más de lo que gestiona un símbolo de esquina.
  • Icono Antes o Después: Agregue un ícono SVG personalizado o de Font Awesome y colóquelo antes o después de la etiqueta, o establezca la posición del ícono en Ninguno y omita. Los controles deslizantes separados controlan el tamaño de SVG y el espacio entre el ícono y el texto.
  • Estados normales y flotantes: El color del texto, el color de fondo, el color del borde y la sombra del cuadro obtienen cada uno sus propios valores Normal y Flotante. La duración de la transición es un campo numérico, por lo que el desplazamiento puede romperse o disminuirse dependiendo de cómo se comporten el resto de los botones.

Elementor Pro Cerrar acción emergente frente a activación emergente

Las ventanas emergentes de Elementor Pro se cierran desde cualquier enlace de botón establecido en la acción de ventana emergente. Popup Trigger hace el mismo trabajo para las ventanas emergentes creadas con Master Addons Popup Builder.

CaracterísticaAcción de cierre de ventana emergente Elementor ProActivador emergente de complementos maestros
Trabaja conVentanas emergentes de Elementor ProVentanas emergentes de complementos maestros
ConfiguraciónEnlace dinámico en un widget de botónUn widget dedicado con sus propios controles de estilo
Deja de mostrarte de nuevoAlternar “No volver a aparecer”Cierre permanentemente o retrase Show Again de 1 minuto a 1 mes
Redirigir después del cierreNo, a menos que agregues un código personalizadoSí, redirija a la URL cuando esté cerrado
Vuelve a la página anteriorNoSí, vuelva al referente
Abra una ventana emergente al hacer clicSí, acción abierta emergenteNo. En complementos maestros, ese es el activador de On Click, que necesita Pro
CostoElementor ProGratis

Relacionado: el Creador de ventanas emergentes de complementos maestros, Condiciones de visualización (Pro) y Llamado a la acción para el contenido emergente.

Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Botón de cierre del disparador emergente
Botón de cierre del disparador emergente

Preguntas frecuentes

Respuestas a preguntas comunes sobre el widget de activación emergente de complementos maestros.

¿qué hace el widget Popup Trigger?

Agrega un botón con estilo dentro de una ventana emergente de complementos maestros. Un clic cierra la ventana emergente, la cierra permanentemente o envía al visitante de regreso a la página de donde vino. También puede redirigir a una URL después de que se cierre la ventana emergente.

No. El activador de ventanas emergentes solo cierra las ventanas emergentes. Para abrir una ventana emergente de complementos maestros cuando alguien hace clic en un botón, configure la configuración Abrir ventana emergente de la ventana emergente en Al hacer clic e ingrese un selector CSS. Al hacer clic es un activador de Master Addons Pro. El complemento gratuito abre ventanas emergentes al cargar la página.

Dentro de una ventana emergente creada con Master Addons Popup Builder. El panel muestra una nota de que el widget solo funciona allí. En una página normal el botón no hace nada. La guía para agregar una ventana emergente en Elementor gratis cubre la construcción de la ventana emergente primero.

Cerrar ventana emergente oculta la ventana emergente y la mantiene alejada para el retraso Mostrar de nuevo que elija, sin demora hasta un mes. Cerrar Almacena permanentemente un retraso muy largo en el navegador del visitante, por lo que la ventana emergente permanece oculta para ese visitante a menos que borre el almacenamiento de su navegador.

Sí. Popup Trigger y Popup Builder están en el complemento gratuito Master Addons. Pro agrega activadores emergentes como On Click, On Scroll y Exit Intent, además de orientación a páginas.

Ver el Documentación del activador emergente para cada configuración con capturas de pantalla.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles