--- title: Como usar o recurso Primeiro Plano (Modal) no Applique Slides description: Como criar um pop-up que abre ao clicar? O que é um modal? Como configuro o botão de Primeiro Plano? Posso colocar um vídeo dentro de um pop-up? --- [Pular para o conteúdo](https://acervo.mobiliza.com.br/base-conhecimento/como-usar-o-recurso-primeiro-plano-modal-no-applique-slides#main-content) Português - Brasil Mostrar submenu para traduções ![Mobiliza](https://acervo.mobiliza.com.br/hs-fs/hubfs/unnamed-2.png?width=360&height=105&name=unnamed-2.png) Abrir navegação principal Fechar navegação principal - Português - Brasil Mostrar submenu para traduções Este é um campo de pesquisa com recurso de sugestão automática incluído. - Não há sugestões porque o campo de pesquisa está em branco. 1. [Central do Conhecimento](https://acervo.mobiliza.com.br/base-conhecimento) 2. [Applique](https://acervo.mobiliza.com.br/base-conhecimento/applique) 3. [Applique Slides](https://acervo.mobiliza.com.br/base-conhecimento/applique#applique-slides) # Como usar o recurso Primeiro Plano (Modal) no Applique Slides ## O recurso Primeiro Plano, também conhecido como Modal ou pop-up, é uma ferramenta interativa do Applique Slides que permite exibir informações adicionais em uma janela que se sobrepõe ao slide principal. É a solução ideal para apresentar conteúdos complementares, como glossários, biografias, estudos de caso ou instruções detalhadas, sem que o aluno precise sair da tela atual. #### Como adicionar e configurar o botão de acionamento. O modal é acionado por um botão. O primeiro passo é configurar a aparência deste botão. 1. Na barra de ferramentas inferior do editor, clique no ícone **Primeiro Plano**. Um botão padrão será adicionado ao seu slide. ![](https://acervo.mobiliza.com.br/hs-fs/hubfs/image-png-Sep-25-2025-04-21-58-0843-PM.png?width=454&height=485&name=image-png-Sep-25-2025-04-21-58-0843-PM.png) 2. Dê um **clique duplo** no botão para abrir o painel de configurações. Nele, você pode: - **Alterar o texto do botão: escreva** um chamado claro, como "Clique aqui" ou "Saiba Mais". - **Definir o formato:** escolha entre um botão **pequeno** ou **grande**, e entre o formato **quadrado** ou **circular**. - **Personalizar a cor: altere** a cor do botão para alinhá-lo à sua identidade visual. - **Adicionar uma imagem:** substitua o texto por uma imagem ou ícone para criar um botão totalmente customizado. ![](https://acervo.mobiliza.com.br/hs-fs/hubfs/image-png-Sep-25-2025-04-22-27-7196-PM.png?width=518&height=292&name=image-png-Sep-25-2025-04-22-27-7196-PM.png) #### Como editar o conteúdo do Modal (pop-up) Após configurar o botão, o próximo passo é adicionar o conteúdo que aparecerá na janela pop-up. 1. Com o botão selecionado, o painel de configurações mostrará a opção **“Editar Modal”**. Clique nela. 2. Você entrará no modo de edição do modal. Primeiro, escolha o tamanho da janela: **pequena**, **média** ou **grande**. 3. Com o tamanho definido, comece a adicionar os elementos de conteúdo na área do modal, utilizando a barra de ferramentas inferior para inserir **Caixas de Texto**, **Imagens**, **Vídeos**, etc. ![](https://acervo.mobiliza.com.br/hs-fs/hubfs/image-png-Sep-25-2025-04-23-00-4513-PM.png?width=670&height=596&name=image-png-Sep-25-2025-04-23-00-4513-PM.png) Lembre-se que o conteúdo do modal deve ser conciso. O objetivo não é criar um novo slide completo, mas sim apresentar uma informação complementar de forma rápida e objetiva. #### Dúvidas Frequentes (FAQ) - **O aluno é obrigado a abrir o modal para avançar no curso?** Não. A interação com o recurso **Primeiro Plano** é opcional e possibilita aprofundar o conhecimento. O aluno pode avançar para o próximo slide sem precisar clicar no botão. - **O modal funciona bem em dispositivos móveis?** Sim, o recurso é totalmente responsivo. Em telas menores, o modal se ajustará para garantir uma boa experiência de leitura e interação em celulares e tablets. - **Posso adicionar outros elementos interativos, como um slider, em um modal?** Sim. A área de edição do modal se comporta como um mini slide, permitindo que você adicione a maioria dos outros recursos interativos do *Applique Slides*, criando experiências ricas e em camadas. Se encontrar qualquer dificuldade, entre em contato com nosso time de suporte através do chat ou pelo e-mail meajuda@mobiliza.com.br. - [Geral](https://acervo.mobiliza.com.br/base-conhecimento/geral#main-content) - [Mobile](https://acervo.mobiliza.com.br/base-conhecimento/geral#mobile) - [Perguntas frequentes](https://acervo.mobiliza.com.br/base-conhecimento/perguntas-frequentes#main-content) - [Plataforma](https://acervo.mobiliza.com.br/base-conhecimento/perguntas-frequentes#plataforma) - [Integração](https://acervo.mobiliza.com.br/base-conhecimento/perguntas-frequentes#integração) - [Capas](https://acervo.mobiliza.com.br/base-conhecimento/perguntas-frequentes#capas) - [Certificado](https://acervo.mobiliza.com.br/base-conhecimento/perguntas-frequentes#certificado) - [Applique](https://acervo.mobiliza.com.br/base-conhecimento/applique#main-content) - [Applique Slides](https://acervo.mobiliza.com.br/base-conhecimento/applique#applique-slides) - [Applique OnePage](https://acervo.mobiliza.com.br/base-conhecimento/applique#applique-onepage) - [Applique Magic](https://acervo.mobiliza.com.br/base-conhecimento/applique#applique-magic) - [Applique](https://acervo.mobiliza.com.br/base-conhecimento/applique#applique) - [Login](https://acervo.mobiliza.com.br/base-conhecimento/applique#login) - [Mobiliza LMS | Painel Administrativo](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#main-content) - [Relatórios](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#relatórios) - [Conteúdos](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#conteúdos) - [Eventos](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#eventos) - [Trilhas](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#trilhas) - [Acervo](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#acervo) - [Alunos](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#alunos) - [Líderes](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#líderes) - [Administradores](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#administradores) - [Comunicados](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#comunicados) - [Customização](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#customização) - [Ajustes](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#ajustes) - [Jornadas automatizadas](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#jornadas-automatizadas) - [Painel](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#painel) - [e-mail de engajamento](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#e-mail-de-engajamento) - [Refazer curso](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#refazer-curso) - [Liderados](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#liderados) - [Armazenamento](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#armazenamento) - [e-mail](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#e-mail) - [Reutilizar](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#reutilizar) - [Login](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#login) - [academia](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#academia) - [Integração](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#integração) - [Publicação](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#publicação) - [Certificado](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#certificado) - [Avaliação](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#avaliação) - [SCORM](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#scorm) - [Obrigatório](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#obrigatório) - [banner](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#banner) - [Dashboard](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#dashboard) - [Automações](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-administrativo#automações) - [Mobiliza LMS | Painel do Aluno](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-do-aluno#main-content) - [Cursos](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-do-aluno#cursos) - [Mural](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-do-aluno#mural) - [Meu histórico](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-do-aluno#meu-histórico) - [Certificados](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-do-aluno#certificados) - [Aluno](https://acervo.mobiliza.com.br/base-conhecimento/mobiliza-lms-painel-do-aluno#aluno) - [Atualizações de Produto](https://acervo.mobiliza.com.br/base-conhecimento/atualiza%C3%A7%C3%B5es-de-produto#main-content) - [Mobiliza LMS](https://acervo.mobiliza.com.br/base-conhecimento/atualiza%C3%A7%C3%B5es-de-produto#mobiliza-lms) - [Applique](https://acervo.mobiliza.com.br/base-conhecimento/atualiza%C3%A7%C3%B5es-de-produto#applique) [![Chill listening crop-3](https://acervo.mobiliza.com.br/hs-fs/hubfs/logo-email-marca-fundo-claro.png?width=111&height=24&name=logo-email-marca-fundo-claro.png "Chill listening crop-3")](http://mobiliza.com.br) Copyright © 2026, Mobiliza