Criar e personalizar páginas

• • Modelos Starter incluem recursos de edição de arrastar e soltar e opções para personalizar fontes, cores e estilos de botão. 
  • Modelos de tema são compatíveis com recursos de edição de arrastar e soltar, módulos de tema exclusivos e estilos de tema personalizáveis.
  • Os modelos personalizados são criados no gerenciador de design, no editor de layout ou usando um código personalizado. Os recursos de edição de arrastar e soltar só estão disponíveis em modelos personalizados com áreas de arrastar e soltar. 
• Saiba o número de landing pages e sites que você pode criar e quais modelos pode utilizar. Isso é determinado pela sua assinatura Marketing Hub e CMS Hub: 

Criar páginas

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• No canto superior direito, clique no menu suspenso Criar e selecione Página do site ou Landing page.
• Na caixa de diálogo, especifique um nome e um domínio para a página:  
  • Clique no menu suspenso Site e selecione um domínio para a URL da página. Se você não tiver nenhum domínio conectado, o domínio padrão da sua conta será a única opção.
  • No campo Nome da página insira um nome interno para a página. 
  • Clique em Criar página. 

• Na tela de seleção de modelos, os modelos do seu tema ativo serão exibidos na parte superior da página, enquanto todos os outros modelos estarão na seção Outros modelos na parte inferior. Se você não selecionou um tema ativo, passe o cursor do mouse sobre um tema e clique em Definir como tema ativo. 
• Passe o cursor sobre um modelo e clique em Visualizar modelo para abrir uma visualização, ou Selecionar modelo para prosseguir para o editor de conteúdo.

• No editor de conteúdo, as opções de edição disponíveis dependem do tipo de modelo da página e dos módulos usados. Saiba mais sobre como editar páginas usando modelos de tema ou starter, conteúdo global abrangendo várias páginas, áreas de arrastar e soltar e módulos de rich text ou imagem. 
• Para personalizar as configurações da página, clique na guia Configurações, na parte superior do editor de conteúdo, e edite as configurações: 

• • Para alterar o nome interno da página, insira um nome no campo Nome interno da página. Este nome não será visível aos visitantes. 
  • No campo Título da página, insira um nome externo para a página. Esse nome aparecerá na guia, no canto superior do navegador da Web do visitante, quando a página for carregada. 
  • Para definir o idioma da página, clique no menu suspenso Idioma da página e selecione um idioma. Saiba mais sobre como gerenciar páginas de vários idiomas. 
  • Na seção URL da página, clique no campo Slug de conteúdo para transformar automaticamente o título da página em um slug de URL. Para personalizar a URL, insira um novo Slug de URL no campo Slug de conteúdo. Saiba mais sobre a edição de uma URL de página. 

• • No campo Metadescrição, insira uma descrição do conteúdo da página que aparecerá nos resultados de pesquisa abaixo do título da página. 
  • Para associar a página a uma campanha no HubSpot, clique no menu suspenso Campanha e selecione uma campanha. Para criar uma nova campanha, selecione Adicionar novo. Saiba mais sobre como trabalhar com campanhas no HubSpot. 
  • Para adicionar uma imagem em destaque a ser incluída quando a página for compartilhada nas mídias sociais, clique para ativar o botão Imagem em destaque. Clique em Upload para selecionar uma imagem do seu computador ou em Procurar imagens para selecionar uma imagem da ferramenta de arquivos.

• • Para personalizar as configurações mais avançadas, como modelo de página, visibilidade e HTML de cabeçalho, clique para expandir a seção Opções avançadas. Saiba mais sobre comopersonalizar opções avançadas. 
• Para anexar uma palavra-chave de tópico ou subtópico à sua página e visualizar as recomendações de SEO, clique na guia Otimizar. Saiba mais sobre como otimizar suas páginas para os mecanismos de pesquisa. 
• Depois de personalizar o conteúdo e as configurações da sua página, clique na guia Opções de publicação e defina suas opções de publicação:
  • Para publicar a página agora, selecione a opção Publicar agora. 
  • Para publicar sua página no futuro, selecione a opção Agendar para mais tarde. Nos campos exibidos, selecione uma data e uma hora para publicar sua página.
  • Para definir sua página para ser despublicada automaticamente no futuro, marque a caixa de seleção Despublicar página em uma data específica. Nos campos exibidos, defina uma data e hora para cancelar a publicação da página e use o menu suspenso para selecionar uma página para onde essa página deve ser redirecionada.
  • Antes de ativar sua página, você pode visualizá-la, clicando em Visualização no canto superior direito. Saiba mais sobre como visualizar páginas. 

• Quando estiver pronto para ativar sua página ou agendar a publicação, clique em Publicar ou Agendar no canto superior direito.

Otimizar páginas para os mecanismos de pesquisa

Na guia Otimizar do editor de conteúdo, você pode visualizar as recomendações de SEO de uma página ou anexá-las a um tópico. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o mouse sobre a página e clique em Editar. 
• No editor de conteúdo, clique na guia Otimizar. 
• Se a página estiver anexada a um tópico ou subtópico, eles serão exibidos no editor da barra lateral. Saiba como anexar uma página a um tópico ou subtópico.  

• Para exibir recomendações de SEO incompletas, clique em uma categoria com um círculo vermelho no editor da barra lateral. Cada recomendação concluída terá uma marca de verificação verde. Cada recomendação incompleta terá uma marca de verificação cinza. Saiba mais sobre as recomendações de SEO. 

Personalizar opções de página avançadas

Na seção Opções avançadas da guia Configurações, você pode personalizar configurações mais avançadas, como o modelo de página, snippets de código e folhas de estilo.

Observação: as configurações avançadas não estão disponíveis para páginas que usam modelos starter. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o mouse sobre a página e clique em Editar. 
• No editor de conteúdo, clique na guia Configurações, em seguida, em Opções avançadas. 
• Para alterar a visibilidade da página, selecione uma opção na seção Controlar o acesso do público à página: 
  • Selecione Público para disponibilizar o conteúdo da página para qualquer visitante. 
  • Selecione Privado - Senha obrigatória para adicionar uma senha obrigatória para os visitantes acessarem o conteúdo da página.
  • Em uma conta do CMS Hub Enterprise , também é possível selecionar Privado - Registro necessário para exigir que os visitantes se registem no seu site para visualizar este conteúdo. 
• Para adicionar snippets de código ao HTML de cabeçalho ou rodapé desta página, clique no campo HTML de cabeçalho ou HTML de rodapé e insira seu snippet de código. Para adicionar snippets de código em todas as páginas de um domínio, acesse as configurações do site. 

• Para tornar esta página dinâmica, clique no menu suspenso Fonte de dados e selecione uma tabela HubDB ou uma propriedade. Saiba mais sobre como trabalhar com páginas dinâmicas. 
• Na seção Modelo, você pode editar o modelo que esta página está usando ou selecionar um modelo diferente para a página: 
  • Para selecionar um modelo diferente, clique em Usar um modelo diferente. Se você estiver alternando o modelo de uma página publicada, certifique-se de clicar em Atualizar para ativar quaisquer alterações não publicadas. Caso contrário, essas alterações podem ser perdidas quando você mudar o modelo.
  • Na tela de seleção de tema, selecione um tema. 
  • Na tela de seleção do modelo, selecione um modelo. 
  • Visualize como sua página ficará com o novo modelo e clique em Usar modelo para concluir a troca do modelo ou em Voltar para selecionar um modelo diferente. 

• Na seção Folhas de estilo, você pode gerenciar as folhas de estilo anexadas à página. Saiba mais sobre como trabalhar com folhas de estilo no HubSpot. 
  • Folhas de estilos do domínio: nas configurações do site, você pode adicionar uma folha de estilos que será anexada a todas as páginas em um único domínio. Por padrão, as folhas de estilo do domínio serão aplicadas a uma página. Para desativar as folhas de estilo do domínio de uma página específica, clique no menu suspenso e selecione Desativado. Saiba mais sobre como trabalhar com folhas de estilo do domínio.
  • Folhas de estilo do modelo: quaisquer folhas de estilo aplicadas ao modelo da página serão exibidas aqui. Por padrão, as folhas de estilo do modelo serão aplicadas a uma página. Para desativar as folhas de estilo do modelo para uma página específica, clique no menu suspenso e selecione Desativado. Esta seção não será exibida para as páginas que usam modelos de tema. 
  • Folhas de estilo da página: clique em Anexar uma folha de estilo. Se as folhas de estilo do domínio e do modelo também forem usadas, o estilo deles terá prioridade. 

• Para adicionar uma URL canônica personalizada, insira a URL no campo Personalizar URL canônica. Saiba mais sobre como usar URLs canônicas. 

Visualizar páginas

Antes de publicar uma página, você pode visualizá-la em diferentes tipos de dispositivos e testar o conteúdo inteligente e a personalização. Saiba mais sobre como personalizar a aparência de uma página para dispositivos móveis. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o mouse sobre a página e clique em Editar. 
• No editor de conteúdo, clique em Visualização no canto superior direito. 
• Para acessar uma visualização de página inteira, clique em Abrir em uma nova janela no canto superior direito. Para compartilhar esta página de visualização com outros usuários na sua conta da HubSpot, clique em Copiar link compartilhável na página de visualização. Os usuários devem estar conectados no HubSpot para ver esta visualização.
• Para visualizar a página em um dispositivo diferente, clique no mobile ícone de dispositivo no canto superior direito da página de visualização.  

• Para visualizar a personalização ou o conteúdo inteligente, clique no menu suspenso Visualizar como: 
  • Selecione Contato para visualizar a personalização da página. Em seguida, clique no segundo menu suspenso e selecione um contato para visualizar como a página apareceria para esse contato. 
  • Selecione a Regra inteligente para visualizar o conteúdo inteligente da página. Em seguida, clique no segundo menu suspenso e selecione uma ou mais regras inteligentes para visualizar como a página apareceria para um visitante que correspondesse a essas regras.