Vous êtes ici :
Créer un flux d'écran payant WhatsApp
Ce tutoriel vous guide à travers l'élaboration d'un 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.
- Assurez-vous que les classes Apex de récupération des données de paiement (
PaymentMessageLineltems,Payment Payment Total,PaymentOrderContext,PaymentMessage PaymentInitiations) sont disponibles dans votre organisation. 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.
É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 Paiement Paiement Total .
- É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 pour l'initiation du 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é.


