Como ajustar componentes na Landing Page

Bruno

Última atualização há 6 meses


Para adicionar componentes à sua Landing Page, clique no botão “+” (mais) no canto superior direito da tela, conforme destacado em verde.

Atualmente, é possível adicionar os seguintes componentes: Menu, Texto, Imagem, Botão, Campo, Vídeo, Embed, Forma e HTML.


Como mover os componentes

Para mover um componente, clique sobre ele para selecioná-lo e arraste-o até o local desejado.

Também é possível mover os componentes utilizando as teclas de seta do teclado: ← ↑ → ↓, conforme exemplificado abaixo:


Como redimensionar os componentes

Para redimensionar um componente, clique sobre ele e, no canto inferior direito, arraste a alça de redimensionamento até o tamanho desejado, conforme exemplificado abaixo:

OBS: Todos os componentes são redimensionáveis com exceção do Botão de redes socais do tipo ícone.


Como remover um componente
Para remover um componente, selecione-o clicando sobre ele e, no canto superior direito, clique no botão "X" para excluí-lo, conforme exemplificado abaixo:

Como selecionar múltiplos componentes

É possível selecionar e mover vários componentes de uma só vez. Para isso, pressione e segure a tecla SHIFT no teclado e, em seguida, clique sobre os componentes que deseja selecionar, conforme exemplificado abaixo:

OBS: Para mover os componentes selecionados utilizando as teclas de seta do teclado (← ↑ → ↓), solte a tecla SHIFT após fazer a seleção.

Desfazer uma alteração

Caso queira desfazer uma alteração realizada em sua Landing Page, vá até o canto superior direito e clique no "ícone de desfazer", conforme o exemplo abaixo:

Também é possível desfazer alterações utilizando as teclas "CTRL + Z".

Atualmente, a funcionalidade de desfazer está disponível para as seguintes ações:


  • Alteração de posição de componentes;

  • Redimensionamento (alteração de tamanho);

  • Modificação de propriedades (como cor, borda e imagem);

  • Criação de componentes;

  • Exclusão de componentes;

  • Travamento de componentes.


Modo Mobile

Assim como na versão Desktop, também é necessário ajustar os componentes para visualização em dispositivos móveis.

Para isso, clique no "ícone de telefone", localizado no canto superior direito da tela, para alternar para o Modo Mobile.

Em seguida, ajuste os componentes conforme necessário.

OBS: Recomendamos deixar uma margem nas laterais para garantir a responsividade em diferentes dispositivos.

Este artigo foi útil?

0 de 0 gostaram deste artigo