Se você deseja utilizar algum elemento na construção da sua página, como textos, imagens e botões, saiba que, para isso, será necessário incluir uma nova estrutura, principalmente se você estiver trabalhando com uma página em branco.
As estruturas foram criadas para dividir e delimitar as seções em blocos menores, o que contribui para o surgimento de novos formatos de templates e organizações de elementos.
Caso prefira, abaixo você vai encontrar um tutorial em vídeo com um passo a passo simples e prático para te ajudar.
💡 Atenção: O editor do Hotmart Pages se adapta a diferentes dispositivos (desktop, tablet e mobile), tamanhos de tela e resoluções, oferecendo uma experiência de navegação agradável e consistente para seus usuários. Ao realizar ajustes no seu conteúdo, lembre-se de verificar como as edições impactam nos diferentes formatos de tela, pois:
- As edições feitas no desktop serão automaticamente atualizadas nas versões tablet e mobile.
- As alterações feitas na versão tablet também serão refletidas na versão mobile.
- Já as edições feitas na versão mobile serão aplicadas exclusivamente nesse formato.
Essa abordagem assegura que o seu conteúdo seja visualizado da melhor maneira possível em qualquer dispositivo, proporcionando uma experiência consistente e otimizada para todos que visualizarem a página.
Índice:
Vamos lá?
Como adicionar linha
A Linha é um espaço dentro da seção que mantém conteúdos e elementos organizados de forma responsiva, ou seja, eles se adaptam em diferentes formatos de tela.
Ela é a primeira estrutura que você deve inserir na sua página, pois se o objetivo é utilizar uma imagem ou dividir a seção em colunas, por exemplo, isso será feito dentro de uma linha.
Você pode combinar uma linha com as demais estruturas, podendo adicionar colunas ou caixas dentro da própria linha que você acabou de criar.
Você pode adicionar uma linha de duas maneiras:
1. Se estiver trabalhando em uma seção em branco, criando a sua página do zero, você precisa clicar em “Clique aqui para arrastar e soltar estruturas ou elementos”, selecione a “Linha” e arraste para a sua página;
2. Ou se deseja adicionar uma nova seção ao seu template, clique em “Adicionar estruturas e elementos”, representada pelo sinal “+”, no menu lateral esquerdo, clique em “Linha” e arraste para a área de edição da sua página.
Como adicionar uma coluna
Como o próprio nome já diz, a Coluna tem como objetivo dividir uma linha em 2 ou mais espaços, possibilitando que você trabalhe com mais elementos em uma mesma seção.
Dessa forma, você conseguirá, por exemplo, adicionar em uma mesma linha um título à esquerda e um vídeo à direita.
É importante ressaltar que no formato Web a divisão de uma linha cria colunas na horizontal, ou seja, uma do lado da outra. Já nas versões para tablet e smartphone, as colunas se formam na vertical, ou seja, uma embaixo da outra.
Para adicionar uma coluna, você precisa primeiro ter adicionado uma linha em sua página e depois fazer os seguintes passos:
1. Clicar em “Clique aqui para arrastar e soltar estruturas ou elementos”, selecionar “Coluna” e arrastar para dentro da linha na sua página;
2. Ou clicar em “Adicionar estruturas e elementos”, representada pelo sinal “+”, no menu lateral esquerdo, clicar em “Coluna” e arrastar para dentro da linha criada na edição da sua página.
Como adicionar uma caixa
A Caixa é uma estrutura dentro da qual você poderá inserir um ou mais elementos que seguirão os mesmos ajustes.
Por exemplo, vamos supor que você deseja adicionar um título e um botão dentro de uma caixa. Esses dois elementos estarão sempre alinhados, pois se encontram juntos numa mesma caixa, correspondendo à mesma orientação que foi ajustada na estrutura.
Uma caixa pode ser inserida diretamente dentro de uma linha, na qual a sua posição inicial será centralizada, ou pode ser adicionada dentro de uma coluna, seguindo a organização da mesma.
Para adicionar uma caixa, basta seguir os mesmos passos das outras estruturas:
1. Se estiver trabalhando em uma seção em branco, clique em “Clique aqui para arrastar e soltar estruturas ou elementos”, selecione a “caixa” e arraste para a página;
2. Ou se deseja criar uma nova seção em uma página em branco ou em um modelo de template, clique em “Adicionar estruturas e elementos”, representada pelo sinal “+”, no menu lateral esquerdo, clique em “Caixa” e arraste para a área de edição da sua página.
Tem alguma dúvida ou precisa de ajuda?
Se você já é cliente, nossos canais de atendimento estão disponíveis na própria plataforma. Ao efetuar o login na sua conta, basta clicar no botão de ajuda (?) localizado no canto superior direito.
Se você ainda não é cliente e não encontrou resposta para sua dúvida aqui na nossa Central de Ajuda, pode nos enviar um email através do formulário, clicando aqui.
*Imagens meramente ilustrativas. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.