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: Maio 21, 2020

Disponível para

Marketing Hub  Starter, Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic (versão anterior)

Saiba como criar uma nova página, personalizar suas configurações de página, otimizá-la para mecanismos de pesquisa 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

Tipos de modelos de página

As opções para o conteúdo da sua página, layout e estilos dependem do tipo de modelo que você está usando. Para criar uma nova landing page rápida e fácil, use um modelo starter. Para um modelo de página mais personalizado, trabalhe com um desenvolvedor Web para criar um modelo na ferramenta de gerenciamento de design. Você pode encontrar modelos de página adicionais no Marketplace de ativos.

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 do Marketplace de ativos terão opções de estilo incluídas pelo desenvolvedor que criou o modelo.

  • Modelos starter: todas as contas têm acesso aos modelos starter com edição de arrastar e soltar, para que o layout da sua página e os estilos de fundo possam ser atualizados facilmente sem nenhum código. Os estilos de modelo starter podem ser atualizados na guia Design para que as cores, fontes e botões correspondam à marca da sua empresa.
  • Modelos codificados com uma área de arrastar e soltar: para um modelo de página mais personalizado, trabalhe com um desenvolvedor Web para criar um modelo codificado com uma área de arrastar e soltar. Isso possibilitará o acesso à edição de arrastar e soltar para que você possa atualizar seu conteúdo e estilos sem nenhum código. Se você não tiver um desenvolvedor Web na sua equipe e quiser um modelo com uma área de arrastar e soltar, conecte-se a um Parceiro da HubSpot com experiência no CMS da HubSpot.
  • Modelos de layout: qualquer pessoa com uma compreensão básica de HTML e CSS pode criar um modelo de layout simples na ferramenta de gerenciamento de design. As páginas de edição criadas com um modelo de layout não exigem nenhum conhecimento de código, mas você não terá acesso a determinados recursos de edição de arrastar e soltar. Para ter mais flexibilidade, você pode pedir ao seu designer para incluir uma coluna flexível no modelo.
  • Modelos de tema: As contas do CMS Hub incluem modelos de tema com edição de arrastar e soltar e um conjunto de módulos de tema exclusivo. Fontes, cores e espaçamento para modelos em um tema são controlados por um conjunto de configurações de tema gerais. Saiba mais sobre a edição de uma página com um modelo de tema.
  • Modelos do Marketplace: você pode comprar todos os tipos de modelos de página no Marketplace de ativos. Você pode entrar em contato com o designer do seu modelo de marketplace para tirar dúvidas de design sobre sua página.

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 conteúdo, você pode editar o conteúdo de cada módulo incluído no seu modelo. Se quiser o recurso 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. Todos os tipos de conteúdo de módulos são totalmente personalizáveis no painel esquerdo. 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.

Para editar conteúdo do módulo, passe o cursor do mouse sobre o módulo e clique no ícone de lápis edit . Você também pode clicar na guia Conteúdo do painel esquerdo para visualizar uma lista de todos os módulos na sua página. Clique em um módulo específico na lista para editar suas opções de conteúdo.

edit-modules-in-page-editor

Todos os tipos de módulos podem ser editados na guia Opções do painel esquerdo. As opções de conteúdo exibidas dependem de como o módulo foi criado originalmente no modelo de página. Saiba mais sobre as opções de conteúdo comuns para cada tipo de módulo.

Observação: se você criou sua página com um modelo de tema, verá as opções de conteúdo que seu desenvolvedor incluiu nesse módulo. 

edit-module-options

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

Os módulos serão estilizados com base nos estilos aplicados à sua página. Dependendo de como o designer original criou este modelo, talvez seja possível editar estilos adicionais dentro do editor de páginas.

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.

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 SEO

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 do gerenciador 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.

  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

 

/pt/cos-pages-editor/create-and-edit-pages-in-hubspot