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.
CMS-Pages-Editor

Criar e editar páginas no HubSpot

Ultima atualização: Abril 26, 2019

Disponível para

Marketing Hub  Professional, Enterprise
HubSpot CMS

No CMS da HubSpot, você pode criar landing pages e páginas de site. As páginas do site são blocos de construção do site da sua empresa e dos menus avançados. As landing pages são normalmente usadas para criar ofertas de conteúdo para atrair conversões em seus formulários

Antes de começar com sua nova página, certifique-se de ter todos os ativos necessários. Crie um modelo na sua ferramenta de gerenciador de design ou encontre um modelo no  MarketplaceCarregue seus ativos do site no gerenciador de arquivos e personalize suas configurações com a marca da sua empresa.

Se estiver procurando por inspiração de design, confira exemplos de clientes na Academy e no Forum de design.

Criar uma nova página

Para criar uma nova página do zero:
  • Na sua conta da HubSpot,  acesse suas landing pages ou páginas do site.
  • Clique em Criar landing page/página do site.
  • Clique em um modelo para usá-lo como o layout da sua nova página.
  • Dê um nome à página e clique em Criar página.

main-nav-content-website-pages-2016.png

Para editar uma página existente:

Editar o conteúdo da página

Assim que estiver no editor de páginas, você poderá começar a editar e otimizar seu conteúdo.

Para editar o conteúdo da sua página:

  • Passe o cursor do mouse sobre um módulo e clique no  ícone de lápis editar para fazer alterações no conteúdo e no estilo. Você também pode clicar no ícone de módulos para abrir uma lista dos módulos da página para abrir uma lista dos módulos do modelo para editá-los no editor da barra lateral.
  • Clique no módulo que deseja editar.
  • Faça suas alterações no editor da barra lateral.
  • Clique em Aplicar para ver suas alterações refletidas no editor de páginas conforme você trabalha.
  • Depois de terminar de fazer suas edições, clique em Salvar e ir para a lista de módulos.

edit-modules

Os módulos rich text, cabeçalho e texto de linha única podem ser modificados diretamente no editor de páginas. O resto dos seus tipos de módulo pode ser editado no editor da barra lateral do módulo deslizante. Se seu modelo contém colunas flexíveis, você pode editar ou reorganizar seus módulos no editor de páginas ou na barra lateral do módulo.

Seus módulos terão o estilo padrão com base nas folhas de estilo aplicadas à sua página, mas você também pode aplicar alguns estilos integrados personalizados no editor de conteúdo.

Para fazer isso:

  • Passe o cursor do mouse sobre o módulo que deseja formatar.
  • Clique no ícone de pincel no canto superior.Um painel de barra lateral aparecerá com as opções de estilo desse módulo específico. 

edit-styles

Editar as configurações da página

Para editar as configurações da página, clique na guia Configurações na parte superior do editor de páginas para adicionar algumas informações básicas sobre a página: 

  • Nome da página interna: este é o nome interno da sua página. Isso reflete o nome que você adicionou ao criar a página, mas você pode editá-lo aqui. Esse é um nome interno somente para referência e os visitantes do site não o verão.
  • Título da página: essa é a frase exibida na guia na parte superior do seu navegador da web quando a página carrega.
  • URL da página: este é o URL da sua página. É exibido na barra de URL dentro do navegador quando os visitantes navegam para esta página. Você pode editar o URL da sua página mesmo após publicá-la.
  • Adicionar página a um menu: permite adicionar a página do site na qual você está trabalhando em um menu avançado novo ou existente nas configurações de conteúdo. 
  • Metadescrição: este é o conteúdo que aparecerá nos resultados de pesquisa abaixo do título da página.
  • Campanha: use esse menu suspenso para associar sua página a uma campanha do HubSpot. Você pode selecionar Adicionar novo para criar uma nova campanha.
  • Imagem em destaque: ative esse botão se quiser que uma imagem específica seja apresentada quando sua página for compartilhada nas mídias sociais. Clique em Carregar para selecionar uma imagem do seu computador ou em Procurar imagens para selecionar uma imagem do gerenciador de arquivos.

edit-settings

Opções avançadas

Clique em Opções avançadas para personalizar mais configurações para sua página. Observe que essas configurações não são necessárias para publicar sua página.

  • Exige uma senha para exibir a página: clique na caixa de seleção para adicionar uma senha obrigatória para os visitantes acessarem o conteúdo da sua página.
  • Expirar a página em uma data específica: clique na caixa de seleção para programar sua página para expirar e redirecionar em uma data específica. 
  • Snipppets de código adicionais: aqui você pode adicionar snippets de código nos campos Cabeçalho do HTML ou HTML do rodapé. Isso é útil para adicionar HTML bruto ou rastreamento código à tag <head> ou <footer> da sua página. Captura de tela do artigo de Ajuda da HubSpot

  • HubDB: se você usar uma tabela HubDB para gerenciar um banco de dados dinâmico, adicione-a à sua página aqui.
  • Modelo: veja o modelo aplicado à página. Clique na visualização do modelo para editar o modelo ou clique em Selecione um modelo diferente para aplicar um novo modelo à sua página.

  • Folhas de estilo: gerencie quais folhas de estilo estão vinculados à sua página. Use os menus suspensos para escolher se suas folhas de estilos padrão devem ser ativadas, desativadas ou usar as configurações padrão. Clique em Anexe uma folha de estilo e use o menu suspenso para adicionar uma nova folha de estilo à sua página.

HubSpot Help article screenshot

  • URL canônico:na parte inferior das configurações avançadas há um campo para personalizar o URL canônico da sua página. Isso é útil se houver conteúdo similar em outras páginas do seu site e você quiser informar aos mecanismos de busca qual página classificar antes nos resultados de pesquisa.

Visualizar a página

Clique no ícone de olho view para ver as opções de visualização. Aqui, você pode atualizar o seguinte:

  • Prévia no dispositivo: clique em um dos ícones de tipo de dispositivo para ver uma prévia da sua página no editor de páginas em um dispositivo e orientação específicos.
  • Visualização inteligente: use o menu suspenso Visualizar página como um contato específico para escolher um contato do seu banco de dados de contatos. Isso mostrará como o conteúdo da página é renderizado para esse visitante específico, o que pode ajudá-lo a visualizar qualquer personalização ou conteúdo inteligente na sua página.
  • Visualização compartilhável:clique em Abrir em uma nova janela para ver uma visualização ativa da sua página no navegador. Este link de visualização funcionará antes da sua página ser publicada. Clique em Copiar para copiar o link para a sua área de transferência e compartilhá-lo com sua equipe.
HubSpot Help article screenshot

Publicar ou programar sua página

Depois de adicionar seu conteúdo, otimizá-lo para os mecanismos de busca e revisar a visualização da página, você estará pronto para publicá-lo.

  • Clique em Publicar ou programar e escolha publicar sua página agora ou programar para publicá-la em uma data futura. Se escolher Programar para mais tarde, certifique-se de atualizar a data e hora programadas.
  • Depois de fazer suas seleções, clique em Programar ou Publicar.

HubSpot Help article screenshot