> ## 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 e editar IMAGENS na sua Landing Page


Para **adicionar imagens no GreatPages**, siga os passos abaixo:

1. Faça login e acesse o editor de páginas;

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

2. No meu lateral esquerdo do editor, clique em **Adicionar imagem**;

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

3. Clique para fazer o upload de uma imagem;

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

4. Em seguida, selecione a imagem desejada e ela abrirá no mesmo instante dentro do seu editor. Você pode aumentá-la e diminuí-la na página arrastando e soltando as guias dos lados da da imagem, e poderá cortá-la utilizando a função **"Recortar imagem"**;

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

5. Além disso, clicando em **"Editar"** você poderá abrir as opções de configurações dessa imagem;

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

6. Quando fizer isso, abrirá ao lado as opções de Edições de **Estilos**, e a primeira delas é o **"Adicionar Link"**, onde é possível configurar que ao clicar na imagem o visitante será redirecionado para um **Link externo** (outra URL), um **Link interno** (para outro bloco dentro da página) ou para um **Pop-up** (uma caixa que irá abrir na tela;

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

7. Logo abaixo da configuração do link, você poderá clicar em "**Arquivo**" para alterar essa imagem, ou adicionar uma "**Descrição**" para a imagem (essa descrição ajuda na SEO da página);

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

8. Depois disso, será possível editar os **Filtros** da imagem, fazendo edições no visual da mesma. São eles: **Tonalidade, saturação, brilho, contraste, inverter** ou **sépia**;

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

9. Ainda nas configurações de **Estilos**, você poderá configurar as **bordas** do elemento, adicionar **sombras** e alterar a **opacidade** da imagem;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-14-as-_ffhx8r.png =650x537)
10. Por último, na tela de **Estilos** temos a configuração de **animação**, onde todos os efeitos possuem as opções de configurações abaixo;

* **Efeito**: Selecione o estilo de efeito desejado para o elemento. Alternando entre os efeitos, você pode ver como cada um funciona.
* **Direção**: Aqui você pode definir a direção da animação, por exemplo: para cima, para baixo, para a direita ou para a esquerda.
* **Velocidade**: Aqui você define a velocidade da sua animação. Quanto mais próximo de 250 ms, mais rápida a animação; quanto mais próximo de 2000 ms, mais lenta a animação.
* **Atraso**: Esta configuração permite definir o tempo de atraso da sua animação. Este tempo varia de 0 ms a 2000 ms.
* **Repetir**: Nesta função, você pode escolher se a animação aparecerá apenas uma vez ou continuamente.

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

11. Depois disso, na tela **Configurar** você poderá alterar a **Visibilidade** da imagem, podendo deixá-la oculta no Desktop ou Mobile;

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

12. E por último, acessando a tela **Código** você terá acesso ao **ID** e ao **HTML** do elemento (use este campo apenas se tiver conhecimento suficiente em HTML para alterá-lo. Caso seu código não funcione, poderá desfazer a ação).

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

Esperamos ter ajudado! Qualquer dúvida entre em contato com nosso suporte. :)