# Cómo crear y editar ventanas > Las ventanas también conocidas como modales overlays o popups son una forma genial de añadir capas extra de información a tus contenidos de Genially Una Source: https://help.genially.com/es/como-crear-y-editar-ventanas-SkEpA0QUn Last updated: 2026-05-12T11:56:23.185Z Las ventanas —también conocidas como modales, overlays o pop-ups— son una forma genial de añadir **capas** extra de información a tus contenidos de Genially. Una ventana es un cuadro interactivo que se abre cuando los usuarios hacen clic en un [elemento desencadenante](https://help.genially.com/en_us/how-to-trigger-interactions-on-hover-and-click-ry46CpKcg) (como un botón o un icono). Utiliza las ventanas para: * Ofrecer contenido adicional bajo demanda * Dividir la información en partes más fáciles de digerir * Insertar contenido multimedia como vídeos * Proponer actividades adicionales a tu audiencia ¡y mucho más! Las ventanas pueden incluir la mayoría de los mismos contenidos y funcionalidades que una página o diapositiva completa de Genially. Esto incluye imágenes, interacciones, animaciones, audio, vídeo, [preguntas interactivas](https://help.genially.com/en_us/interactive-questions-on-genially-H1_tCj1en) y más. ¡Incluso puedes incrustar otro Genially dentro de una ventana! ## Cómo crear una ventana La ventana se abrirá cuando el usuario haga clic en un **elemento**. Puede ser un elemento visible (como una imagen, botón, icono o cuadro de texto) o un [área interactiva](https://help.genially.com/en_us/interactive-areas-add-interactivity-to-any-part-of-your-creation-Hy3O9DBhj) invisible. Antes de diseñar el contenido de la ventana, decide qué elemento quieres que la active. 1. Abre el editor de Genially. 2. Selecciona un elemento en el lienzo. Este será el que active la ventana al hacer clic. 3. Haz clic en el icono de interactividad. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/5cc9e284ce1ca94ebcf8ba9799fbc21d.png) 4. En la barra lateral de interactividad, selecciona **Abrir ventana.** 5. Elige la ventana que quieres usar. ### Ventana en blanco ¿Tienes clara la idea de cómo quieres que sea tu ventana? Empieza con una **ventana en blanco** y personaliza cada detalle. ### Reutilizar una ventana de la misma creación Si estás usando una plantilla de Genially que ya incluye ventanas, o ya has añadido ventanas al diseño, puedes reutilizarlas. Ahorrarás tiempo y mantendrás la coherencia. Encontrarás estas ventanas en **De esta creación:** ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/5e5c2fc7d037e41de91c48f16f6918f7.png) ### Diseños predefinidos En **Más ventanas** encontrarás una selección de ventanas predefinidas. Son fáciles de editar y te ayudan a organizar el contenido dentro del marco. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/03f46edaab7732c39e29c37f3aacdce7.png) 6\. Cuando encuentres un diseño que te guste, selecciona **Usar ventana.** 7\. La ventana se abrirá en modo edición. Si usas un diseño predefinido, sustituye el contenido de ejemplo por tu propio texto e imágenes. 8\. Cuando termines, haz clic en **Terminar edición**. Puedes volver a editar el contenido en cualquier momento. ## Cómo editar el contenido de una ventana 1. Selecciona el elemento interactivo. El botón de interactividad muestra qué interacciones has aplicado. 2. Haz clic en Ventana para editarla. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/299df398f726aa77ac9bd05874b5e100.png) 3. Edita el contenido y haz clic en **Terminar edición** cuando acabes. ## Cómo eliminar una ventana #### Opción 1: Desde editar ventana 1. Selecciona el elemento interactivo que activa la ventana. 2. Haz clic en **Ventana** para editarla. 3. Selecciona **Eliminar**. Esto quitará la ventana del elemento. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/2babd05d443da04b7746157c16fff8c5.png) #### Opción 2: Desde la barra lateral de interactividad 1. Selecciona el elemento interactivo que activa la ventana. 2. Haz clic en el icono de Interactividad (mano) para abrir la barra lateral. 3. Pasa el cursor sobre “Abrir ventana” y selecciona el icono de la papelera. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/3ebbc2fc182f2108f670ddccd0780851.png) Ten en cuenta que si eliminas el elemento desencadenante del lienzo, también se eliminarán todas las interacciones asociadas, incluidas las ventanas. ## Cómo combinar ventanas con otras interacciones ¿Quieres reproducir efectos de sonido cuando se abre la ventana? Sin problema. Puedes activar varias acciones desde un mismo elemento. Para añadir otra interacción a un elemento con ventana: 1. Selecciona el elemento interactivo. 2. Haz clic en el icono de **Interactividad** (mano). ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/bff6aef0595bc58bce9643d51dcf4dc1.png) 3. Selecciona **otra acción** de la lista de opciones compatibles. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/e9a668efb8916ce348595c9b541e2371.png) ## Ver cuántos clics ha recibido la ventana Utiliza [Activity](https://help.genially.com/en_us/how-to-get-a-metrics-overview-on-your-geniallys-r1WhswHno) para obtener datos en tiempo real sobre la interacción con tu contenido, incluidas las ventanas. Ten en cuenta que esta es una funcionalidad Premium. Para analizar cómo interactúa tu audiencia con elementos concretos, como las ventanas, asegúrate de nombrar los elementos interactivos en el [modo Diseñador.](https://help.genially.com/en_us/designer-mode-in-genially-HkxvowBho) ### Cómo activar el modo Diseñador 1. Ve al menú de **opciones de Genially (☰)** en la esquina superior izquierda del editor. 2. Accede a **Mostrar > Modo Diseñador** y activa el interruptor. 3. En **Capas**, renombra los elementos de la página. Los nombres descriptivos te ayudarán a identificar los elementos al analizar los datos. Por ejemplo, si quieres ver cuántas personas hacen clic en un botón para abrir una ventana, nómbralo en consecuencia. ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/42d9856f87a5614ca657b518535c0345.png) Para obtener datos de interacción de elementos dentro de la ventana, asegúrate de renombrar también los elementos **dentro de la ventana.** ### Cómo renombrar elementos interactivos dentro de una ventana: 1. Selecciona el elemento interactivo. 2. Haz clic en **Ventana** para editarla. 3. Activa el modo Diseñador mientras la ventana está abierta en modo edición. 4. En **Capas**, renombra los elementos interactivos de la ventana. Descubre más sobre los [datos de Activity](https://help.genially.com/en_us/how-to-get-a-metrics-overview-on-your-geniallys-r1WhswHno). ## Preguntas frecuentes #### ¿Cómo puedo guardar una ventana como plantilla para reutilizarla? Cuando creas una ventana (desde cero o con un diseño predefinido), se guarda **automáticamente.** Al añadir otra ventana en el mismo genially, todas las existentes aparecerán en la pestaña **De esta creación.** #### ¿Puedo añadir una ventana a un elemento dentro de otra ventana? No. Apilar ventanas unas sobre otras genera problemas de usabilidad y navegación, por lo que esta opción no está disponible. Si quieres añadir información dentro de una ventana, utiliza un [tooltip](https://help.genially.com/en_us/how-to-set-up-tooltip-interactivity-in-genially-HJcYcPBhj). Si el contenido es más amplio, te recomendamos usar una diapositiva o ventana independiente. #### ¿Puedo abrir una ventana al pasar el cursor (hover)? No. Por motivos de accesibilidad, las ventanas no son compatibles con el disparador hover. Si quieres mostrar información adicional al pasar el cursor, utiliza un [tooltip](https://help.genially.com/en_us/how-to-set-up-tooltip-interactivity-in-genially-HJcYcPBhj) o una interacción de [reveal](https://help.genially.com/en_us/how-to-set-up-reveal-interactivity-in-genially-B1LqcwHhi). [Descubre más sobre los triggers.](https://help.genially.com/en_us/how-to-trigger-interactions-on-hover-and-click-ry46CpKcg)