Agora o editor do Hotmart Pages se adapta a diferentes dispositivos, tamanhos de tela e resoluções, oferecendo uma experiência de navegação agradável e consistente para seus usuários.
Aprenda como criar uma página responsiva com design moderno e funcionalidades que se ajustam automaticamente às diferentes telas de smartphones e computadores.
No vídeo abaixo mostramos o passo a passo de como realizar essas configurações.
Índice:
- Editando páginas para smartphones
- Editando uma página para dispositivos web
- Editando uma página para dispositivos smartphones
Editando páginas para smartphones
Na nova versão do editor de páginas, temos a opção de realizar edições para diferentes tipos de dispositivos. Use a opção de responsividade para alterar os elementos da sua página de acordo com cada tipo de visualização e tamanho de tela.
Ao fazermos alterações para os diferentes dispositivos, existe uma hierarquia ou fluxo de alteração que será respeitada pelo sistema. Quando alteramos a nossa página pela opção default, dispositivos web, todas essas alterações serão refletidas para os smartphones.
Porém, quando alteramos selecionando a opção smartphones, as alterações serão salvas apenas para smartphones.
Essa regra de hierarquia, porém, não acontecerá quando for realizada alguma mudança na estrutura da página, exemplo: alterar a posição/ordem dos elementos na página, excluir qualquer elemento da página. Para esses casos, independente de qual dispositivo esteja selecionado para edição, as alterações impactarão os demais.
Editando uma página para dispositivos web
Use esta opção para editar o modo que sua página será visualizada em dispositivos web.
Por padrão, todas as páginas que comecem a ser criadas serão editadas na opção de visualização para dispositivos web.
-
No menu, na parte superior da tela, clique no ícone:
- Realize as edições e adaptações que você deseja na sua página
💡 Dica
Respeitando a hierarquia de alteração nas opções de visualização: Web>Mobile, comece criando sua página na versão web e depois faça as alterações e adaptações necessárias para smartphones, desta forma, você terá uma versão personalizada e adaptada para cada um dos dispositivos.
Editando uma página para dispositivos smartphones
Use esta opção para editar o modo que sua página será visualizada em dispositivos Smartphones e Mobile.
- No menu, na parte superior da tela, clique no ícone:
- Realize as edições e adaptações que você deseja na sua página
💡 Dica
Respeitando a hierarquia de alteração nas opções de visualização: Web>Mobile, comece criando sua página na versão web e depois faça as alterações e adaptações necessárias para smartphones, desta forma, você terá uma versão personalizada e adaptada para cada um dos dispositivos.
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.