Centralizar uma imagem, botão CTA, ou logótipo num e-mail ou página
Ultima atualização: Março 8, 2023
Se estiver a utilizar modelos de layout criados na ferramenta de gestão de design, centre uma imagem, botão CTA, ou módulo de logótipo na sua página, blog, ou e-mail, adicionando o estilo inline ao seu modelo.
Se estiver a utilizar um modelo que inclua uma área de arrastar e largar, pode centralizar o alinhamento do módulo dentro do editor de conteúdos. Pode também centralizar módulos no editor de páginas usando espaçadores horizontais.
Centralizar uma imagem, botão CTA, ou logótipo com estilo inline
Observação:
- Este método requer uma compreensão básica de HTML.
- Se a sua página ou modelo tiver uma folha de estilo anexada ou qualquer estilo adicional adicionado, pode haver CSS existente a afectar a sua imagem, CTA, ou logotipo. HubSpot recomenda trabalhar com um designer para identificar a fonte do estilo e fazer as alterações necessárias para centrar os seus bens.
Para centralizar uma imagem, botão CTA, ou logótipo num e-mail ou modelo de página:
- Na sua conta da HubSpot, acesse o painel de landing pages, páginas do site, blog ou e-mail.
- Passe o cursor do mouse sobre a página, post de blog ou e-mail e clique em Editar.
- Na parte superior do editor de conteúdo, clique na guia Configurações.
- No separador de definições, desça e clique em Opções avançadas.
- Na secção Template , clicar em Editar este template. Esta acção abrirá o seu modelo no editor de layout num novo separador ou janela.
- No modelo de layout, clique no logotipo, call to action ou módulo de imagem para selecioná-lo no inspetor.
- No campo Inline Styling , adicionar o CSS text-align: centro ;

- No canto superior direito, clique em Publicar alterações para aplicar as suas alterações a este modelo.
- Depois, regresse ao editor de conteúdos e actualize o seu navegador web para preencher as alterações ao seu modelo. O seu conteúdo neste módulo será agora centrado na sua página, blog, ou e-mail.
Centralizar uma imagem, botão CTA, ou logótipo a partir das opções de estilo do seu módulo
Se estiver a utilizar um modelo com uma área de arrastar e largar, em certos módulos ou secções, pode optar por definir directamente o alinhamento. Embora, note que esta opção de estilo pode não estar disponível em todos os modelos ou módulos.
- Para centralizar os módulos da sua página:
- Na sua conta HubSpot, navegue para as suas páginas de desembarque, página web, ou post de blog.
- Passe o cursor sobre a sua página ou post do blog, depois clique em Editar.
- No editor de páginas, clique no módulo que pretende centralizar.
- No painel esquerdo, clique na guia Estilos.
- Clique para expandir o Alinhamento e espaçamento.
- Em Alinhamento, seleccionar o alinhamento do Centro .
- Para centralizar os seus módulos de correio electrónico:
- Na sua conta da HubSpot, acesse Marketing > E-mail.
- Passe o cursor sobre a sua página ou post do blog, depois clique em Editar.
- Clique no módulo que pretende centralizar.
- No painel da esquerda, clicar no menu suspenso Alinhamento e seleccionar Centro.
Centralizar uma imagem, botão CTA, ou logótipo usando espaçadores horizontais
Se o módulo que está a utilizar não tiver opções de alinhamento, a partir do editor de páginas, pode adicionar espaçadores horizontais à sua página para centrar os módulos.
Atenção: o módulo espaçador horizontal não está disponível com os modelos Starter.
Para centralizar o seu módulo usando um espaçador horizontal:
- Na sua conta HubSpot, navegue para as suas páginas de desembarque, página web, ou post de blog.
- Na barra de pesquisa, pesquisar por espaçador horizontal.
- Clique e arraste os espaçadores horizontais para cada lado do módulo que pretende centrar. Depois, ajuste a largura do espaçador para centrar o seu elemento.
Conteúdo relacionado
-
Exporte seus conteúdos e dados
Saiba como exportar conteúdo e dados do HubSpot da sua conta, como páginas, contatos e arquivos. ...
Central de conhecimento -
Limite o acesso aos seus bens HubSpot
Pode limitar o acesso ao conteúdo, dados, e mais, para que apenas as equipas e utilizadores certos os possam...
Central de conhecimento -
Adicione vídeos ao seu conteúdo do HubSpot
Com o vídeo HubSpot, pode carregar vídeos para a ferramenta de ficheiros, depois adicioná-los a páginas,...
Central de conhecimento