# Como criar e editar janelas

> Se tivéssemos que etiquetar todos os ingredientes que compõem Genially a animação a inovação e a interatividade seriam as três primeiras a serem criadas     

Source: https://help.genially.com/pt_br/como-criar-e-editar-janelas-SkEpA0QUn

Last updated: 2026-05-12T12:01:43.092Z

As janelas — também conhecidas como modais, overlays ou pop-ups — são uma ótima forma de adicionar **camadas** extras de informação aos seus conteúdos no Genially.

Uma janela é um elemento interativo que se abre quando as pessoas clicam em um [elemento de acionamento](https://help.genially.com/en_us/how-to-trigger-interactions-on-hover-and-click-ry46CpKcg) (como um botão ou ícone).

  

Use janelas para:

*   Oferecer conteúdo adicional sob demanda
*   Dividir a informação em partes mais fáceis de entender
*   Inserir conteúdos multimídia, como vídeos
*   Propor atividades extras para seu público

e muito mais!

As janelas podem incluir a maioria dos mesmos conteúdos e funcionalidades de uma página ou slide completo do Genially. Isso inclui imagens, interações, animações, áudio, vídeo, [perguntas interativas](https://help.genially.com/en_us/interactive-questions-on-genially-H1_tCj1en) e muito mais. Você pode até incorporar outro Genially dentro de uma janela!

  

### Como criar uma janela

A janela será aberta quando a pessoa clicar em um **elemento**. Pode ser um elemento visível (como uma imagem, botão, ícone ou caixa de texto) ou uma [área interativa](https://help.genially.com/en_us/interactive-areas-add-interactivity-to-any-part-of-your-creation-Hy3O9DBhj) invisível.

Antes de criar o conteúdo da janela, escolha qual elemento vai acioná-la.

1.  Abra o editor do Genially.
2.  Selecione um elemento no canvas. Esse elemento será o responsável por abrir a janela ao clicar.
3.  Clique no ícone de interatividade.  
    ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/650463bfa0b8dce2bbd8ceabf043c4d5.png)
4.  Na barra lateral de interatividade, selecione **Abrir janela.**
5.  Escolha a janela que você quer usar.

  

### Janela em branco

Já sabe como quer que sua janela seja? Comece com uma **janela em branco** e personalize todos os detalhes.

  

### Reutilizar uma janela da mesma criação

Se você estiver usando um template do Genially que já inclui janelas, ou se já adicionou janelas ao seu design, pode reutilizá-las. Assim você economiza tempo e mantém consistência.

Você encontrará essas janelas em **Desta criação:**

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/5592d3edaf2b27e9c9a31e1586b6e060.png)

  

### Layouts prontos

Em **Mais janelas,** você encontrará uma seleção de janelas prontas. Fáceis de editar, elas ajudam a organizar o conteúdo.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/b9f7006eba0cb4fe4e7d818427d62ca7.png)

  

6\. Quando encontrar um design que goste, selecione **Usar janela.**

7\. A janela será aberta no modo de edição. Se estiver usando um layout pronto, substitua o conteúdo de exemplo pelos seus textos e imagens.

8\. Quando terminar, clique em **Concluir edição.** Você pode voltar a editar o conteúdo a qualquer momento.

  

## Como editar o conteúdo de uma janela

1.  Selecione o elemento interativo. O botão de interatividade mostra quais interações foram aplicadas.
2.  Clique em **Janela** para editá-la.  
    ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/4a1487c3e56a5919ad876d8548ca90ab.png)
3.  Edite o conteúdo e clique em **Concluir edição** quando terminar.

  

## Como remover uma janela

#### Opção 1: pela edição da janela

1.  Selecione o elemento interativo que aciona a janela.
2.  Clique em **Janela** para editá-la.
3.  Selecione **Excluir**. Isso removerá a janela do elemento.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/b8bea425c7ee2c47cb6ccf8506b34fa6.png)

  

#### Opção 2: pela barra lateral de interatividade

1.  Selecione o elemento interativo que aciona a janela.
2.  Clique no ícone de Interatividade (mão) para abrir a barra lateral.
3.  Passe o cursor sobre “Abrir janela” e selecione o ícone da lixeira.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/7e7a5629d0b1f2c464ec7627eba87ded.png)

  

Lembre-se de que, ao excluir o elemento de acionamento do canvas, todas as interações associadas também serão removidas, incluindo as janelas.

  

## Como combinar janelas com outras interações

Quer reproduzir efeitos sonoros quando a janela abrir? Sem problema. Você pode acionar várias ações a partir do mesmo elemento.

Para adicionar outra interação a um elemento com janela:

1.  Selecione o elemento interativo.
2.  Clique no ícone de **Interatividade** (mão).  
    ![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/b04a20fc3a794482e6fac434e8d5a7f4.png)
3.  Selecione **outra ação** na lista de opções compatíveis.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/0ebcc0234d795bf3157bb3c9c44eefe6.png)

  

## Ver quantos cliques a janela recebeu

Use [Activity](https://help.genially.com/en_us/how-to-get-a-metrics-overview-on-your-geniallys-r1WhswHno) para obter dados em tempo real sobre o engajamento com seu conteúdo, incluindo as janelas. Esse recurso está disponível nos planos Premium.

Para analisar como seu público interage com elementos específicos, como janelas, certifique-se de nomear os elementos interativos no [modo Designer.](https://help.genially.com/en_us/designer-mode-in-genially-HkxvowBho)

  

### Como ativar o modo Designer

1.  Acesse o menu **opções do Genially (☰)** no canto superior esquerdo do editor.
2.  Vá em **Mostrar > Modo Designer** e ative o botão.
3.  Em **Camadas**, renomeie os elementos na página.

Nomes descritivos ajudam você a identificar os elementos ao analisar os dados. Por exemplo, se quiser saber quantas pessoas clicam em um botão para abrir uma janela, nomeie-o de forma clara.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/7b9046e4f76a401b6a3e4cbbbba7de73.png)

  

Para obter dados de interação de elementos dentro da janela, certifique-se de renomear também os elementos **dentro da janela.**

  

### Como renomear elementos interativos dentro de uma janela:

1.  Selecione o elemento interativo.
2.  Clique em **Janela** para editá-la.
3.  Ative o modo Designer enquanto a janela estiver aberta no modo de edição.
4.  Em **Camadas**, renomeie os elementos interativos.

Saiba mais sobre os [dados de Activity.](https://help.genially.com/en_us/how-to-get-a-metrics-overview-on-your-geniallys-r1WhswHno)

  

## Perguntas frequentes

#### Como posso salvar uma janela como template para reutilizá-la?

Quando você cria uma janela (do zero ou usando um layout pronto), ela é salva **automaticamente**. Ao adicionar outra janela no mesmo genially, todas as existentes aparecem na aba **Desta criação.**

  

#### Posso adicionar uma janela a um elemento dentro de outra janela?

Não. Sobrepor janelas gera problemas de usabilidade e navegação, por isso essa opção não está disponível. Se quiser adicionar informações dentro da janela, use um [tooltip](https://help.genially.com/en_us/how-to-set-up-tooltip-interactivity-in-genially-HJcYcPBhj). Para conteúdos mais longos, recomendamos usar um slide ou uma janela separada.

  

#### Posso abrir uma janela ao passar o mouse (hover)?

Não. Por questões de acessibilidade, as janelas não são compatíveis com o acionamento por hover. Se quiser mostrar informações adicionais ao passar o mouse, use um [tooltip](https://help.genially.com/en_us/how-to-set-up-tooltip-interactivity-in-genially-HJcYcPBhj) ou uma interação de [reveal](https://help.genially.com/en_us/how-to-set-up-reveal-interactivity-in-genially-B1LqcwHhi).

[Saiba mais sobre triggers.](https://help.genially.com/en_us/how-to-trigger-interactions-on-hover-and-click-ry46CpKcg)