Cómo crear un botón que abra un PopUp
Introducción
En este artículo vamos a explicar cómo crear un botón que abra un Popup
¿Tienes cuenta en ITOfunnels?
En nuestra academia tienes un vídeo específico donde te lo explicamos.
Creación del PopUp
-
'Plantillas' -> 'Popups'
Dirígete hacia el menú 'Plantillas' -> 'Popups'
-
'AÑADIR NUEVA POPUP'
Pulsa en 'AÑADIR NUEVA POPUP'
-
Tipo de plantilla 'Popup'
Escoge el tipo de plantilla 'Popup' (ya está por defecto)
-
Nombre del Popup
Introduce el nombre del Popup. Por ejemplo: 'prueba-popup'
-
'Crear Plantilla'
Pulsa en 'Crear Plantilla'
-
Cierra la pestaña
que te aparece pulsando en la x de la parte superior derecha (a no ser que quieras escoger una plantilla de pago)
Configuración del PopUp
-
Nueva sección
Agrega una nueva sección pulsando en el icono rosa con un '+'
-
Seleccionar Estructura
Escoge la estructura que desees
-
'Editor de texto'
Busca el elemento 'Editor de texto' en el menú de elementor, pulsa los puntitos que forman el cuadrado en la parte superior derecha y arrástralo a la sección para escribir la cabecera del popup. Por ejemplo: 'Rellena tus datos'
-
Elemento 'Form'
Busca el elemento 'Form' y arrástralo a la sección. Configura el formulario como desees
-
'Publicar'
Pulsa en 'Publicar'. Se te abrirá una serie de configuraciones. Dale clic a 'SAVE & CLOSE'.
-
Salir al Escritorio
Sal al Escritorio de ITOfunnels
Creación del Botón e Implementación del PopUp
-
Selecciona Landing
Dirígete al menú 'Landings' o "Funnels" y accede a la página en la que desees poner el Popup. Pulsa en 'Editar con Elementor'
-
Añadir botón
Busca el elemento 'Botón' y arrástralo a donde desees posicionarlo en tu landing
-
Editar botón
Edita el botón pulsando en él o pulsando en el lapiz azul de su derecha. y arrástralo a la sección para escribir la cabecera del popup. Por ejemplo: 'Rellena tus datos'
-
Añadir Enlace Dinámico
Dentro de la pestaña 'Contenido' -> 'Enlace' -> pulsa en la opción 'Dinámico' encima del icono rueda de engranaje
-
Añadir acción 'Popup'
Desliza hacia abajo hasta encontrar 'Actions' -> 'Popup'. Dale clic en 'Popup'
-
Seleccionar el Popup
Pulsa en el icono de la herramienta, dentro del campo 'Enlace', a la izquierda de 'Popup'. Dentro de Popup, en la barra de búsqueda, introduce el nombre de tu Popup. En este caso: 'prueba-popup'.
-
Actualizar
Pulsa en 'Actualizar'.
Interacciones con los lectores