Blocos de produto arrastar e soltar
O editor de arrastar e soltar permite que você adicione e configure rapidamente blocos de produto em suas mensagens para mostras de produtos sem costura, sem a necessidade de criar código Liquid personalizado.
O recurso de bloco de produto arrastar e soltar está em acesso antecipado e atualmente disponível apenas para e-mail. Entre em contato com seu gerente de conta Braze se estiver interessado em participar do acesso antecipado.
Solicitações
| Requisito | Descrição |
|---|---|
| eventos recomendados de eCommerce | eventos recomendados de eCommerce fornecem esquemas de dados padronizados para eventos comportamentais chave que ocorrem antes e depois de um pedido ser feito. Esses eventos eventualmente substituirão o evento de compra legado do Braze e se tornarão o padrão para rastreamento de comportamento relacionado ao comércio. Eventos recomendados de eCommerce são necessários para blocos de produto dinâmicos. Eventos recomendados de eCommerce estão atualmente em acesso antecipado. Entre em contato com seu gerente de sucesso do cliente do Braze se você estiver interessado em participar deste acesso antecipado. |
| modelos de Canvas de eCommerce | Os eventos recomendados de eCommerce suportam modelos pré-construídos, incluindo modelos de Canvas de eCommerce projetados para casos de uso essenciais, como navegação abandonada, carrinhos abandonados e confirmações de pedidos. Se você planeja implementar qualquer um desses casos de uso essenciais de eCommerce usando os modelos de Canvas de eCommerce, você deve usar ou seguir o modelo de Canvas fornecido. |
| catálogo do Braze | Você deve criar um catálogo do Braze que inclua os seguintes campos, que você usará na configuração do seu bloco de produto: |
| seleção de catálogo | Para blocos de produto estáticos, você deve criar uma seleção de catálogo para especificar quais produtos incluir em seu bloco de produto. |
Tipos de blocos de produto arrastar e soltar
| Bloco de produto | Finalidade | Casos de uso | Disponibilidade |
|---|---|---|---|
| Dinâmico | Personalize seu envio de mensagens com uma vitrine de produtos com base nas interações dos clientes usando eventos recomendados de eCommerce e catálogos dentro de nossos modelos de Canvas de eCommerce. |
|
Disponível apenas no Canvas. |
| Estático | Personalize produtos usando dados armazenados em um catálogo Braze. Você deve usar uma seleção de catálogo para especificar quais produtos incluir. | Perfeito para exibir lançamentos de novos produtos ou ofertas específicas de categoria. |
Configuração de conteúdo do bloco de produto
Cada tipo de bloco tem diferentes configurações de conteúdo.
Campos do produto
Na seção Campos de Produto, selecione o tipo de bloco de produto, depois ative os campos que você gostaria de incluir para cada produto. Cada campo é extraído de diferentes fontes com base no tipo de bloco de produto que você selecionar.
Bloco dinâmico de produtos
| Campo de produto | Origem |
|---|---|
| Imagem da variante | Catálogos |
| Título do produto | Catálogos |
| Botão para URL do produto | Catálogos |
| Preço | Propriedade de evento recomendado de eCommerce |
| Quantidade | Propriedade de evento recomendado de eCommerce |
Bloco de produto estático
| Campo de produto | Origem |
|---|---|
| Imagem da variante | Catálogos |
| Título do produto | Catálogos |
| Botão para URL do produto | Catálogos |
| Preço | Catálogos |
Opções de layout
Use opções de layout para personalizar como seus produtos são exibidos dentro do seu bloco de produto.
| Opção | Descrição |
|---|---|
| Orientação do produto | Escolha como a imagem e os campos de produto dentro do bloco são orientados. |
| Alinhamento | Ajuste o alinhamento dos campos de texto e do botão dentro do bloco. |
| Máx. de produtos por linha | Exiba até três produtos por linha, até 12 produtos no total para blocos de produtos estáticos e até 24 produtos no total para blocos de produtos dinâmicos. |
| Espaçamento do produto | Defina o espaçamento entre os produtos. |
Configurações de estilo de e-mail global
Configurações de estilo de e-mail global permitem que você aplique um estilo consistente aos seus e-mails dentro do Braze. Isso significa que você pode definir estilos específicos—como fontes, cores e designs de botões—que serão aplicados automaticamente a todos os seus e-mails.
Como as configurações de estilo de e-mail global funcionam com blocos de produtos
Estilos existentes para parágrafos e botões são aplicados automaticamente aos elementos de texto e botão dentro do bloco de produtos. Isso significa que seu bloco de produtos usa consistentemente qualquer formatação que você definiu para parágrafos e botões, mantendo uma aparência coesa em todo o seu e-mail.
Configurando blocos de produtos
Configuração do catálogo
Se você estiver usando a integração do Braze e Shopify para sincronização de produtos, não precisa tomar nenhuma medida adicional para usar blocos de produtos arrastar e soltar.
Se você não tiver informações sobre variantes de produtos, precisará duplicar as informações do produto de nível superior tanto nos campos de produto quanto nos campos de variante de produto dentro das cargas de eventos e catálogos. Isso significa que você precisa fornecer os mesmos detalhes do produto para ambos os identificadores para manter a consistência para que o bloco de produtos funcione corretamente.
Para usar blocos de produtos arrastar e soltar, você precisa configurar um catálogo Braze que inclua valores de campo específicos. Você usa esses campos na configuração do seu bloco de produtos. Certifique-se de que seu catálogo inclua os seguintes campos:
| Campo | Descrição |
|---|---|
product_title |
O título do produto. |
product_url |
A URL onde os clientes podem visualizar ou comprar o produto. |
variant_image_url |
A URL da imagem variante. |
Comece com este catálogo de produtos de amostra, que inclui os campos necessários.
Mapeamento para campos do catálogo
Na aba Configurações do seu catálogo, você pode selecionar o toggle Blocos de produtos para mapear campos e informações específicas no seu catálogo. Isso permite que você selecione quais campos usar como título do produto, URL do produto e URL da imagem. Observe que os campos do catálogo do Shopify são mapeados por padrão e não podem ser alterados.
Se você não estiver usando Shopify, pode entrar em contato com seu gerente de conta para ativar o mapeamento de campos, que permite conectar qualquer catálogo a blocos de produtos e mapear seus campos para o product_title, product_url e variant_image_url.
Criando blocos de produtos
Este guia irá orientá-lo pelos passos para criar, testar e garantir a funcionalidade de um bloco de produto dinâmico ou estático usando nosso editor de arrastar e soltar para e-mail.
Etapa 1: Crie uma campanha de e-mail ou etapa do Canvas de e-mail
Bloco dinâmico de produtos
Blocos de produtos dinâmicos requerem eventos recomendados de eCommerce e só podem ser usados dentro de Canvases. Para usuários do Braze Shopify, esses eventos são incluídos automaticamente como parte da integração. Para usuários que não são do Shopify, você precisa trabalhar com seus desenvolvedores para passar esses eventos para o Braze e garantir que o identificador principal do produto dentro dos eventos seja adicionado como o ID do item do catálogo.
Crie um novo Canvas que use um dos modelos disponíveis do Braze para seu caso de uso específico:
- Navegação abandonada
- Carrinho abandonado
- Checkout abandonado
- Confirmações de Pedido
Para instruções detalhadas sobre como criar seus Canvases de eCommerce, consulte casos de uso de eCommerce.
Bloco de produto estático
Crie uma campanha de e-mail arrastar e soltar, um Canvas baseado em ação ou um modelo que tenha uma etapa de Mensagem de e-mail arrastar e soltar.
Etapa 2: Adicione um bloco de produto
Dentro da etapa de mensagem, crie um e-mail ou modifique o modelo existente usando o criador de e-mail arrastar e soltar. Arraste um bloco de produto para sua mensagem de e-mail. Confirme se o tipo de bloco dinâmico está selecionado. Selecione o catálogo de produtos que deseja usar para personalização. Certifique-se de que está alinhado com os produtos dos eventos de entrada que você está direcionando.
Arraste um bloco de produto para sua mensagem de e-mail e selecione o tipo de bloco estático. Selecione o catálogo que deseja usar para seu bloco de produto. Você deve selecionar uma seleção de catálogo para especificar quais produtos serão exibidos em seu bloco de produto.
Etapa 3: Configure os campos do produto
Selecione quais campos do produto devem ser exibidos no bloco de produto. Selecione Aplicar Configurações após cada alteração para ver as atualizações no editor.
Você também pode personalizar o texto antes de suas tags Liquid. Por exemplo, você pode adicionar um sinal de dólar ($) ao preço de um item ou atualizar o termo para quantidade para “quantidade” ou outro rótulo preferido.
Etapa 4: Configure as configurações de layout
Altere as opções de layout para atualizar como os produtos são exibidos dentro do seu bloco de produto e certifique-se de selecionar Aplicar configurações após cada alteração.
Etapa 5: Pré-visualize e teste sua mensagem
- Na seção Prévia & Teste, visualize a mensagem como um usuário personalizado.
- Especifique quantos itens você deseja renderizar na prévia.
- Confirme se o número correto de itens aparece e se suas opções de layout estão aplicadas corretamente. Observe que os itens que aparecem são selecionados aleatoriamente.
Uma prévia será gerada dentro do criador de arrastar e soltar quando você aplicar alterações ao seu bloco de produto.
Depois de terminar de criar sua mensagem e confirmar que ela está como esperado, você está pronto para enviar!
Editar esta página no GitHub