> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/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).

# Como adicionar uma MODAL ou POP-UP no GreatPages

No GreatPages você pode acionar uma **Modal** ou **Pop-up** tanto através do clique em um botão, quanto em uma imagem, ícone ou texto.

1. Acesse o seu editor de páginas

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_pumal1.png =650x385)

2. Independente de qual seja o elemento você precisará clicar em "**Editar"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_11hcg3f.png =650x356)

3. Após isso irá abrir uma tela de configurações no lado esquerdo, onde você precisará clicar em **"Adicionar link"** e selecione **"Pop-up"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_10qpql8.png =650x452)

5. Quando fizer isso, abrirá uma tela onde poderá personalizar a parte visual do elemento como quiser;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_557kgy.png =650x445)

###### FUNDO

* **Cor de fundo:** Cor definida para o pop-up.
* **Imagem de fundo:** Imagem de fundo do pop-up.

###### BORDA

* **Estilo definido:** Configuração da definição das bordas do elemento de caixa.

###### SOMBRA

* **Estilo definido:** Configuração da sombra das bordas do elemento de caixa.

###### BOTÃO DE FECHAR

* **Cor do X:** Cor definida para o ícone de X de fechar elemento.
* **Fundo do X**: Cor de fundo do ícone de X de fechar elemento.
* **Cor do hover:** Cor para o efeito de hover do ícone de X para fechar elemento.
* **Fundo do hover:** Cor definida para o efeito do hover (passar o mouse) do ícone de fechar elemento.

6. Depois de estilizar seu pop-up você poderá terminar de editar adicionando os elementos, clicando no ícone de **"+"** no canto superior esquerdo da tela, e clicando para adicionar os elementos que deseja.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_152pj3b.png =650x671)

Esperamos ter ajudado! Qualquer dúvida, acione o suporte. :)