Central de conhecimento HubSpot

Personalizar o conteúdo de arrastar e soltar em dispositivos móveis

Written by HubSpot Support | 7/out/2020 19:22:52

No editor de conteúdo, você pode personalizar como o conteúdo da página é exibido para dispositivos móveis ou de desktop. Você pode editar a visibilidade de elementos específicos com base no tipo de dispositivo. Você também pode personalizar margens e preenchimento especificamente para pontos de interrupção móveis. Saiba mais sobre como criar e editar conteúdo no editor de conteúdo


Observe: somente os temas padrão do HubSpot e alguns temasMarketplace de modelos incluem edição móvel. Por padrão, os temas personalizados não incluem edição móvel. Para implementar a edição móvel, a HubSpot recomenda que você trabalhe com um desenvolvedor para instalar pontos de interrupção móveis.


Editar conteúdo para dispositivos móveis

  1. Acesse seu conteúdo:

    • Páginas do site:
    • Landing Pages:
  2. Clique no nome da página. 
  3. Para alternar entre os diferentes tipos de dispositivo, na parte superior, clique no botão mobile Ícone móvel ou desktop Ícone da área de trabalho a ser editado para o tipo selecionado. 

  1. Na parte superior esquerda, clique na guia siteTreeIcon Ícone Conteúdo .
  2. Para editar a visibilidade de um elemento em móvel, no painel esquerdo, clique em um módulo ou seção e expanda a seção Visibilidade .
    • Em Ocultar neste ponto de interrupção, clique em Ocultar ou em Ocultar para personalizar como o elemento é exibido no celular. Um elemento oculto para um ponto de interrupção móvel ainda aparecerá na versão para desktop da página.
    • Você também pode ocultar um elemento passando o mouse sobre um módulo ou seção na visualização do conteúdo e clicando no botão hideIcon Ocultar ícone. 

  1. Para editar o preenchimento e a margem no celular, no painel esquerdo, expanda a seção Alinhamento e espaçamento .
    • Em Preenchimento e margem, clique em Preenchimento ou Margem e insira valores de pixel nos campos Superior, Esquerda, Direita, ou Margem. Essas alterações serão aplicadas somente aos pontos de interrupção móveis e não aparecerão na versão para desktop da página. 
    • Para adicionar espaçamento uniforme a todos os lados, marque a caixa de seleção Aplicar a todos os lados .