Criação de fragmentos
Depois de criar um fragmento, use o espaço de design visual para criar os componentes de estrutura e conteúdo no fragmento.
Adicionar estrutura e conteúdo design-fragment
-
Para iniciar o design do conteúdo, arraste um item das Estruturas e solte-o na tela.
Adicione quantos itens de Estruturas forem necessários e edite as configurações para cada um no painel à direita.
note tip TIP Selecione o componente n:n coluna para definir o número de colunas de sua escolha (entre três e 10). Você também pode definir a largura de cada coluna movendo as setas abaixo dela. 
Cada tamanho de coluna não pode ser menor que 10% da largura total do componente de estrutura. Somente colunas vazias podem ser removidas.
-
Expanda a seção Conteúdo e adicione quantos componentes de conteúdo forem necessários em um ou mais componentes de estrutura.
-
Se necessário, você pode fazer personalizações adicionais para cada componente nas guias Configurações ou Estilo.
Por exemplo, é possível alterar o estilo do texto, o preenchimento ou a margem de cada componente.
-
Para adicionar conteúdo condicional e adaptar o conteúdo aos perfis direcionados com base em regras condicionais, selecione um componente de conteúdo e clique no ícone Habilitar conteúdo condicional na barra de ferramentas do componente.
Para obter mais informações, consulte Conteúdo condicional.
Adicionar ativos
No editor de conteúdo visual, selecione o ícone do Marketo Engage Assets (
-
Adicione um novo ativo arrastando e soltando o ativo de imagem em um componente de estrutura.
-
Substitua um ativo de imagem existente selecionando-o na tela e clique em Selecionar um ativo nas ferramentas de origem de imagem.
Para obter mais informações sobre o uso de ativos do seu tipo de origem, consulte Usar ativos para criação de conteúdo.
Navegar pelas camadas, configurações e estilos
Conforme você trabalha com o conteúdo no espaço de design visual, pode acessar os componentes, as colunas e os elementos de conteúdo usando a árvore de navegação. Clique no ícone da Árvore de navegação (
O exemplo a seguir descreve as etapas para ajustar o preenchimento e o alinhamento vertical dentro de um componente de estrutura com colunas.
-
Selecione a coluna no componente de estrutura diretamente na tela ou usando a Árvore de navegação exibida à esquerda.
-
Na barra de ferramentas da coluna, clique na ferramenta Selecionar uma coluna e escolha a que deseja editar.
Também é possível selecioná-la na árvore de estrutura. Os parâmetros editáveis para essa coluna são exibidos nas guias Configurações e Estilos à direita.
-
Para editar as propriedades da coluna, clique na guia Estilos à direita e altere-os de acordo com suas necessidades:
-
Para Plano de fundo, altere a cor do plano de fundo conforme necessário.
Desmarque a caixa de seleção para um plano de fundo transparente. Habilite a configuração Imagem de plano de fundo para usar uma imagem como plano de fundo em vez de uma cor sólida.
-
Para o Alinhamento, selecione o ícone Superior, Meio ou Inferior.
-
Para Preenchimento, defina o preenchimento para todos os lados.
Selecione Preenchimento diferente para cada lado se desejar ajustar o preenchimento. Clique no ícone Bloquear para interromper a sincronização.
-
Expanda a seção Avançado para definir estilos embutidos para a coluna.
-
-
Se necessário, repita essas etapas para ajustar o alinhamento e o preenchimento das outras colunas no componente.
-
Salve as alterações.
Personalizar conteúdo
O Journey Optimizer B2B edition usa uma sintaxe simples em linha que permite criar expressões com conteúdo personalizado delimitado por chaves duplas {}. É possível adicionar várias expressões no mesmo conteúdo ou campo sem restrições.
Exemplos:
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}} -
Hello {{profile.person.name.fullName}}
Ao processar o conteúdo, o Journey Optimizer B2B edition substitui a expressão pelos dados contidos no banco de dados Experience Platform. Assim, o primeiro exemplo torna-se Olá, John Doe.
O exemplo a seguir descreve as etapas para personalizar o conteúdo usando atributos de lead/conta e tokens de sistema.
-
Selecione o componente de texto e clique no ícone Adicionar personalização na barra de ferramentas.
Esta ação abre a caixa de diálogo Editar Personalization.
-
Clique em + ou … para adicionar um token ao espaço em branco.
-
Clique em Salvar.
Conteúdo condicional
Para adicionar conteúdo condicional que adapta o conteúdo aos perfis direcionados com base em regras, selecione um componente de conteúdo e clique no botão Habilitar conteúdo condicional na barra de ferramentas do componente. Quando o fragmento publicado é incluído em uma mensagem de email, as regras condicionais determinam a variante de um componente condicional que é renderizado na mensagem de email.
Para obter mais informações, consulte Conteúdo condicional.
Ativar personalização de fragmentos
Quando um autor adiciona um fragmento a um modelo de email ou modelo de email, o conteúdo do fragmento é bloqueado por padrão. Quaisquer alterações no fragmento publicado são propagadas automaticamente para todos os ativos de conteúdo nos quais o fragmento é usado. Quando você designa um parâmetro para um componente no fragmento como editável, o autor do email ou modelo pode especificar um valor de campo personalizado específico para suas necessidades. Esse sinalizador de personalização é limitado aos componentes visuais de imagem, texto e botão.
Por exemplo, se você criar um banner reutilizável que inclua um botão clicável, poderá designar o parâmetro de URL do botão como editável. Os autores de email podem usar um URL mais específico para a campanha de email. Com esses campos personalizáveis, os profissionais de marketing podem gerenciar e personalizar o conteúdo reutilizável sem a necessidade de criar blocos de conteúdo totalmente novos ou interromper as atualizações herdadas do fragmento original.
-
No editor de conteúdo visual, selecione a imagem, o texto ou o elemento de botão no qual deseja habilitar a personalização.
-
Nos detalhes do componente à direita, selecione a guia Campos editáveis.
-
Clique na opção Habilitar edição e defina os campos editáveis.
Você pode ativar a personalização para os campos exibidos, que dependem do tipo de componente e dos parâmetros definidos no fragmento.
Altere a alternância para um estado ativado para cada campo onde deseja permitir a personalização.
-
Clique em Visão geral para revisar todos os campos editáveis e seus valores padrão.
-
Salve as alterações.
Editar rastreamento de URL vinculado
-
Clique no ícone Links (
-
Se necessário, clique no ícone Editar (
Você também pode adicionar Marcas para um link.
