Multi Product List + Cart - Vendas WhatsApp Take Blip 18 de janeiro de 2022 22:09 Atualizado Multi Product Message, Single Product Message and Cart Novos componentes para vendas no WhatsApp. Com as mensagens interativas é possível melhorar cada vez mais a experiência dos clientes que interagem com o Contato Inteligente da sua marca, permitindo que eles encontrem e realizem mais rapidamente o que buscam. Este artigo aborda: O que são os componentes Como criar e configurar o catálogo do Facebook Criar Catálogo Adicionar itens ao Catálogo Obtendo o identificador do produto para Product Template (Messenger) Obtendo o identificador do produto para Multi Product List (Whatsapp) Compartilhando o catálogo de produtos com Take Blip Associando o catálogo à Waba (Whatsapp Business Account) Apresentando os produtos no Builder do Blip via conteúdo dinâmico Multi Product Message Single Product Message Configuração do Order (Pedido) Product Message Message Business O que são os Componentes? Vídeo de Apresentação do Componente: https://drive.google.com/drive/folders/1UeCUpIq6dvji6GZQqPllO8BXmn0izbtW Multi Product List Messages (MPM): As mensagens de produtos permitem que uma empresa envie uma nova mensagem de forma nativa com uma lista configurável de até 30 itens, organizados em seções, para um cliente. Single Product Message (SPM): Mensagem contendo um único produto da lista de catálogo exibido em formato de Página de Detalhes do Produto (PDP). Product Display Page (PDP): Cada item enviado na Lista de Produtos tem uma Página de Exibição do Produto (PDP) dedicada, que pode ser acessada, quando o cliente seleciona um item na lista. As páginas de exibição do produto permitem que os clientes visualizem mais detalhes dos itens. Cart: Após a visualização do item no PDP o cliente pode adicionar o item a um Carrinho de Compra com a empresa, esse carrinho é armazenado localmente no dispositivo do cliente. É possível adicionar vários do mesmo item ou itens diferentes apresentados na lista de produtos. O carrinho irá persistir no topo do bate-papo até que o cliente envie o carrinho para a empresa como uma “mensagem de pedido”. Nesse momento a empresa pode então confirmar o pedido e executar as próximas etapas, como solicitar o endereço de entrega ou solicitar o pagamento. Como criar e configurar o catálogo do Facebook PRÉ-REQUISITOS Criar uma página no Facebook para sua empresa (https://www.facebook.com/business/help/473994396650734?id=939256796236247) Crie uma conta do Gerenciador de Negócios para que possa atribuir o seu catálogo à sua empresa. Só é permitido fazer upload de apenas um catálogo por WABA (WhatsApp Business Account), mas o mesmo catálogo pode pertencer a múltiplos números no WhatsApp. CRIAR CATÁLOGO Para criar um catálogo: Acesse o Gerenciador de Comércio. Comece a criar o seu catálogo: Se for o seu primeiro catálogo, clique em Começar. Selecione Criar um catálogo e clique em Começar. Se você já tiver pelo menos um catálogo, verá uma lista com todos os seus catálogos. Selecione + Adicionar catálogo para criar um. Selecione o tipo de inventário que você anuncia ou vende e clique em Avançar. Somente comércio eletrônico (produtos): escolha como deseja adicionar itens ao catálogo: Selecione Carregar informações do produto se você planeja adicionar itens no Gerenciador de Comércio. Selecione Conectar uma plataforma de parceiro, se você já organiza itens em uma plataforma de parceiro que tem uma integração com o Facebook. Selecione uma plataforma e clique no link para o site dela. Conclua a configuração e importe os itens para o Facebook. Saiba mais sobre como importar itens de uma plataforma de parceiro. Selecione a conta do Gerenciador de Negócios à qual o catálogo pertence. Isso desbloqueia mais maneiras de usar o catálogo, além da opção de selecionar uma conta pessoal, e permite que você atribua permissão a outras pessoas para trabalhar no catálogo. Para selecionar uma conta do Gerenciador de Negócios, você deve ser um administrador da empresa. Digite um nome para o catálogo. Clique em Criar. Você criou um catálogo. ADICIONAR ITENS AO CATÁLOGO Há três maneiras principais de adicionar itens ao seu catálogo no Gerenciador de Comércio: Manualmente: adicione itens usando um formulário manual no Gerenciador de Comércio. Feed de dados: carregue uma planilha para adicionar itens em massa. É possível carregar o arquivo uma vez ou programar carregamentos periódicos. São aceitos os formatos de arquivo CSV, TSV e XML (RSS/ATOM), assim como Planilhas Google. Pixel do Facebook: importe e atualize itens automaticamente no seu site. Esse método é mais complexo de configurar. Talvez seja necessária a ajuda de um desenvolvedor para instalar tags de microdados no seu site. A maneira mais fácil é adicionar os itens manualmente no Gerenciador de Comércio. Recomendamos essa opção se você tiver menos de 50 itens. ADICIONAR UM ITEM AO CATÁLOGO MANUALMENTE Métodos para adicionar itens a um catálogo | Central de Ajuda do Facebook para Empresas Exemplo de produto: Catálogo após o cadastro do produto: OBTENDO O IDENTIFICADOR DO PRODUTO PARA PRODUCT TEMPLATE (MESSENGER) Para exibir os produtos do catálogo no Contato inteligente no Messenger é necessário inserir o identificador do produto no bloco de conteúdo dinâmico.Para obter o ID do produto: Acesse o catálogo Clique no produto Clique em Ver mais campos Na listagem, encontre o campo ID ou Identificação. OBTENDO O IDENTIFICADOR DO PRODUTO PARA MULTI PRODUCT LIST (WHATSAPP) Para exibir os produtos do catálogo no Contato Inteligente no WhatsApp é necessário inserir o campo de identificação do conteúdo no bloco de conteúdo dinâmico.Para obter o identificador de conteúdo do produto: Acesse o catálogo Clique no produto Clique em Ver mais campos Na listagem, encontre o campo Content ID ou Identificação do conteúdo. 3. Compartilhando o catálogo de produtos com Take Blip Para exibir os produtos do catálogo no Contato Inteligente é necessário compartilhar o catálogo com a conta da Take Blip e para isso você precisará do número de identificação de Take Blip.Para compartilhar o catálogo: Acesse o Gerenciador de Comércio. Clique no ícone de menu no topo e clique em Configurações do negócio No menu à esquerda, clique em Fontes de dados e depois em Catálogos. Selecione o catálogo desejado e clique em Atribuir parceiros. Na tela que se abriu, selecione Identificação da empresa. Por fim, informe o número de identificação de Take Blip (Business Manager ID Take Blip) (entre em contato com o Suporte da Take Blip para obter esse número), habilite o Acesso parcial e Avance. 4. Associando o catálogo à Waba (Whatsapp Business Account) Caso a marca possua uma Waba própria, é responsabilidade da marca, associar o catálogo a essa Waba no gerenciador do Whatsapp, conforme exemplo demonstrado abaixo. 5. Apresentando os produtos no Builder do Blip via conteúdo dinâmico Dentro do Builder temos um componente chamado conteúdo dinâmico no qual você pode aprender mais sobre como usar aqui, após entendido como funciona e como utilizar o componente vamos montar nossa estrutura json do Multi-Product Message.Dentro do builder na tela do conteúdo dinâmico vamos clicar na seta de expansão conforme destacado na imagem abaixo: Na tela expandida vamos montar o json abaixo: MULTI PRODUCT MESSAGE { "type": "interactive", "interactive": { "type": "product_list", "header": { "type": "text", "text": "cabeçalho" }, "body": { "text": "Corpo" }, "footer": { "text": "Nossas melhores soluções prontas para implantação e uso." }, "action": { "catalog_id": "{{catalogId}}", "sections": [ { "title": "Produtos", "product_items": [ { "product_retailer_id": "hamburguer_take" }, { "product_retailer_id": "pizza_queijos" }, { "product_retailer_id": "hamburguer_cda" } ] }, { "title": "Produtos2", "product_items": [ { "product_retailer_id": "hamburguer_cda" } ] } ] } }} No json acima temos os seguintes parâmetros de dados:No objeto header temos o campo text que está relacionado a representação destacada abaixo: No objeto body também temos o campo text que está relacionado a representação destacada abaixo: No objeto footer também temos o campo text que está relacionado a representação destacada abaixo: No objeto action temos alguns parâmetros que deverão ser preenchidos de acordo com os dados que estão configurados na tela de administração do facebook que são: catalog_id: Id do seu catálogo que você criou anteriormente no Facebook criar catálogo; product_retailer_id: Id do seu produto que está atrelado ao catálogo criado adicionar itens ao catálogo; title: esse é o título da sua seção de produtos caso você queira separar os itens em mais de uma categoria/seção. Tendo preenchido corretamente esses itens acima a visualização no canal será como a abaixo: Além do Multi-Product Message temos também o Single Product Message que diferentemente do primeiro citado acima enviamos apenas para apresentar 1 único produto, conforme json abaixo: SINGLE PRODUCT MESSAGE { "type": "interactive", "interactive": { "type": "product", "body": { "text": "Templates" }, "footer": { "text": "Nossas melhores soluções prontas para implantação e uso." }, "action": { "catalog_id": "{{catalogId}}", "product_retailer_id": "hamburguer_take" } }} Diferentemente do multiProduct no singleProduct temos o campo header que não é necessária a utilização, a propriedade type também é alterada, anteriormente recebe o valor product_list e para o single recebe o valor product. Com o Json apresentado acima com o id do catálogo preenchido e com apenas 1 produto inserido temos a apresentação abaixo: 6 . Configuração do Order O order é um objeto gerado a partir do carrinho montado pelo cliente, o mesmo vem como resposta do cliente para o Blip em formato de JSON, montagem do carrinho: Uma vez que todos os produtos forem selecionados enviados com a mensagem(opcional), será encaminhado para o bot como uma mensagem na visão do cliente: Para o Blip o mesmo chega neste formato: Uma vez que o Order é gerado, é de responsabilidade do gestor do bot como lidará com esse pedido que foi realizado pelo whatsapp, alguns casos de uso de próximas etapas: Transbordo para atendimento humano. Geração de link de pagamento. 7. Product Message Product message é o objeto gerado quando o cliente manda uma mensagem a respeito de um produto, no Whatsapp fica dessa forma: Seleção do produto: MESSAGE BUSINESS A partir do item selecionado é possível mandar uma Mensagem para o negócio (Message Business): Mensagem enviada: Uma vez que a mensagem foi enviada, o Whatsapp envia um JSON do tipo text nesse formato: O Blip interpreta como uma mensagem de texto que foi enviada pelo usuário, o Gateway do whatsapp recebe essa mensagem e adiciona duas informações extras, são elas: Essas são informações referentes ao produto, o ID do catálogo e o ID do produto que foi solicitada a informação. Uma vez com essas informações extras, o BliP não consegue interpretar o essa mensagem, então é de responsabilidade do gestor do bot realizar o tratamento dessa mensagem, seguem alguns casos de uso possíveis Criar uma mensagem customizada, com a mensagem enviada pelo cliente juntamente com o produto , encaminhando-a para o atendimento humano. Realizar tratamento por uma IA (Complexo). Artigos relacionados Criando mensagens interativas Como criar Adesivos /, figurinhas ou Stickers no WhatsApp Política do WhatsApp Business Como usar o Disparador para criar, enviar e gerenciar mensagens ativas no WhatsApp Arquitetura do canal WhatsApp