Ultima atualização: Julho 28, 2022
Nas configurações de tema, você pode personalizar o estilo do seu tema, incluindo fonte, cores e espaçamento. Os estilos editados aqui são aplicados a todas as páginas e módulos de temas incluídos neste tema. Saiba mais sobre como gerenciar as configurações do tema.
Gerenciar temas
No gerenciador de design, você pode editar, clonar ou copiar um tema para outra conta da HubSpot. Você também pode excluir temas padrão da HubSpot, temas clonados e temas personalizados, bem como criar temas secundários.
Clonar um tema
Para editar os arquivos codificados de temas padrão no gerenciador de design, clone-os primeiro. Os temas personalizados e comprados Marketplace de ativos também podem ser clonados, mas podem ser editados diretamente.
- Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
- No Finder, clique na pasta @hubspot. Esta pasta contém todos os temas e módulos padrão, incluindo os módulos de e-mail de arrastar e soltar.
- Clique com o botão direito do mouse em uma pasta do tema e selecione Clonar tema.

- Na caixa de diálogo, insira um nome para o tema e clique em Criar.
O tema será copiado na pasta raiz e listado no localizador com suas outras pastas.
Criar um tema secundário
No gerenciador de design, você pode criar um tema secundário (uma cópia de um tema comprado) com base em um tema comprado no Marketplace de ativos ou em um tema padrão da HubSpot.
Os desenvolvedores também podem criar temas secundários com base em temas personalizados e usando a CLI, de acordo com o a nossa documentação para desenvolvedores. Saiba mais sobre como trabalhar com temas secundários.
- Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
- No localizador, clique na pasta @marketplace para temas do Marketplace de ativos ou na pasta @hubspot para temas padrão.
- Clique com o botão direito do mouse em uma pasta do tema e selecione Criar tema secundário.
- Na caixa de diálogo, insira um nome para o tema secundário.
- Para alterar o local onde o tema secundário será salvo, clique em Alterar na seção Local do arquivo. Clique em uma pasta e, em seguida, clique em Selecionar.
- Para personalizar os nomes dos arquivos CSS e JS do tema, clique em Opções avançadas e, em seguida, insira novos nomes de arquivos nos campos CSS e JS .
- Para finalizar o processo, clique em Criar tema secundário. Você pode editar o estilo para o tema secundário no editor de conteúdo.
Copiar um tema para outra conta
Você pode copiar uma pasta de tema de uma conta para outra. Você deve ser um usuário com permissões para as Ferramentas de design em ambas as contas.
Observação: as pastas de tema nos diretórios @hubspot ou @marketplace não podem ser copiadas entre contas.
Para copiar um tema para uma conta:
- Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
- No localizador, passe o cursor do mouse sobre a pasta do tema que deseja copiar, clique com o botão direito do mouse na pasta e selecione Copiar para outra conta.
- Na caixa de diálogo, selecione uma conta e clique em Copiar ativo. A pasta aparecerá na conta especificada assim que o processo de cópia for concluído.
Carregar um tema
Os usuários nas contas do CMS Hub podem comprar os temas da HubSpot pelo Marketplace do ThemeForest da Envato e depois carregá-los no HubSpot pela tela de seleção de tema:
- Acesse a seção HubSpot CMS Hub do Marketplace doe ThemeForest da Envato.
- Compre um tema no marketplace.
- Você receberá um e-mail com um código de compra para o seu tema comprado. Copie o código de compra.
-
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, insira o Nome da página e clique em Criar página.
- Na tela de seleção do modelo, clique no menu suspenso Tema e selecione Alterar tema.
- No canto superior direito, clique em Instalar um tema do ThemeForest.
- Na caixa de diálogo, cole o código de compra do e-mail e clique em Instalar tema.
- Na nova guia, faça login no Marketplace do ThemeForest da Envato para concluir o processo de instalação.
Quando você tiver conectado com sucesso, será exibido um banner no HubSpot. O tema pode levar alguns minutos para ficar disponível.
Apagar um tema
Os temas padrão da HubSpot, os temas clonados e os temas carregados podem ser excluídos no gerenciador de design:
- Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
- No buscador, clique na pasta com os ativos do tema.
- Clique no menu suspenso Arquivo e selecione Excluir [nome da pasta].
- Na caixa de diálogo, seleccione a caixa de verificação Tenho a certeza que quero apagar esta pasta e, em seguida, clique em Apagar esta pasta.
Os temas comprados devem ser desinstalados do Marketplace de ativos:
- Na conta da HubSpot, clique no ícone do Marketplace na barra de navegação principal.
- Clique na guia Comprado.
- Passe o mouse sobre o tema, depois clique no menu suspenso Actions (Ações) e selecione Uninstall (Desinstalar)
- Na caixa de diálogo, clique em Desinstalar.