Vous êtes ici :
Création d'un flux d'écran payant WhatsApp pour l'Inde
Ce tutoriel vous guide à travers l'élaboration d'un exemple de flux d'écran qui utilise un composant de messagerie Paiement pour envoyer une demande de paiement à un client. Vous pouvez utiliser le composant pour demander des paiements aux clients directement depuis un canal de messagerie WhatsApp. Pour envoyer ce composant et le remplir avec des détails de commande dynamiques, vous pouvez élaborer un flux d'écran. Vous pouvez utiliser ce flux pour recueillir les données de paiement nécessaires en appelant des actions Apex. Les données comprennent les éléments de ligne, les totaux, le contexte de la commande et des paramètres personnalisés tels que les montants d'expédition. Après la collecte de données, le flux utilise l'action Message avancé pour envoyer le composant à l'utilisateur.
- Consultez Utilisation de flux d'écran pour interagir avec les utilisateurs et premiers pas avec les flux d'écran.
- Créez un composant de messagerie Paiement WhatsApp. Pour les propriétés de votre composant, assurez-vous de sélectionner le nom du pays Inde et le code de devise Roupie indienne.
- Assurez-vous que les classes Apex de récupération des données de paiement (
PaymentMessageLineltems,PaymentPaymentTotal,PaymentOrderContext,PaymentMessageetPaymentInitiations) sont disponibles dans votre organisation. Vous pouvez avoir vos propres noms de classe pour une meilleure compréhension. Pour plus d'informations sur la création d'une classe Apex et d'un exemple de code, consultez Création d'une classe Apex et exemples d'extrait de code pour classes Apex. - WhatsApp Pay India prend en charge les types de paiement Passerelles de paiement, UPI et Liens de paiement. Pour plus d'informations, consultez Meta WhatsApp Payment - India.
- Si vous renvoyez le statut de la commande à l'utilisateur, créez deux paramètres personnalisés dans votre composant de messagerie Paiement. Un pour capturer l'ID de référence et un autre pour capturer l'étiquette du statut de la commande. Assurez-vous également que vous avez configuré votre modèle WABA pour le statut de la commande. Si vous n'avez pas encore configuré, connectez-vous à votre compte WABA et accédez à votre modèle de message. Sous l'onglet Utilitaire, sélectionnez Statut de la commande, puis soumettez pour révision.
- Créez une classe Apex qui gère le statut de paiement.
- Créez un paramètre personnalisé pour capturer le montant d'expédition. Ce paramètre facultatif n'est pas disponible par défaut.
- Les heures d'expiration de la session de messagerie peuvent différer des heures d'expiration du composant de paiement.
- Assurez-vous de renvoyer le statut de la commande au client dans le chat.
Création d'un paramètre personnalisé
- Dans Configuration, saisissez Composants de messagerie dans la case Recherche rapide, puis sélectionnez Composants de messagerie.
- Recherchez et cliquez sur votre composant de messagerie WhatsApp Pay.
- Cliquez sur Paramètres.
-
Cliquez sur Nouveau.
La fenêtre Nouveau paramètre s'affiche.
- Saisissez le nom shipping_amount, puis sélectionnez type double.
- Cliquez sur Enregistrer.
Étape 1 : Créer un flux d'écran
- Dans Configuration, saisissez Flux dans la case Recherche rapide, puis sélectionnez Flux.
-
Cliquez sur Nouveau flux, puis sélectionnez Flux d'écran.
Le flux d'écran est affiché dans la page de présentation automatique. Si Flux d'écran n'est pas affiché, utilisez la case de recherche pour rechercher Flux d'écran.
-
Cliquez sur + pour ajouter les éléments de flux d'écran requis.
Pour plus d'informations sur l'utilisation d'éléments Flow Builder, tels que Écran, Attribution et Action, consultez Éléments de flux.
Étape 2 : Obtenir l'ID de session de messagerie
-
Cliquez sur + pour ajouter un élément Écran à votre flux afin de capturer l'ID de session.
La fenêtre Nouvel écran s'affiche.
- Sous Composants, saisissez Texte dans la case de recherche, puis sélectionnez Texte pour ajouter un composant Texte à l'élément Écran.
- Sous Propriétés, dans Étiquette, saisissez GetSessionld, puis saisissez les détails dans d'autres champs si nécessaire.
-
Cliquez sur Terminé.
Le flux est mis à jour avec l'élément d'écran GetSessionld.
-
Cliquez sur + sous l'élément d'écran pour ajouter un élément Attribution au flux.
Cette étape crée une variable pour stocker l'ID de session. Nommez-la StoreSessionld.
-
Créez une variable intitulée Messaging Sessionld avec le Type de données défini sur Texte, puis sélectionnez Disponible pour entrée et Disponible pour sortie.
Attribuez la variable Sessionld de messagerie à la valeur du composant d'écran (GetSessionld.Sessionld). Pour plus d'informations sur la création de variables, consultez En savoir plus sur les variables de flux.
Étape 3 : Attribuer le montant d'expédition
- Ajoutez un élément Attribution et nommez-le SaveShippingAmount.
-
Créez une variable nommée ShippingAmount avec le Type de données défini sur Number.
Attribuez à la variable Montant d'expédition une valeur, par exemple 10.
Étape 4 : Obtenir des éléments de ligne de paiement
- Ajoutez un élément Action pour appeler la classe Apex qui fournit les éléments de ligne de paiement.
- Sous Actions de recherche, recherchez et sélectionnez l'action PaymentMessageLineltems.
- Étiquetez l'action GetPaymentLineltems.
- Sous Afficher les ressources de sortie, sélectionnez Variables d'attribution manuelle (avancé).
-
Sous Stocker les valeurs de sortie, cliquez sur la case de recherche pour créer une variable nommée PaymentLineltems.
-
Définissez le Type de données sur Apex défini, sélectionnez la classe Apex
RichMessaging_PaymentLineltem, puis sélectionnez Autoriser les valeurs multiples (collection). - Sélectionnez Disponible pour entrée et Disponible pour sortie. Attribuez la sortie à votre variable PaymentLineltems.
-
Définissez le Type de données sur Apex défini, sélectionnez la classe Apex
- Cliquez sur Terminé.
Étape 5: Obtenir le total des paiements
- Ajoutez un élément Action pour appeler la classe Apex qui fournit le paiement total.
- Sous Actions de recherche, recherchez et sélectionnez l'action PaymentPaymentTotal.
- Étiquetez l'action sur GetPayment Total.
- Sous Afficher les ressources de sortie, sélectionnez Variables d'attribution manuelle (avancé).
-
Sous Stocker les valeurs de sortie, cliquez sur la case de recherche pour créer une variable intitulée Total du paiement.
- Définissez le Type de données sur Apex-Defined et sélectionnez la classe Apex RichMessaging_PaymentTotal. N'autorisez pas les valeurs multiples. Attribuez la sortie à votre variable Total des paiements.
- Sélectionnez Disponible pour entrée et Disponible pour sortie.
- Cliquez sur Terminé.
Étape 6 : Obtenir le contexte de la commande
- Ajoutez un élément Action pour appeler la classe Apex qui fournit le contexte ou les détails de la commande.
- Sous Actions de recherche, recherchez et sélectionnez l'action PaymentOrderContext.
- Étiquetez l'action GetPaymentOrderContext.
- Sous Afficher les ressources de sortie, sélectionnez Variables d'attribution manuelle (avancé).
-
Sous Stocker les valeurs de sortie, cliquez sur la case de recherche pour créer une variable intitulée OrderContext.
- Définissez le Type de données sur Apex-Defined et sélectionnez la classe Apex RichMessaging_OrderContext. N'autorisez pas les valeurs multiples. Attribuez la sortie à votre variable OrderContext.
- Sélectionnez Disponible pour entrée et Disponible pour sortie.
- Cliquez sur Terminé.
Étape 7 : Obtenir des initiations de paiement
- Ajoutez un élément Action pour appeler la classe Apex afin d'initier le paiement.
- Sous Actions de recherche, recherchez et sélectionnez l'action PaymentInitiations.
- Étiquetez l'action GetPaymentInitiations.
- Sous Afficher les ressources de sortie, sélectionnez Variables d'attribution manuelle (avancé).
-
Sous Stocker les valeurs de sortie, cliquez sur la case de recherche pour créer une variable intitulée PaymentInitiations.
- Définissez le Type de données sur Apex-Defined, sélectionnez la classe Apex RichMessaging_PaymentInitiation, puis sélectionnez Autoriser les valeurs multiples (collection). Attribuez la sortie à votre variable PaymentInitiations.
- Sélectionnez Disponible pour entrée et Disponible pour sortie.
- Cliquez sur Terminé.
Étape 8 : Envoyer le composant Paiement
-
Ajoutez un élément Écran pour créer des interfaces interactives qui recueillent les données des utilisateurs ou leur affichent des informations.
Étiquetez-le en SendPaymentComponent.
- Sous Composants, saisissez Message avancé dans la case de recherche, puis sélectionnez Message avancé.
-
Sous Propriétés, sélectionnez les détails requis.
- Dans ID de session de messagerie, sélectionnez la variable Sessionld de messagerie.
- Dans Nom du composant de messagerie, sélectionnez le nom de votre composant de messagerie Paiement. Par exemple, Exemple de composant Paiement WhatsApp.
- Mappez les paramètres standard avec les variables définies par Apex que vous avez créées.
- Paramètre Éléments de ligne de paiement : PaymentLineltems
- Paramètre Total du paiement : Total du paiement
- Contexte de la commande : OrderContext
- PaymentInitiations : PaymentInitiations
-
Cliquez sur Configurer les paramètres personnalisés.
- Dans Nom du paramètre, sélectionnez shipping_amount.
- Dans Type de valeur du paramètre, sélectionnez Variable.
- Dans Variable, sélectionnez la variable ShippingAmount.
- Cliquez sur Ajouter.
- Cliquez sur Terminé.


