Blocos de produtos do tipo arrastar e soltar

O editor de arrastar e soltar permite que você adicione e configure rapidamente blocos de produtos às suas mensagens para exibir produtos sem interrupções, sem a necessidade de criar código Liquid personalizado.

Requisitos

Requisito	Descrição
Eventos recomendados para comércio eletrônico	Os eventos recomendados para comércio eletrônico fornecem esquemas de dados padronizados para os principais eventos comportamentais que ocorrem antes e depois da realização de um pedido. Esses eventos acabarão substituindo o antigo evento de compra do Braze e se tornarão o padrão para rastrear o comportamento relacionado ao comércio. Os eventos recomendados para comércio eletrônico são necessários para blocos de produtos dinâmicos. Os eventos recomendados para comércio eletrônico estão atualmente em acesso antecipado. Entre em contato com seu gerente de sucesso do cliente Braze se estiver interessado em participar desse acesso antecipado.
Modelos do eCommerce Canvas	Os eventos recomendados para comércio eletrônico suportam modelos pré-criados, incluindo modelos do eCommerce Canvas 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 comércio eletrônico usando os modelos do eCommerce Canvas, deve usar ou seguir o modelo de Canvas fornecido.
Catálogo Braze	Você precisa criar um catálogo Braze que inclua os seguintes campos, que serão usados na configuração do bloco de produtos: product_title product_url variant_image_url
Seleção de catálogo	Para blocos de produtos estáticos, é necessário criar uma seleção de catálogo para especificar os produtos a serem incluídos no bloco de produtos.

Tipos de blocos de produtos de arrastar e soltar

Bloco de produtos	Finalidade	Casos de uso	Disponibilidade
Dinâmico	Personalize suas mensagens com uma vitrine de produtos baseada nas interações com os clientes, usando eventos e catálogos recomendados para comércio eletrônico em nossos modelos do eCommerce Canvas.	Navegador abandonado Carrinho abandonado Checkout abandonado Confirmações de pedidos	Disponível somente em Canvas.
Estático	Personalizar produtos usando dados armazenados em um catálogo Braze. Você deve usar uma seleção de catálogo para especificar os produtos a serem incluídos.	Perfeito para apresentar lançamentos de novos produtos ou ofertas específicas de uma categoria.

Configuração do conteúdo do bloco de produtos

Cada tipo de bloco tem configurações de conteúdo diferentes.

Campos de produtos

Na seção Product Fields (Campos do produto ), selecione o tipo de bloco do produto e, em seguida, ative os campos que deseja incluir para cada produto. Cada campo é extraído de fontes diferentes com base no tipo de bloco de produtos que você seleciona.

Bloco dinâmico de produtos

Campo do produto	Fonte
Imagem variante	Catálogos
Título do produto	Catálogos
Botão para URL do produto	Catálogos
Preço	Propriedade do evento Recommended eCommerce
Quantidade	Propriedade do evento Recommended eCommerce

Campos de produto para um bloco de produto dinâmico, que são divididos em dados de catálogo e dados de evento](/docs/pt-br/assets/img/product_blocks/dynamic_fields.png?cfbc61d1d35ead8d1103cf60b656c82c){: style=”max-width:50%;”}

Bloco de produto estático

Campo do produto	Fonte
Imagem variante	Catálogos
Título do produto	Catálogos
Botão para URL do produto	Catálogos
Preço	Catálogos

Campos de produto para um bloco de produto estático, que são todos categorizados como dados de catálogo.](/docs/pt-br/assets/img/product_blocks/static_fields.png?343ae18efe7098cb9352a9fc2b38297e){: style=”max-width:50%;”}

Opções de layout

Use as opções de layout para personalizar a exibição de seus produtos no bloco de produtos.

Opção	Descrição
Orientação do produto	Escolha como os campos de imagem e produto dentro do bloco serão orientados.
Alinhamento	Ajuste o alinhamento dos campos de texto e do botão dentro do bloco.
Máximo 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 entre produtos	Defina o espaçamento entre os produtos.

Opções de layout para orientação do produto, alinhamento, máximo de produtos por linha e espaçamento entre produtos.](/docs/pt-br/assets/img/product_blocks/layout_options.png?2f6c3b26ddd0280eee7a5beca3713377){: style=”max-width:50%;”}

Configurações globais de estilo de e-mail

As configurações globais de estilo de e-mail permitem que você aplique um estilo consistente aos seus e-mails no 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 globais de estilo de e-mail funcionam com blocos de produtos

Os estilos existentes para parágrafos e botões serão aplicados automaticamente aos elementos de texto e botão no bloco de produtos. Isso significa que qualquer formatação que você tenha definido para parágrafos e botões será usada de forma consistente no bloco de produtos, mantendo uma aparência coesa em todo o e-mail.

Configuração de blocos de produtos

Configuração do catálogo

Para usar blocos de produtos do tipo arrastar e soltar, você precisa configurar um catálogo Braze que inclua valores de campo específicos. Esses campos serão usados na configuração do bloco do produto. Certifique-se de que seu catálogo inclua os seguintes campos:

Campo	Descrição
product_title	O título do produto.
product_url	O URL onde os clientes podem visualizar ou comprar o produto.
variant_image_url	O URL da imagem variante.

Comece a trabalhar com este exemplo de Catálogo de Produtos, que inclui os campos obrigatórios.

!Um exemplo de arquivo CSV com os campos obrigatórios, além de outros.

Criação de blocos de produtos

Este guia o guiará pelas etapas para criar, testar e garantir a funcionalidade de um bloco de produto dinâmico ou estático usando nosso editor de arrastar e soltar de e-mail.

Etapa 1: Crie uma campanha de e-mail ou uma etapa do Canvas de e-mail

Bloco dinâmico de produtos

Crie um novo Canvas que use um dos modelos Braze disponíveis para seu caso de uso específico:

• Navegação abandonada
• Carrinho abandonado
• Checkout abandonado
• Confirmações de pedidos

Para obter instruções detalhadas sobre como criar seus Canvases de comércio eletrônico, consulte os casos de uso de comércio eletrônico.

Bloco de produto estático

Crie uma campanha de e-mail de arrastar e soltar, um Canvas baseado em ação ou um modelo que tenha uma etapa de Mensagem de e-mail de arrastar e soltar.

Etapa 2: Adicionar um bloco de produto

• dynamic product block
• static product block

A guia “Content” (Conteúdo) contém blocos do editor, como blocos de produtos.](/docs/pt-br/assets/img/product_blocks/product_block.png?635004b79ae94364fde3015266bccb70){: style=”max-width:40%;”}

Etapa 3: Configurar campos de produtos

Selecione quais campos de produto devem ser exibidos no bloco de produtos. Selecione Aplicar configurações após cada alteração para ver as atualizações no editor.

Você também pode personalizar o texto antes das tags Liquid. Por exemplo, você pode acrescentar um cifrão ($) ao preço de um item ou atualizar o termo de quantidade para “quantidade” ou outro rótulo preferido.

!Bloco de produto com um lado de dólar anexado ao preço do item.

Etapa 4: Configurar definições de layout

Altere as opções de layout para atualizar a forma como os produtos são exibidos em seu bloco de produtos e certifique-se de selecionar Aplicar configurações após cada alteração.

Etapa 5: Visualize e teste sua mensagem

• dynamic product block
• static product block

Quando terminar de criar sua mensagem e confirmar que ela está de acordo com o esperado, você estará pronto para enviar!