Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo crear una ventana emergente de intención de salida

 La ventana emergente de intención de salida  es muy utilizada por los sitios web debido a la generación de clientes potenciales (que es parte del marketing digital) y también para que los usuarios ingresen al sitio web. Usando bootstrap modal creamos una ventana emergente de intención de salida.

Primero, ¿qué es la ventana emergente de salida?

Explicación: Las ventanas emergentes de intención de salida aparecen básicamente en un sitio web o páginas web cuando el usuario se recupera (o cuando el usuario va a cerrar esa pestaña) de nuestro sitio web.


Salir del script emergente de intención

Aquí estamos creando una ventana emergente de intención de salida usando bootstrap modal. A continuación se muestran los cuatro pasos para crear una ventana emergente de intención de salida,

  1. Incluyendo scripts requeridos como exitIntent JS, bootstrap css y js CDN.
  2. Después de incluir, creamos un modal de arranque (ventana emergente receptiva) que aparece al final.
  3. Usando CSS, diseñamos ese modal.
  4. Al final, para llamar a ese modal creamos un script JS. (Punto importante)

Scripts requeridos

A continuación se muestran los scripts de JQuery CDN, Bootstrap CSS CDN, JQuery ExitIntent JS y Bootstrap JS CDN.

compruebe esto: JavaScript Array | Longitud de matriz, push, pop, shift, unshift, IndexOf, forEach

Creación de un modal de Bootstrap

Aquí creamos una ventana emergente receptiva usando bootstrap modal. Vea el código a continuación,

Bootstrap Modal Design usando CSS

Aquí está el código CSS para diseñar el cuerpo de fondo y el modal de arranque. Verifique el código a continuación,

Creación de un script Exit Popup JS

En este script, cuando un usuario sale del sitio web, aparece la ventana emergente de salida. Después de una vez, la ventana emergente no aparecerá hasta la próxima actualización o la próxima navegación. 

Desde ese enlace, descargue la secuencia de comandos emergente de intención de salida completa: Haga clic aquí 

Publicar un comentario

0 Comentarios