Você está aqui:
Criar fluxo de tela de pagamento do WhatsApp para Índia
Este tutorial o conduz pela criação de um fluxo de tela de amostra que usa um componente de mensagens de pagamento para enviar uma solicitação de pagamento a um cliente. Você pode usar o componente para solicitar pagamentos de clientes diretamente em um canal de mensagens do WhatsApp. Para enviar esse componente e preenchê-lo com detalhes dinâmicos do pedido, você pode criar um fluxo de tela. Você pode usar esse fluxo para coletar os dados de pagamento necessários chamando ações do Apex. Os dados incluem itens de linha, totais, contexto do pedido e parâmetros personalizados, como valores de envio. Após a coleta de dados, o fluxo usa a ação Mensagem aprimorada para enviar o componente ao usuário.
- Consulte Usar fluxos de tela para interagir com usuários e Introdução aos fluxos de tela.
- Crie um componente de mensagens de pagamento do WhatsApp. Para as propriedades do componente, selecione o nome do país como Índia e o código da moeda como Rúpia indiana.
- Certifique-se de que as classes do Apex para recuperar dados de pagamento (
PaymentMessageLineltems,PaymentPaymentTotal,PaymentOrderContext,PaymentMessageePaymentInitiations) estejam disponíveis na sua organização. Você pode ter seus próprios nomes de classe para entender melhor. Para obter mais informações sobre como criar uma classe do Apex e um código de amostra, consulte Criar uma classe do Apex e snippets de código de amostra para classes do Apex. - O WhatsApp Pay Índia oferece suporte aos tipos de pagamento de gateways de pagamento, UPI e Links de pagamento. Para obter mais informações, consulte Meta WhatsApp Payment - Índia.
- Se você estiver enviando o status do pedido de volta ao usuário final, crie dois parâmetros personalizados em seu componente de mensagens de pagamento. Um para capturar o ID de referência e outro para capturar o rótulo do status do pedido. Além disso, configure seu modelo WABA para status do pedido. Se ainda não tiver configurado, faça login em sua conta da WABA e acesse seu modelo de mensagem. Na guia Utility, selecione Status do pedido e envie para revisão.
- Crie uma classe do Apex que processe o status do pagamento.
- Crie um parâmetro personalizado para capturar o valor do envio. É um parâmetro opcional que não está disponível para você por padrão.
- Os horários de expiração da sessão de mensagens podem ser diferentes dos horários de expiração do componente de pagamento.
- Certifique-se de enviar o status do pedido de volta ao cliente no chat.
Criar um parâmetro personalizado
- Em Configuração, na caixa Busca rápida, insira Componentes de mensagens e selecione Componentes de mensagens.
- Localize e clique no componente de mensagens do WhatsApp Pay.
- Clique em Parâmetros.
-
Clique em Novo.
A janela Novo Pameter aparece.
- Insira o nome como shipping_amount e selecione type como double.
- Clique em Salvar.
Etapa 1: criar um fluxo de tela
- Em Configuração, na caixa Busca rápida, insira Fluxos e selecione Fluxos.
-
Clique em Novo fluxo e selecione Fluxo de tela.
O Fluxo de tela aparece na página de layout automático. Se você não visualizar Fluxo de tela, use a caixa de pesquisa para pesquisar Fluxo de tela.
-
Clique em + para adicionar os elementos de fluxo de tela necessários.
Para obter mais informações sobre como trabalhar com elementos do Flow Builder, como Tela, Atribuição e Ação, consulte Elementos de Fluxo.
Etapa 2: obter o ID da sessão do Messaging
-
Clique em + para adicionar um elemento Tela ao seu fluxo para capturar o ID da sessão.
A janela Nova tela aparece.
- Em Componentes, na caixa de pesquisa, insira Texto e selecione Texto para adicionar um componente de Texto ao elemento Tela.
- Em Propriedades, para Rótulo, insira GetSessionld e insira os detalhes em outros campos, se necessário.
-
Clique em Concluído.
O fluxo é atualizado com o elemento de tela GetSessionld.
-
Clique em + abaixo do elemento da tela para adicionar um elemento Atribuição ao fluxo.
Esta etapa cria uma variável para armazenar o ID da sessão. Dê a ele o nome StoreSessionld.
-
Crie uma variável chamada Messaging Sessionld com o Tipo de dados definido como texto e selecione Disponível para entrada e Disponível para saída.
Atribua a variável Sessionld do Messaging ao valor do componente de tela (GetSessionld.Sessionld). Para obter mais informações sobre como criar variáveis, consulte Aprender sobre variáveis de fluxo.
Etapa 3: atribuir o valor do envio
- Adicione um elemento Atribuição e dê a ele o nome SaveShippingAmount.
-
Crie uma variável chamada ShippingAmount com o Tipo de dados definido como Número.
Atribua à variável Valor de envio um valor, como 10.
Etapa 4: obter itens de linha de pagamento
- Adicione um elemento Ação para chamar a classe do Apex que fornece itens de linha de pagamento.
- Em Ações de pesquisa, pesquise e selecione a ação PaymentMessageLineltems.
- Rotule a ação como GetPaymentLineltems.
- Em Exibir recursos de saída, selecione Atribuir variáveis manualmente (avançado).
-
Em Armazenar valores de saída, clique na caixa de pesquisa para criar uma variável chamada PaymentLineltems.
-
Defina o Tipo de dados como Apex-Defined, selecione a classe do Apex
RichMessaging_PaymentLinelteme selecione Permitir diversos valores (coleção). - Selecione Disponível para entrada e Disponível para saída. Atribua a saída à sua variável PaymentLineltems.
-
Defina o Tipo de dados como Apex-Defined, selecione a classe do Apex
- Clique em Concluído.
Etapa 5: obter o total do pagamento
- Adicione um elemento Ação para chamar a classe do Apex que fornece o pagamento total.
- Em Ações de pesquisa, pesquise e selecione a ação PaymentPaymentTotal.
- Rotule a ação como GetPayment Total.
- Em Exibir recursos de saída, selecione Atribuir variáveis manualmente (avançado).
-
Em Armazenar valores de saída, clique na caixa de pesquisa para criar uma variável chamada Total de pagamento.
- Defina o Tipo de dados como Apex-Defined e selecione a classe do Apex RichMessaging_PaymentTotal. Não permita diversos valores. Atribua a saída à sua variável Total de pagamento.
- Selecione Disponível para entrada e Disponível para saída.
- Clique em Concluído.
Etapa 6: obter o contexto do pedido
- Adicione um elemento Ação para chamar a classe do Apex que fornece o contexto ou detalhes do pedido.
- Em Ações de pesquisa, pesquise e selecione a ação PaymentOrderContext.
- Rotule a ação como GetPaymentOrderContext.
- Em Exibir recursos de saída, selecione Atribuir variáveis manualmente (avançado).
-
Em Armazenar valores de saída, clique na caixa de pesquisa para criar uma variável chamada OrderContext.
- Defina o Tipo de dados como Apex-Defined e selecione a classe do Apex RichMessaging_OrderContext. Não permita diversos valores. Atribua a saída à sua variável OrderContext.
- Selecione Disponível para entrada e Disponível para saída.
- Clique em Concluído.
Etapa 7: obter iniciações de pagamento
- Adicione um elemento Ação para chamar a classe do Apex para iniciar o pagamento.
- Em Ações de pesquisa, pesquise e selecione a ação PaymentInitiations.
- Rotule a ação como GetPaymentInitiations.
- Em Exibir recursos de saída, selecione Atribuir variáveis manualmente (avançado).
-
Em Armazenar valores de saída, clique na caixa de pesquisa para criar uma variável chamada PaymentInitiations.
- Defina o Tipo de dados como Apex-Defined, selecione a classe do Apex RichMessaging_PaymentInitiation e selecione Permitir diversos valores (coleção). Atribua a saída à sua variável PaymentInitiations.
- Selecione Disponível para entrada e Disponível para saída.
- Clique em Concluído.
Etapa 8: enviar o componente de pagamento
-
Adicione um elemento Tela para criar interfaces interativas que coletem entradas de usuários ou exibem informações a eles.
Rótulo como SendPaymentComponent.
- Em Componentes, na caixa de pesquisa, insira Mensagem aprimorada e selecione Mensagem aprimorada.
-
Em Propriedades, selecione os detalhes necessários.
- Para ID da sessão do Messaging, selecione a variável Sessionld do Messaging.
- Para Nome do componente de mensagens, selecione o nome do componente de mensagens de pagamento. Por exemplo, Exemplo de componente de pagamento do WhatsApp.
- Mapeie os parâmetros padrão para as variáveis definidas pelo Apex que você criou.
- Parâmetro de itens de linha de pagamento: PagamentoLineltems
- Parâmetro de pagamento total: Total de pagamento
- Contexto do pedido: OrderContext
- PaymentInitiations: PaymentInitiations
-
Clique em Configurar parâmetros personalizados.
- Em Nome do parâmetro, selecione shipping_mount.
- Em Tipo de valor do parâmetro, selecione Variável.
- Em Variável, selecione a variável ShippingAmount.
- Clique em Adicionar.
- Clique em Concluído.


