O que são 'Seções' nas Landing Pages? Como configurar as seções?

Criada por Isabelle Fernandes, Modificado em Ter, 7 Mar, 2023 na (o) 3:02 PM por Isabelle Fernandes

Disponível no Freshmarketer: Growth, Pro e Enterprise.

Suite Freshsales: Growth, Pro e Enterprise.

 

O construtor Landing Pages permite que os usuários criem páginas iniciais personalizadas a partir de um conjunto existente de modelos. No entanto, os usuários também podem personalizar esses modelos de acordo com seus gostos ou criar seus próprios com elementos fornecidos por seu aplicativo da web. 


Cada Landing Page em seu aplicativo da web segue esta hierarquia: Seção > Linha > Coluna > Elementos


Este artigo cobre  a SeçãoPara saber mais sobre os outros atributos estruturais, consulte os respectivos artigos —  Rows ,  Column e  Elements

Seção 


Uma seção refere-se a cada dobra em sua página de destino. Uma seção é o elemento onde você pode adicionar linhas para configurar sua página de destino. Veja como você pode configurar sua seção.
 

  • Layout da Seção  :  cada seção em uma página de destino é organizada verticalmente. Você pode alterar a ordem de uma seção arrastando-a para cima ou para baixo. Você também pode clonar uma seção clicando no  botão Copiar  ícone.


    Para alterar as propriedades Para adicionar uma nova seção, clique em Isso abre a galeria de seções onde você pode configurar sua seção.
      

  • Galeria de Seções:  Configure sua seção usando uma das duas opções:

    • Adicionar uma seção em branco:  clique em para adicionar uma seção em branco à dobra. Depois que uma seção for adicionada, configure o número de colunas que deseja adicionar à seção.    



      Depois de escolher o número de colunas, a seção será preenchida com um layout onde você pode optar por adicionar Elementos.

    • Escolha a partir de um modelo:  em vez de criar uma seção do zero, você também pode optar pelos modelos fornecidos pelo seu aplicativo da web. Você pode escolher um dos seguintes modelos

      Clique  para adicionar o modelo escolhido à página inicial. Agora que a seção foi adicionada, você pode configurar as propriedades da seção. 

  • Configurações da seção:  Configure a propriedade de cada seção. Aqui está o que você pode modificar para cada seção:


  • Nome:  adicione um nome a cada seção para facilitar a classificação.


  • Cor do plano de fundo:  altere o plano de fundo escolhendo uma das cores predefinidas.


    Você também pode escolher uma cor que combine com o tema da sua marca clicando em , adicionando o Hex Code, e clique em para adicionar a cor à sua paleta.


  • Imagem de fundo:  você pode adicionar ou substituir uma imagem de fundo em sua seção. Clique em  Substituir imagem  para carregar uma nova imagem. Isso abre uma caixa de diálogo onde você pode escolher uma imagem do computador ou uma imagem da internet e adicioná-la à página inicial.


    Banco de imagens:  você pode pesquisar imagens de estoque na barra de pesquisa ou clicar no menu suspenso e escolher entre as categorias oferecidas.


    Depois de escolher uma imagem, clique em para adicionar a imagem ao fundo.

  • Estilo:  Configure o estilo da seção. Escolha se deseja esticar o conteúdo da seção de ponta a ponta, mantenha a altura total e defina o efeito de fundo como paralaxe. Use a alternância para ativar ou desativar esses estilos.


  • Espaçamento:  Alterne entre 'Horizontal' e 'Vertical' para configurar o espaçamento das seções, respectivamente. Nas direções – horizontal ou vertical – você pode definir a Margem e o Preenchimento. https://freshsales.wistia.com/medias/pmud9h8drc
     

    • Margem  é o espaçamento entre a seção e outras seções adjacentes.

    • Preenchimento  é o espaçamento entre os elementos dentro da seção.

Escolha a quantidade de espaçamento que deseja definir entre os elementos das seções. Você pode escolher entre as seguintes opções com base em suas preferências:

  • XS (Extra Small)  - para telas menores que 576px

  • SM (Pequeno)  - para telas iguais ou superiores a 576px de largura - idealmente, telefones e tablets 

  • MD (Médio) -  para telas iguais ou superiores a 768px de largura, tablets e pequenos laptops 

  • LG (Grande) -  para telas iguais ou superiores a 992px de largura - para laptops e desktops  

  • XL (Extra Large) -  para telas iguais ou superiores a 1200px

  • No Padding/ No Margin  - Não deixa espaço para preenchimentos e margens 



  • Visibilidade:  Defina a visibilidade da seção. Opte por mostrá-lo apenas no computador, no celular ou em ambos.





Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo