> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ayuda.mastertools.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ¿Qué es un PopUp o Ventana Emergente y cómo crearlo en MasterTools?

### ¿Qué es un PopUp o Ventana Emergente y cómo crearlo en MasterTools?

> Un **"pop-up"** es un instrumento de marketing que aparece de forma repentina cuando un usuario interactúa con un funnel o sitio web. Estos elementos, también conocidos como **"ventanas emergentes"**, presentan información con el fin de llevar al visitante a tomar una acción, por ejemplo; que dejen su Nombre y Correo electrónico, realicen una reserva, añadan un producto a su compra, tomen una oferta especial, entre otras. Es muy importante darle un buen uso a este recurso ya que muchas veces pueden parecer muy invasivo y esto provoca que el visitante abandone el sitio web, lo ideal es que lo uses de forma discreta y sin presionar al lead. En este artículo te explicaremos como puedes construir PopUps en tu funnel paso a paso.


### Lee con atención estos pasos


1. Ingresa al Creador de Embudos en tu cuenta de MasterTools. 

2. Selecciona el funnel donde vas a trabajar. 

3. Ahora dirígete al icono de **"Páginas"** ubicado en la barra de herramientas del constructor, elige la opción **"Pop-ups"** y da clic en el botón **"Añadir nuevo pop-ups"**.

![Páginas](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_1ke6mz6.png)

![Añadir nuevo Pop-up](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_1opyk65.png)


4. Puedes escoger una de las plantillas de pop-ups que te brinda MasterTools o también tienes la opción de seleccionar un **"Pop-up vacío"**.

![Categorías](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_rsdp3f.png)


5. Una vez hayas seleccionado la plantilla puedes empezar a modificar el pop-up o adaptarlo a la estrategia que estés implementado, aquí puedes añadir cualquier widget del constructor, ejemplo, imagen, video, formulario, botones, menús, entre otras...Es importante que el pop-up quede llamativo y de esta forma la persona se vea interesada por la información que vas a trasmitir. 

![Plantilla Pop-up](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_11xvcp4.png)


6. En la parte superior del pop-up encontrarás el botón de **"Ajustes"**, da clic y personalízalo.

![Ajustes del pop-up](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_lgv3qe.png)

* **Posición del pop-up:** Puedes elegir en qué parte de la página aparecerá la ventana emergente, centro, inferior-izquierda, inferior-derecha, pantalla completa, arriba o abajo. 

* **Nombre del pop-up.** Escribe el nombre


Ahora selecciona cuando se debe mostrar el popup (selecciona solo uno):

* **Mostrar pop-up tras un tiempo en la página:** Activalo para seleccionar un tiempo de espera antes de mostrar el pop-up, en segundos (Entre 1 y 60 segundos).

* **Mostrar pop-up al desplazarse por la página:** Activalo para seleccionar la distancia de desplazamiento en la página antes de mostrar el pop-up (Entre 5% hasta 100%).

* **Mostrar pop-up cuando se cierre la página:** Activalo para que el sistema detecté cuando el usuario intenté salir de la página (Solo para versión escritorio).



* **Permitir en dispositivos móviles:** Selecciona si deseas que el popup aparezca a los usuarios que navegan desde dipoditivos móviles.

Selecciona la frecuencia de aparición del PopUp en la sección: **"Cuando se cierre un pop-up..."*

* No mostrarlo más.
* No mostrarlo durante el resto de la sesión de navegación. 
* Mostrarlo de nuevo en la siguiente visita a la página.

* **Animación del pop-up:** Selecciona el efecto con el que aparecerá el PopUp.


7. Da clic en el botón "Mostrar en" ubicado en el menú de configuración del pop-up y elige en qué página del embudo quieres que se muestre. Ejemplo.

||| Este botón puede no aparecer si agregas el Widget "Pop Up", agregalo desde la ruta que mostramos en el paso 3 de este artículo.

![Mostar en](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_hj3ug8.png)


8. Toca el ícono **"Estilos"** y encuentra más opciones para personalizar el pop-up. 

![](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_1xq998f.png)

Aquí podrás editar el diseño del contenido, color de fondo del pop-up, color de fondo de capa superpuesta, color del botón cerrar y tamaño del relleno. No olvides que siempre debes guardar los cambios que realices. 


|| **Asi es como puedes crear pop-ups o ventanas emergentes en el Creador de Funnels de MasterTools, como te pudiste dar cuenta es algo muy sencillo de configurar y en poco tiempo lo podrás hacer. Ahora te explicaremos cómo mostrar el pop-up a los visitantes a través de una acción, por ejemplo a dar clic en un botón.**


1. Selecciona el botón de tu funnel que usarás como **"Call to action"** y da clic sobre el icono de **"Editar enlace"**.


![Botón](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_1mv7nw5.png)

2. Dirígete a la sección **"Pop-up"** y elige el nombre del pop-up que creaste anteriormente, así como aparece en la imagen. 



![Enlace](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_1d72rkq.png)

3. Da clic en el botón **"Seleccionar"** y guarda los cambios en el constructor de funnels. 

4. Ahora desde vista previa del funnel puedes hacer la prueba dando clic en el botón que configuraste y cuando lo toques debe aparecer el pop-up. 

5. Ten en cuenta que si elegiste la opción de mostrar el pop-up cuando toquen un botón debes inhabilitar las opciones de **"Mostrar pop-up tras un tiempo en la página"** y **"Mostrar pop-up al desplazarse por la página"** en los ajustes (Ver paso 6).


![Ajustes de pop-up](https://storage.crisp.chat/users/helpdesk/website/18e5ef9876c13600/image_14b63h6.png)



**Te invitamos a que explores este recurso el cual es muy valioso y puede hacer que la conversión en tu funnel aumente demasiado, esperamos que este artículo haya sido de mucho provecho para ti.**

En el siguiente video te acompañamos con el proceso paso a paso:

${youtube}[¿Qué es un PopUp o Ventana Emergente y cómo crearla en MasterTools?](88X6_PxKpE0)








