Temas da marca brand-themes

Com temas de marca, crie facilmente conteúdo reutilizável que se ajuste a uma marca e idioma de design específicos, adicionando estilo personalizado a seus modelos de email.

Esse recurso permite que os profissionais de marketing aproveitem emails visualmente atraentes e consistentes com a marca de forma mais rápida e com menos esforço, ao mesmo tempo em que fornece opções avançadas de personalização para necessidades de design exclusivas.

Criar um tema create-a-theme

  1. Siga as etapas para criar um modelo de email.

  2. Na tela Criar seu modelo, selecione Criar ou editar temas.

  3. Selecione o Tema padrão como a base para criar desde o início e clique em Criar.

  4. A tela de desenho se abre para que você edite diferentes partes do tema.

Configurações settings

Todas as opções de configurações podem ser acessadas pelos ícones à direita. Vamos analisar cada um deles.

Configurações gerais general-settings

Nomeie o tema e ajuste o tamanho da janela de visualização.

Cores colors

Ao fazer ajustes de cores, observe as alterações que têm efeito no painel principal.

NOTE
Um conjunto de amostras já está configurado para você com base no tema padrão.

Clique em Editar.

É possível escolher entre predefinições ou configurar individualmente cada cor no conjunto. Posteriormente, a escolha da paleta torna essas cores acessíveis nas diferentes configurações de cor.

Quando terminar a edição, clique na seta para trás ( ícone de seta para trás ) para retornar.

Para editar uma variante, clique no ícone de lápis.

NOTE
É possível criar até seis variantes.

Vários elementos estão disponíveis para personalização. As configurações de variante são agrupadas nas seguintes categorias:

  • Geral
  • Cabeçalhos
  • Parágrafos
  • Botões

Geral

Essas configurações permitem definir cores para corpo, estruturas, planos de fundo, containers, imagens e muito mais.

Cabeçalho

Defina as cores do texto e da borda de cada tipo de cabeçalho, desde o Cabeçalho 1 até o Cabeçalho 6.

Parágrafo

Definir cores de texto e borda de até três tipos de parágrafo.

Botões

Defina a cor de preenchimento, borda e texto para três tipos de botão diferentes: Primário, Secundário e Terciário.

Configurações de texto text-settings

Definir tipos e tamanhos de fonte para globais, cabeçalhos e parágrafos.

Global

Escolha entre as bibliotecas de fontes Padrão ou Google e suas respectivas famílias de fontes.

Títulos

Defina biblioteca de fontes, família, tamanho, estilo de texto e alinhamentos de texto para diferentes tipos de cabeçalho.

Parágrafos

Definir biblioteca de fontes, família, tamanho, estilo de texto e alinhamentos de texto para diferentes predefinições de parágrafo.

Espaçamento e borda spacing-and-border

Escolha entre várias estruturas diferentes e personalize sua margem, preenchimento ou borda.

No exemplo abaixo, estamos personalizando um Contêiner.

Margens

Preenchimento

Cantos

Bordas

Alterne a borda para ATIVADA para revelar opções para definir o tamanho, o estilo e a posição.

Abaixo estão alguns exemplos visuais de alteração do estilo da borda.

Tipo
Configuração de tamanho e estilo
Efeito
Tracejado
Pontilhado
Cheio

Ajuste quais lados da borda devem ser mostrados ou ocultados. No exemplo abaixo, a borda superior fica oculta.

Configuração de posição
Efeito

Configurações do botão button-settings

Definir elementos não coloridos para botões, como forma, raio, texto e tamanho. As três predefinições são: Primária, Secundária e Terciária.

Configuração
Descrição
Borda > Raio da borda
Curvatura do canto da borda do botão
Borda > Tamanho da borda
Espessura da borda do botão
Borda > Estilo da borda
Estilo da borda do botão (tracejado, sólido, pontilhado etc.)
Primário/Secundário/Terciário
Permite configurações para três predefinições de configurações de botão
TAMANHO > Altura
Configuração de altura do botão
TAMANHO > Largura
Configuração de largura do botão
Texto > Família da fonte
Opção de família de fontes para texto de botão
Texto > Biblioteca de fontes
Opção de biblioteca de fontes para texto de botão
Texto > Tamanho da fonte
Tamanho da fonte para o texto do botão
Texto > Alinhamento do texto
Alinhamento do texto do botão
Texto > Estilos de texto
Estilo do texto (negrito, itálico, sublinhado, tachado) do texto do botão

Divisor divider

Defina o tipo de configurações de linha e contêiner do divisor.

Configurações da grade grid-settings

Use Lacuna de colunas para controlar o espaçamento nas grades.

Clique em Salvar quando terminar.

Editar um tema existente edit-a-brand-theme

  1. Siga as etapas para criar um modelo de email.

  2. Na tela Criar seu modelo, selecione Criar ou editar temas.

  3. Clique na guia Meus temas.

  4. Selecione o tema desejado. O botão Criar torna-se um botão Editar. Clique em Editar.

  5. A tela de desenho é aberta para edição. Faça as alterações desejadas em qualquer uma das opções encontradas em Configurações.

TIP
Lembre-se de salvar seu trabalho!

Uso de temas de marca using-brand-themes

Aproveite temas de email, modelos de email e fragmentos.

É possível criar estruturas e componentes no editor e aplicar qualquer um dos temas de marca e suas variantes.

Em seus emails in-your-emails

  1. Siga as etapas para criar um email.

  2. Após a criação, clique em Editar conteúdo de email.

  3. Selecione Design do zero.

  4. Selecione Usar Temas (deve ser selecionado por padrão) e clique em Confirmar.

NOTE
Somente os emails criados por essa opção poderão aproveitar os temas de marca definidos.
  1. Clique no ícone Temas na barra lateral direita.

  2. Selecione entre temas do Adobe ou temas já criados.

    note note
    NOTE
    • Crie o conteúdo do email na tela e selecione um tema para aplicar ao conteúdo.
    • Um email pode conter apenas um tema de marca.
    • Para qualquer componente criado nesse ativo, você pode aplicar qualquer uma das opções de estilo disponíveis no tema da guia "Estilos" no painel direito (por exemplo, um call-to-action pode ser configurado como primário/secundário/terciário).
  3. Implemente os designs desejados. Por exemplo, um componente de texto pode ser selecionado para aplicar qualquer estilo de cabeçalho/parágrafo, conforme definido no tema.

    note note
    NOTE
    A guia Estilo é diferente de um email de estilo manual tradicional, em que há mais liberdade criativa para estilizar um componente.

Tornar um modelo compatível com temas make-a-template-compatible

  1. Localize e selecione o modelo desejado.

  2. Clique em Editar modelo de email.

  3. Clique no ícone Temas e clique em Gerar tema a partir do conteúdo.

  4. A janela Criar um tema é aberta. O Marketo Engage detecta automaticamente os elementos de estilo e os consolida em um novo tema.

  5. Nomeie seu tema.

  6. Faça as alterações desejadas (da mesma forma que faz ao criar um tema do zero). Clique em Salvar quando terminar.

Nos fragmentos in-your-fragments

  1. Siga as etapas para criar um fragmento.

  2. Projete seu tema de conteúdo usando as opções encontradas em Configurações.

Todo o conteúdo do fragmento criado na tela posteriormente adotará o tema selecionado. Também é possível aplicar qualquer variante de um tema ao conteúdo.

Depois que o fragmento é publicado, ele pode ser usado em qualquer template de email/email criado por meio de temas.

Itens a serem observados things-to-note

  • Ao criar um email do zero, você pode optar por começar a criar o conteúdo usando um tema para aplicar rapidamente um estilo específico que se ajuste à sua marca e design. Se você escolher o modo Clássico, não será possível aplicar temas, a menos que redefina seu email.

  • Os fragmentos não são compatíveis entre os modos Tema e Clássico. Para poder usar um fragmento em um conteúdo no qual um tema é aplicado, ele deve ser criado no modo Tema.

  • A atualização de um tema não será aplicada automaticamente a todos os ativos que os utilizam. Seria necessário editar objetos individuais para atualizar o tema.

  • Quando temas são excluídos, não afeta os ativos que os utilizam.

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac