Saltar para o conteúdo
Elooo CRMCentral de Ajuda Ir para o site

Funis e sites

Como revisar e ajustar a versão para celular e tablet de uma página

No construtor, use o seletor de dispositivo (computador, tablet, celular) para ver e editar cada versão e digite uma largura em pixels em Largura do dispositivo para testar outras telas. O que muda no modo celular (ex.: tamanho de uma imagem) só se aplica ao celular.

Atualizado em

Antes de começar

  • Tenha a página criada em um funil ou site e aberta no construtor.
  • Faça primeiro a versão de computador. As versões de tablet e celular herdam dela até você personalizar.
  • Tenha um celular por perto para conferir no final: a visualização ajuda, mas o teste real é no aparelho.
Onde encontrar

Sites › Funis ou Sites › (abrir a página) › Editar › seletor de dispositivo (Computador / Tablet / Celular)

Passo a passo

Ver a página em cada dispositivo

  1. Abra Sites, escolha Funis ou Sites e clique em Editar na página.
  2. Na barra do construtor, clique no seletor de dispositivo e escolha Computador, Tablet ou Celular. O modo escolhido define qual versão você está vendo e editando.
  3. Para testar um tamanho específico, digite a largura em pixels no campo Largura do dispositivo, ao lado do seletor. Cada modo aceita um intervalo: computador de 1025 a 3000 px, tablet de 768 a 1024 px, celular de 320 a 767 px.
  4. Clique em Aplicar ou pressione Enter. A área de edição muda para essa largura; se ficar maior que a tela, use a barra de rolagem horizontal.
  5. Revise seções, linhas, colunas, textos e espaçamentos nessa largura. Repita com outras larguras ou em outro modo.
  6. Use a opção de redefinir para voltar à largura padrão do modo.

Ajustar o tamanho de uma imagem só no celular

  1. Mude para o modo Celular.
  2. Clique na imagem para abrir as configurações.
  3. Em Altura e Largura, digite os valores e escolha a unidade: px (fixo), % (relativo ao espaço disponível) ou rem/em (relativo ao texto). Dá para misturar unidades, por exemplo altura em px e largura em %.
  4. Salve. Esses valores se aplicam só ao celular; a versão de computador mantém os dela.
  5. Clique em Visualizar e confira nos dois modos.

Ajustar linhas e colunas no tablet

  1. Mude para o modo Tablet.
  2. Selecione a linha e ajuste a Largura.
  3. Para redistribuir colunas vizinhas, arraste a alça entre elas.
  4. Volte ao modo Computador para conferir que nada mudou lá e salve.

Dicas

  • A largura digitada em Largura do dispositivo é só para visualizar: não cria um novo ponto de quebra, não fica salva e não muda a página publicada. Ao recarregar o construtor, volta ao padrão.
  • No celular, as linhas ocupam sempre toda a largura e as colunas se empilham uma sobre a outra; o controle de largura da linha fica escondido.
  • O tablet herda as larguras do computador. Para voltar a herdar depois de personalizar, coloque a largura da linha no tablet igual à do computador.
  • Se você não definir dimensões para o celular, a imagem usa as do computador, que costumam ser grandes demais para telas pequenas.

Problemas comuns

  • O campo de largura não aceita o valor → Está fora do intervalo do modo escolhido. Mude de modo (ex.: para tablet) ou digite um valor dentro do intervalo.
  • Mudei o tamanho no celular e mudou também no computador → Confira se o seletor estava em Celular antes de editar. As alterações se aplicam ao modo que estiver selecionado.
  • A imagem continua enorme no celular → Ela ainda não tem dimensões próprias para celular. No modo Celular, defina a largura em % (ex.: 100%) para acompanhar a tela.
  • As colunas ficam estreitas demais no tablet → No modo Tablet, arraste a alça entre as colunas ou ajuste a largura da linha. Isso não altera a versão de computador.
  • No celular de verdade fica diferente da visualização → Publique a página e abra o endereço no celular; se usar várias larguras na mesma página, confira cada seção no modo Celular.

Isso foi útil?