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.
Website Pages

Criar e publicar uma página

Ultima atualização: Novembro 23, 2020

Disponível para

Todos os produtos e planos

Saiba como criar uma nova página, otimizá-la para os mecanismos de busca e publicá-la no seu site. Você pode usar uma landing page para apresentar uma oferta de conteúdo para atrair novos visitantes ao seu site. Na ferramenta de páginas do site, você pode gerenciar todo o conteúdo do seu site no HubSpot.

Antes de começar

  • Para editar qualquer tipo de conteúdo de página, você precisará de acesso de Redação em suas permissões de usuário. Para publicar uma landing page ou página de site, você precisará de acesso de Publicação em suas permissões de usuário.
  • Verifique se seu domínio de página está conectado ao HubSpot para publicação. Se você estiver usando o construtor de landing pages gratuito, sua conta incluirá um domínio com a marca da HubSpot que está pronto para publicação.
  • Identifique o tópico sobre o qual você está escrevendo nos termos de sua estratégia de conteúdo mais ampla. Ao organizar e vincular seu conteúdo estrategicamente, você ficará melhor classificado nos mecanismos de pesquisa com suas palavras-chave de hiperlink. Saiba mais sobre como otimizar sua página.

Tipos de modelos de página

As opções de edição do conteúdo, do layout e dos estilos da sua página dependem do tipo de modelo que você está usando.

Observação: todos os modelos starter têm as mesmas opções dentro do editor de páginas e na guia Design. Modelos codificados, modelos de layout, modelos de tema e modelos comprados no Marketplace de ativos terão opções de estilo incluídas pelo desenvolvedor que criou o modelo.

Navegar até o editor de páginas

Criar uma nova página

Para criar uma nova landing page ou página do site do zero:

  • Na sua conta da HubSpot, acesse Marketing > Site > Landing pages ou Páginas do site.
  • No canto superior direito, clique no menu suspenso Criar e selecione Página do site ou Landing page.
  • Passe o cursor do mouse sobre um modelo e clique em Visualizar no canto superior direito para ver como ele aparecerá no computador ou no dispositivo móvel. Para criar uma nova página com este modelo, clique em Usar modelo no canto superior direito.
  • Dê um nome interno à página e clique em Criar página.

Observação: você será solicitado a dar para a sua página um título público nas suas configurações antes de publicá-la.

Editar uma página existente

Para editar uma página existente:

Editar o conteúdo da página

No editor de páginas, você pode editar o conteúdo de cada módulo incluído no seu modelo. Para editar o layout da sua página ou adicionar novos módulos no editor de páginas, trabalhe com seu desenvolvedor Web para adicionar uma área de arrastar e soltar ao modelo de página.

Editar conteúdo em um módulo

Na guia Conteúdo à esquerda, você pode visualizar e editar todos os módulos no modelo de página. Se a sua página contiver um conteúdo global, como um cabeçalho de página, edite-o na página dentro do editor de conteúdo global.

Observação: as opções de conteúdo para cada módulo podem variar dependendo da maneira como seu modelo foi codificado pelo seu desenvolvedor.

Para editar o conteúdo do módulo, passe o cursor do mouse sobre o módulo e clique no edit ícone de lápis

edit-modules-in-page-editor

Alguns tipos de módulo, como cabeçalhos, podem ser editados diretamente na visualização de página. Clicar em um módulo também abrirá suas opções de edição no painel esquerdo. Saiba mais sobre as opções de conteúdo comuns para cada tipo de módulo.

edit-module-options

Para ver a lista completa de todos os módulos na sua página, clique na guia Conteúdo no painel esquerdo. Em seguida, clique em um módulo específico da lista para editar suas opções de conteúdo.

Se seu modelo contiver uma área de arrastar e soltar ou colunas flexíveis, você pode adicionar ou reorganizar seus módulos no editor de páginas.

Para desfazer ou refazer uma ação no editor de páginas, clique no ícone desfazer undo ou no ícone refazer redo no canto superior esquerdo.

Observação: apenas as edições feitas durante a sessão atual do navegador da Web estarão disponíveis para serem desfeitas ou refeitas. Se você atualizar o editor de páginas, suas edições anteriores não ficarão mais disponíveis.

Editar estilos aplicados aos seus módulos

Módulos que são repetidos várias vezes na sua página, como botões ou títulos, normalmente têm estilos padrão com base na folha de estilos do modelo ou nas configurações de tema do seu site. Alterações nesses estilos normalmente afetam outras páginas usando o mesmo modelo.

Observação: as opções de estilo disponíveis para cada módulo podem variar dependendo do modelo de página.

Clique em um módulo para selecioná-lo no editor. No painel esquerdo, clique na guia Estilos para acessar as opções de estilo desse módulo específico. Saiba mais sobre como estilizar módulos dentro de cada tipo de modelo de página.

edit-styles-in-page

Otimizar a página para os mecanismos de busca

Na navegação superior, clique na guia Otimizar para abrir para a ferramenta de otimização de SEO. Aqui você pode anexar sua página a um dos seus tópicos e revisar as recomendações para melhorar seu conteúdo.

optimize-your-page-in-the-editor

Editar as configurações da página

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

  • Nome da página interna: o nome da página interna é o nome adicionado ao criar a página e é referenciado no painel. Não é exibido para visitantes.
  • Título da página: o título exibido na guia, no canto superior do seu navegador da Web, quando a página é carregada.
  • URL da página: a 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: adicione a página do site atual na qual você está trabalhando em um menu avançado novo ou existente nas configurações de conteúdo.
  • Metadescrição: o conteúdo que aparecerá nos resultados de pesquisa abaixo do título da página.
  • Campanha: associe sua página a uma campanha do HubSpot. Selecione Adicionar novo para criar uma nova campanha.
  • Imagem em destaque: clique para ativar este botão se quiser que uma imagem específica seja destacada 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 da ferramenta de arquivos.

Opções avançadas

Observação: a seção Opções avançadas não está disponível nos modelos starter.

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

  • Expirar a página em uma data específica: marque a caixa de seleção para programar sua página para expirar e redirecionar em uma data específica.
  • Controlar o acesso do público à página: selecione uma opção para controlar o acesso do público para esta página.
    • Selecione Privado - Senha obrigatória para adicionar uma senha obrigatória para os visitantes acessarem o conteúdo da sua página.
    • Selecione Privado - Registro obrigatório para permitir que os visitantes registrem no seu site antes de visualizar a página (somente para CMS Hub Enterprise). Saiba mais sobre como controlar o acesso do público
  • Snipppets de código adicionais: adicione snippets de código nos campos HTML de cabeçalho ou HTML de rodapé. Isso é útil para adicionar HTML bruto ou rastreamento código para a tag <head> ou <footer> da sua página.

  • HubDB: se seu desenvolvedor Web configurar uma tabela do HubDB para o conteúdo dinâmico do banco de dados, você pode adicionar sua página a uma tabela do HubDB aqui. Clique em Selecionar uma tabela e selecione a tabela para adicionar esta página a um banco de dados.
  • Modelo: veja o modelo aplicado à sua página. Clique em Usar um modelo diferente para aplicar um novo modelo à sua página ou Editar este modelo para editar o seu modelo.

Observação: você só poderá trocar modelos que são do mesmo tipo de modelo.

  • Folhas de estilos: gerencie as folhas de estilo anexadas à sua página. Para selecionar se as folhas de estilos padrão devem ser ativadas, desativadas ou seguirem as configurações padrão, clique no menu suspenso e escolha uma opção. Clique em Anexar uma folha de estilos e selecione uma folha de estilos existente para anexar à sua página. As folhas de estilos não se aplicam aos modelos de tema.

Captura de tela do artigo de Ajuda da HubSpot

Visualizar a página

No canto superior direito, clique em Visualizar para ver como sua página aparecerá para os visitantes do site em diferentes tipos de dispositivos. Também é possível testar a personalização e o conteúdo inteligente na visualização. Saiba como personalizar como suas páginas são exibidas em dispositivos móveis.

  1. Visualização do dispositivo: clique em Abrir na nova janela para ver uma visualização ativa da sua página em uma nova guia do seu navegador. Este link de visualização funcionará antes da sua página ser publicada. Clique em Copiar link compartilhável para copiar o link na área de transferência para compartilhá-lo com a sua equipe.
  2. Visualização inteligente: clique no menu suspenso Visualizar como para visualizar como sua página será exibida para diferentes contatos no seu banco de dados.
    • Selecione um contato para visualizar como a personalização será exibida com base nos valores de propriedade de contato específicos. Clique no segundo menu suspenso para selecionar um contato específico do seu banco de dados.
    • Selecione uma regra inteligente para visualizar como o conteúdo inteligente na sua página será exibido para os contatos que atenderem aos seus critérios. Clique no segundo menu suspenso para selecionar uma regra inteligente específica para visualizar.
  3. Tipo de dispositivo: clique em Dispositivos móveis + Tablet para obter uma visualização em tempo real da sua página em um celular ou tablet. Clique em Desktop para ver uma visualização de como sua página será exibida em um navegador da Web.
preview-a-page

Publicar ou programar sua página

Depois de adicionar seu conteúdo, otimizá-lo para os mecanismos de pesquisa e visualizar como ele será mostrado para os visitantes, você estará pronto para publicar sua página.

  • Clique na guia Publicar ou programar e selecione Publicar agora para publicar imediatamente ou Programar para depois para publicar esta página em uma data e hora futura.
  • Se houver itens obrigatórios ausentes na sua página, você verá um alerta no canto superior direito do botão Publicar.
  • Depois de concluir todos os itens obrigatórios para sua página, clique em Publicar.

publish-a-landing-page