Criar e personalizar páginas

No HubSpot, pode criar o sítio Web e páginas de destino para o seu sítio Web. Pode personalizar o conteúdo e as definições da página, bem como otimizar as páginas para os motores de busca. 

Antes de começar

• Verifique se você tem a permissão de Gravação  para o tipo de página que deseja criar. Para publicar páginas, você também precisará da permissão Publicar. 
• Certifique-se de que o domínio da sua página está ligado ao HubSpot para publicação. Se estiver usando as ferramentas gratuitas da HubSpot, sua conta incluirá um domínio com a marca da HubSpot que está pronto para publicação.
• Entenda os diferentes tipos de modelo de página disponíveis na HubSpot: 

• • Os modelos iniciais incluem edição de arrastar e largar funcionalidades e opções para personalizar tipos de letra, cores e estilos de botões.
  • Modelos de tema suportam edição de arrastar e largar funcionalidades, módulos de tema únicos e estilo de tema personalizável.
  • Os modelos personalizados são criados no gestor de design, no editor de apresentação ou utilizando o código personalizado . As funcionalidades de edição de arrastar e largar só estão disponíveis em modelos personalizados com áreas de arrastar e largar. 
• Compreender o número de páginas de destino e de sítios Web que pode criar e quais os modelos que podem ser utilizados. Isto é determinado pelas suas subscrições Marketing Hub e CMS Hub : 

Criar páginas

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta 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 pendente Create e seleccione Website page 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 não tiver nenhum domínio ligado a , o domínio de sistema predefinido 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. 

• No ecrã de seleção de modelos, os modelos do seu tema ativo aparecem no topo da página, enquanto todos os outros modelos aparecem na secção Outros modelos na parte inferior. Se não tiver selecionado um tema ativo, passe o cursor 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 utilizando modelos starter ou theme, global content abrangendo várias páginas, drag and drop areas, e rich text ou image modules. 

Personalizar as definições da página

Depois de ter editado o conteúdo da sua página, pode personalizar os atributos da página, como o URL, a meta descrição e o idioma. 

Personalizar as definições básicas da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 

• Clique no menu Ficheiro e seleccione Definições de página. 
• Na caixa de diálogo, introduza um nome interno no campo Nome da página interna . Este nome não será visível aos visitantes. 
• No campo Título da página , introduza 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. 
• Na secção URL da página , clique no menu pendente Domínios e seleccione o domínio onde a sua página será alojada. Em seguida, introduza um slug de URL no campo Slug de conteúdo . Saiba mais sobre a edição de uma URL de página. 
• No campo Meta descrição, introduza uma descrição do conteúdo da página que aparecerá nos resultados da pesquisa por baixo do título da página. 
• Para associar a página a uma campanha , clique no menu pendente Campanha e seleccione uma campanha . Para criar uma nova campanha, seleccione Adicionar nova.

Definir a imagem em destaque

Para adicionar uma imagem em destaque a ser incluída quando a página é partilhada nas redes sociais:

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 

• Clique nomenu Ficheiro e seleccione Definições de página .
• Na caixa de diálogo, clique em Imagem em destaque no menu da barra lateral esquerda.
• Clique para ativar o interrutor Enabled featured image. Clique em Upload para selecionar uma imagem do seu computador, ou Browse images para selecionar uma imagem da ferramenta de ficheiros . Para aumentar a acessibilidade, introduza uma descrição da sua imagem nocampo  Texto alternativo da imagem .

Alterar o modelo da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 

• Clique no menu Ficheiro e seleccione Definições de página.
• Na caixa de diálogo, clique em Template no menu da barra lateral esquerda. 
• Para seleccionar um modelo diferente, clique em Utilizar modelo diferente. Se estiver a mudar o modelo de uma página publicada, certifique-se de que clica em Atualizar e, em seguida, em Atualizar agora 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.
• No ecrã de selecção de modelos, seleccionar um modelo.
• Pré-visualize o aspecto da sua página com o novo modelo e, em seguida, clique em Utilizar modelo para terminar a mudança de modelo ou em Retroceder para seleccionar um modelo diferente. 

Definir o idioma da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 

• Clique no menu Ficheiro e seleccione Definições de página.
• Na caixa de diálogo, clique em Idioma no menu da barra lateral esquerda.
• Clique no menu pendente Idioma da página e seleccione um idioma. Saiba mais sobre como gerenciar páginas de vários idiomas. 

Definir a visibilidade da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 
• Clique no menu Ficheiro e seleccione Definições de página .
• Na caixa de diálogo, clique em Audience Access no menu da barra lateral esquerda
• Seleccione um acesso de público opção:
  • Seleccione Público para tornar o conteúdo da página disponível a qualquer visitante.
  • Seleccione Privado - Palavra-passe obrigatória para adicionar uma palavra-passe obrigatória para os visitantes acederem ao conteúdo da página.
  • Numa conta CMS Hub Enterprise, também pode selecionar Privado - Registo obrigatório para exigir que os visitantes se registem no seu sítio para ver este conteúdo. 
  • Num CMS Hub Enterprise ou Marketing Hub Enterprise, pode seleccionar Privado - Início de sessão único (SSO) necessário para exigir que os visitantes iniciem sessão com um fornecedor de identidade, como o Google ou o Okta. 

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

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 

• Clique no menu Ficheiro e seleccione Definições de página.
• Na caixa de diálogo, clique em Avançadas no menu da barra lateral esquerda.
• Para tornar esta página uma página dinâmica, clique no menu suspenso Fonte de dados e selecione uma tabela ou propriedadedo HubDB . Saiba mais sobre como trabalhar com páginas dinâmicas. 
• Para adicionar fragmentos de código ao HTML do cabeçalho ou do rodapé da página, clique nocampo HTML do cabeçalhoou HTML do rodapé e, em seguida, introduza o fragmento de código. Para adicionar trechos de código a todas as páginas de um domínio, aceda às definições do seu sítio Web.
• Para adicionar uma URL canônica personalizada, insira a URL no campo Personalizar URL canônica. Saiba mais sobre a utilização de URLs canónicos.
• Para gerir os diferentes tipos de folhas de estilo anexadas à página: 
  • Folhas de estilo de domínio: estas folhas de estilo são anexadas a todas as páginas de um único domínio nas definições do seu sítio Web. Para desactivar as folhas de estilo de domínio para uma página específica, clique no menu pendente e seleccione Desactivado. Saiba mais sobre como trabalhar com folhas de estilo de domínio.
  • Folhas de estilo de modelo: estas folhas de estilo são definidas pelo modelo da página. Para desactivar as folhas de estilo de modelo para uma página específica, clique no menu pendente e seleccione Desactivado. Esta secção não será apresentada para páginas que utilizem modelos de temas. 
  • Folhas de estiloda página: estas folhas de estilo aplicar-se-ão apenas a esta página. Para anexar uma folha de estilos de página, clique no menu pendente Anexar uma folha de estilos e seleccione uma folha de estilos. Se as folhas de estilo do domínio e do modelo também forem usadas, o estilo deles terá prioridade. 

Publicar páginas

Depois de personalizar o conteúdo e as definições da sua página, pode publicá-la ou programá-la para publicação futura:

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre uma página e clique em Editar. 
• Para publicar a página imediatamente:
  • Clique em Publicar no canto superior direito. 
  • Na caixa de diálogo, clique em Publicar agora. 
• Para agendar uma página para publicação posterior: 
  • No canto superior direito, clique no menu pendente junto ao botão Publicar e, em seguida, seleccione Opções de publicação. 
  • Na caixa de diálogo, seleccione a caixa de verificação Agendar publicação para mais tarde . 

• • Clique no campo date e seleccione a data  em que a sua página será publicada. 
  • Clique no menu pendente time e seleccione a hora  em que a sua página será publicada. 

• • Clique em Agendar, ou clique em Agendar e continuar a editar para agendar a publicação da página e regressar ao editor de conteúdos. 

• Para definir a sua página para ser despublicada automaticamente no futuro:
  • No canto superior direito, clique no menu pendente junto ao botão Publicar e, em seguida, seleccione Opções de publicação. 

• • Na caixa de diálogo, clique no separador Schedule unpublish. 
  • Seleccione a caixa de verificação Schedule unpublish . 
  • Clique no campo date e seleccione a data  em que a sua página será despublicada. 
  • Clique no menu pendente time e seleccione a hora  em que a sua página será despublicada. 
  • Clique no link Quando a página for publicada, redirecionar os visitantes para o menu pendente selecionar uma página . Para utilizar um URL de destino externo, clique no menu pendente e seleccione Introduzir um URL externo. Na caixa de diálogo, introduza o URL  e, em seguida, clique em Guardar. 
  • Clique em Atualizar agora, ou clique em Atualizar e continuar a editar para agendar a despublicação da página e regressar ao editor de conteúdos. 

Otimizar páginas para os mecanismos de pesquisa

Na secção Otimizar do editor da barra lateral, pode ver as recomendações de SEO de uma página ou anexá-la a um tópico. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta 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údos, clique no ícone gauge Otimizar na barra lateral esquerda. 
• Para anexar o conteúdo a um tópico : 
  • Para adicionar um tópico existente, clique no menu pendente Tópico e seleccione um tópico para a sua página.
  • Para criar um novo tópico, clique no menu pendente Tópico e seleccione Adicionar tópico principal. Na caixa de diálogo, introduza o tópico e clique em Guardar
• Para anexar a página a um subtópico palavra-chave:
  • Marque a caixa de seleção Esse conteúdo é de apoio?.
  • Clique no menu pendente Subtopic keyword e seleccione uma palavra-chave subtopic 
  • Para criar uma nova palavra-chave, clique no menu pendente Palavra-chave de subtópico e clique em Adicionar palavra-chave de subtópico. Na caixa de diálogo, introduza a palavra-chave do subtópico e clique em Guardar. 

• Para ver recomendações de SEO incompletas, clique numa categoria  com um círculo vermelho. 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 como trabalhar com Recomendações de SEO. 

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 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 aceder a uma pré-visualização da página completa, clique em Abrir num novo separador no canto superior direito. Para partilhar esta página de pré-visualização com outros utilizadores na sua conta da HubSpot, clique em Copiar link na página de pré-visualização. Os usuários devem estar conectados no HubSpot para ver esta visualização.
• Para pré-visualizar a página num dispositivo diferente, clique num ícone de dispositivo mobile  no canto superior direito da página de pré-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 pendente  e seleccione uma ou mais regras inteligentes  para pré-visualizar o modo como a página seria apresentada a um visitante que correspondesse a essas regras. 
  • Para voltar ao aspeto predefinido da página, clique em Repor.