Uso de listas de produtos em uma mensagem transacional using-product-listings
Ao editar o conteúdo de um email transacional, você pode criar listas de produtos que façam referência a uma ou mais coleções de dados. Por exemplo, em um email de abandono de carrinho, você pode incluir uma lista de todos os produtos que estavam nos carrinhos dos usuários quando eles saíram do site, com uma imagem, o preço e um link para cada produto.
Para adicionar uma lista de produtos abandonados em uma mensagem transacional, siga as etapas abaixo.
Você também pode assistir a este conjunto de vídeos explicando as etapas necessárias para configurar as listas de produtos em um email transacional.
Definição de uma lista de produtos defining-a-product-listing
Antes de usar uma lista de produtos em uma mensagem transacional, é necessário definir no nível do evento a lista de produtos e os campos para cada produto da lista que você deseja exibir. Para obter mais informações, consulte Definição de coleções de dados.
-
Na mensagem transacional, clique no bloco Content para modificar o conteúdo do email.
-
Arraste e solte um componente de estrutura no espaço de trabalho. Para obter mais informações, consulte Definição da estrutura de email.
Por exemplo, selecione um componente de estrutura de uma coluna e adicione um componente de texto, um componente de imagem e um componente de botão. Para obter mais informações, consulte Usando componentes de conteúdo.
-
Selecione o componente de estrutura que você acabou de criar e clique no ícone Enable product listing, na barra de ferramentas contextual.
O componente de estrutura está realçado com um quadro laranja e as configurações da Product listing são exibidas na paleta esquerda.
-
Selecione como os elementos da coleção serão exibidos:
- Row: horizontalmente, o que significa cada elemento em uma linha abaixo da outra.
- Column: verticalmente, o que significa cada elemento ao lado do outro na mesma linha.
note note NOTE A opção Column só está disponível ao usar um componente de estrutura de várias colunas ( 2:2 column, 3:3 column e 4:4 column ). Ao editar a lista de produtos, preencha apenas a primeira coluna: as outras colunas não serão consideradas. Para obter mais informações sobre como selecionar componentes de estrutura, consulte Definição da estrutura de email. -
Selecione a coleção de dados criada ao configurar o evento relacionado à mensagem transacional. Você pode encontrá-la no nó Context > Real-time event > Event context.
Para obter mais informações sobre como configurar o evento, consulte Definição de coleções de dados.
-
Use a lista suspensa First item para selecionar qual elemento iniciará a lista exibida no email.
Por exemplo, se você selecionar 2, o primeiro item da coleção não será exibido no email. A lista de produtos iniciará no segundo item.
-
Selecione o número máximo de itens que serão exibidos na lista.
note note NOTE Se quiser que os elementos da lista sejam exibidos verticalmente ( Column ), o número máximo de itens é limitado de acordo com o componente de estrutura selecionado (2, 3 ou 4 colunas). Para obter mais informações sobre como selecionar componentes de estrutura, consulte Edição da estrutura do email.
Preenchimento da lista de produtos populating-the-product-listing
Para exibir uma lista de produtos provenientes do evento vinculado ao email transacional, siga as etapas abaixo.
Para obter mais informações sobre como criar uma coleção e campos relacionados ao configurar o evento, consulte Definição de coleções de dados.
-
Selecione o componente de imagem inserido, selecione Enable personalization e clique no lápis, no painel Configurações.
-
Selecione Add personalization field na janela Image source URL que será aberta.
No nó Context > Real-time event > Event context, abra o nó correspondente à coleção que você criou (aqui Product list ) e selecione o campo de imagem definido (aqui Product image ). Clique em Save.
O campo de personalização selecionado agora é exibido no painel Settings.
-
Na posição desejada, selecione Insert personalization field na barra de ferramentas contextual.
-
No nó Context > Real-time event > Event context, abra o nó correspondente à coleção que você criou (aqui Product list ) e selecione o campo que você criou (aqui Product name ). Clique em Confirm.
O campo de personalização selecionado agora é exibido na posição desejada no conteúdo de email.
-
Proceda da mesma forma para inserir o preço.
-
Selecione algum texto e selecione Insert link na barra de ferramentas contextual.
-
Selecione Add personalization field na janela Insert link que será aberta.
No nó Context > Real-time event > Event context, abra o nó correspondente à coleção que você criou (aqui Product list ) e selecione o campo URL que você criou (aqui Product URL ). Clique em Save.
note important IMPORTANT Por motivos de segurança, insira o campo de personalização dentro de um link que comece com um nome de domínio estático apropriado. 
O campo de personalização selecionado agora é exibido no painel Settings.
-
Selecione o componente de estrutura no qual a lista de produtos é aplicada e selecione Show fallback para definir um conteúdo padrão.
-
Arraste um ou mais componentes de conteúdo e edite-os conforme necessário.
O conteúdo de fallback será exibido se a coleção estiver vazia quando o evento for acionado. Por exemplo, se um cliente não tiver nada em seu carrinho.
-
No painel Configurações, edite os estilos para a lista de produtos. Para obter mais informações, consulte Gerenciamento de estilos de email.
-
Pré-visualize o email usando um perfil de teste vinculado ao evento transacional relevante e para o qual você definiu os dados da coleta. Por exemplo, adicione as seguintes informações na seção Event data para o perfil de teste que você deseja usar:
Para obter mais informações sobre como definir um perfil de teste em uma mensagem transacional, consulte esta seção.