Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Landing Pages

Visualizar seu conteúdo em diferentes dispositivos

Ultima atualização: Abril 30, 2021

Disponível para

Todos os produtos e planos

Ao editar um post de blog, página do site, landing page ou e-mail no HubSpot, você pode ver uma visualização de como o conteúdo será renderizado em diferentes tipos de dispositivos. Você também pode testar a personalização ou o conteúdo inteligente, visualizando o conteúdo como um contato específico.

Saiba o que é um design responsivo

Por padrão, todos os modelos de arrastar e soltar da HubSpot são responsivos; seu conteúdo é adaptável a diferentes tamanhos de tela.  Por exemplo, uma imagem definida para preencher um plano de fundo pode ser cortada de maneira diferente para se ajustar a um tamanho de tela menor. Saiba mais sobre as perguntas frequentes sobre design responsivo.
 
Se estiver trabalhando em um modelo starter, um modelo de tema ou um modelo com uma área de arrastar e soltar, você pode personalizar a maneira como sua página é exibida em um dispositivo móvel no editor de conteúdo.
 
Ao contrário dos modelos de arrastar e soltar, por padrão, os modelos codificados personalizados não são responsivos. Os desenvolvedores podem usar a Documentação para desenvolvedores do CMS para criar modelos responsivos.

Visualizar uma página ou post de blog

  • Na sua conta da HubSpot, acesse as páginas do site, landing pages ou posts de blog
  • Passe o cursor do mouse sobre a página ou o post e clique em Editar
  • No canto superior direito do editor de conteúdo, clique em Visualizar para ver como uma página ou um post será exibido aos visitantes. 
    1. Para ver uma visualização ativa da sua página em uma nova guia do navegador, clique em Abrir na nova janela.
    2. Para copiar a URL da visualização para sua área de transferência, clique em Copiar link de compartilhamento . Somente os usuários da HubSpot conectados a sua conta poderão acessar o seu link de compartilhamento.
    3. Para ver como sua página será exibida no celular, tablet ou computador, clique nos ícones de dispositivos móveis.
    4. Para visualizar a personalização da sua página para um contato específico, clique no menu suspenso Visualizar como e selecione Contato. Em seguida, clique no menu suspenso Escolher um contato para visualizar e selecione um contato. 
    5. Para visualizar o conteúdo inteligente da página para regras específicas, clique no menu suspenso Visualizar como e selecione a regra Inteligente. Em seguida, clique no menu suspenso Selecionar uma regra inteligente e selecione uma regra inteligente.
  1.  

preview-a-page-2

Visualizar um artigo da Central de conhecimento

  • Na sua conta da HubSpot, navegue até Serviço > Base de conhecimento.
  • Passe o cursor do mouse sobre o artigo e clique em Editar.
  • No canto superior direito, clique em Visualizar. Você verá uma visualização ativa da sua página em uma nova guia do navegador. 

Visualizar um e-mail em diferentes dispositivos

  • Na sua conta da HubSpot, navegue até Marketing > Email.
  • Passe o cursor do mouse sobre seu e-mail e clique em Editar.
  • No canto superior direito, clique no menu suspenso Ações e selecione Visualização. Você verá uma visualização do seu e-mail em tablets e dispositivos móveis.
  • Na guia Dispositivos da tela de visualização, você pode personalizar sua visualização em diferentes dispositivos: 
    1. Para testar a personalização ou o conteúdo inteligente, clique no menu suspenso Visualizar como um contato específico e selecione um contato.
    2. Para compartilhar sua visualização, clique em Copiar link de compartilhamento no canto superior direito. Somente os usuários da HubSpot conectados a sua conta poderão acessar o seu link de compartilhamento.
    3. Para visualizar a versão de texto simples do seu e-mail, clique para ativar o botão Exibição de texto simples

preview-your-email

Visualizar um e-mail em diferentes clientes

  • Na sua conta da HubSpot, navegue até Marketing > Email.
  • Passe o cursor do mouse sobre seu e-mail e clique em Editar.
  • No canto superior direito, clique no menu suspenso Ações e selecione Visualização. Você verá uma visualização do seu e-mail em tablets e dispositivos móveis.
  • Na guia Clientes da tela de visualização, você pode ver como seu e-mail será exibido em diferentes clientes de e-mail:  
    1. No canto superior da tela de visualização, clique em Clientes
    2. Para testar a personalização ou o conteúdo inteligente, clique no menu suspenso Visualizar como um contato específico e selecione um contato.
    3. Para pesquisar um cliente de e-mail específico, insira o nome do cliente na barra de pesquisa. 
    4. Para visualizar o e-mail de um cliente específico, marque a caixa de seleção ao lado dele. 
    5. Para visualizar como o e-mail será exibido para contatos que tenham bloqueio de imagem ativado, clique para ativar o botão Bloqueio de imagem
    6. No canto superior direito, clique em Testar meu e-mail agora. Para acessar os resultados de um teste anterior, no canto inferior esquerdo, clique no menu suspenso Exibir resultados para seu e-mail anterior aqui e selecione uma data de teste

preview-your-email-in-different-clients-2