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;

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

3. Clique para fazer o upload de uma imagem;

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";

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

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;

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);

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;

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

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.

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

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).

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

Atualizado em: 14/08/2026