Um site responsivo é aquele cujo conteúdo se ajusta automaticamente ao tamanho da tela do dispositivo em que está sendo visualizado. Seja no computador ou celular, o layout se adapta para proporcionar uma experiência mais agradável e atrativa ao usuário.
A seguir, vou te mostrar como fazer essas edições na sua página. Você aprenderá:
- Como editar uma página para dispositivos Web;
- Como editar uma página para smartphones;
- Ocultamento de elementos.
💡 Atenção: O editor do Hotmart Pages se adapta automaticamente a qualquer dispositivo, seja computador ou celular, ajustando-se aos diferentes tamanhos de tela e resoluções. Assim, você garante uma navegação consistente para os usuários. As alterações feitas no desktop são aplicadas automaticamente na versão mobile, e o mesmo ocorre ao contrário.
Essa abordagem garante que o seu conteúdo seja exibido da melhor forma em qualquer dispositivo, oferecendo uma experiência otimizada para todos os usuários que acessarem a página.
Como editar uma página para dispositivos Web
Por padrão, todas as páginas criadas no Hotmart Pages serão editadas inicialmente na opção de visualização para computador.
1. Na parte superior central do menu, clique no ícone Computador:
2. Realize as edições que você deseja na página:
Como editar uma página para celulares
Para começar com as edições nos dispositivos smartphones, basta selecionar o ícone.
1. Na parte superior do menu, clique no ícone Celular:
2. Realize as edições que você deseja na página:
💡 Importante: Algumas ações são sincronizadas entre o computador e o celular, ou seja, se você fizer uma alteração no computador, ela será refletida no celular, e vice-versa. Essas ações incluem:
- Conteúdo
- Estruturas
- Fontes
- Links
- Imagens
Por outro lado, algumas configurações podem ser personalizadas separadamente para o computador ou celular, ou seja, se você ajustar no celular, isso não afetará o computador. Entre elas estão:
- Tamanho da fonte
- Tamanho (altura e largura de elementos)
- Margens
- Padding
- Alinhamento de textos
💡 Atenção: Quando o usuário realiza uma dessas personalizações, um ícone aparece na barra lateral, indicando que essa é uma configuração específica para o celular. Para voltar para a configuração do computador, apenas clique no X.
Ocultamento de elementos
Para proporcionar mais flexibilidade, será possível ocultar elementos (de qualquer tipo) em um dispositivo específico, como exibir uma imagem apenas no celular ou apenas no computador.
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.