Sie befinden sich hier:
WhatsApp Pay Screen Flow erstellen
Dieses Tutorial führt Sie durch die Erstellung eines Bildschirm-Flows, der eine Messaging-Komponente für Zahlungen verwendet, um eine Zahlungsanforderung an einen Kunden zu senden. Sie können die Komponente verwenden, um Zahlungen von Kunden direkt in einem WhatsApp-Messaging-Kanal anzufordern. Wenn Sie diese Komponente senden und mit dynamischen Auftragsdetails ausfüllen möchten, können Sie einen Bildschirm-Flow erstellen. Mit diesem Flow können Sie die erforderlichen Zahlungsdaten erfassen, indem Sie Apex-Aktionen aufrufen. Die Daten umfassen Belegposten, Gesamtsummen, Auftragskontext und benutzerdefinierte Parameter wie Versandbeträge. Nach der Datenerfassung verwendet der Flow die Aktion "Erweiterte Nachricht", um die Komponente an den Benutzer zu senden.
- Entsprechende Informationen finden Sie unter Verwenden von Bildschirm-Flows zur Interaktion mit Benutzern und Erste Schritte mit Bildschirm-Flows.
- Erstellen Sie eine WhatsApp-Zahlungsmessaging-Komponente.
- Stellen Sie sicher, dass die Apex-Klassen zum Abrufen von Zahlungsdaten (
PaymentMessageLineltems,Payment Payment Total,PaymentOrderContext,PaymentMessage PaymentInitiations) in Ihrer Organisation verfügbar sind. Weitere Informationen zum Erstellen einer Apex-Klasse und eines Beispielcodes finden Sie unter Erstellen einer Apex-Klasse und Beispielcodeauszüge für Apex-Klassen.
Schritt 1: Erstellen eines Bildschirm-Flows
- Geben Sie unter Setup im Feld "Schnellsuche" den Text Flows ein und wählen Sie dann Flows aus.
-
Klicken Sie auf Neuer Flow und wählen Sie Bildschirm-Flow aus.
Der Bildschirm-Flow wird auf der Seite mit dem automatischen Layout angezeigt. Wenn "Bildschirm-Flow" nicht angezeigt wird, verwenden Sie das Suchfeld, um nach "Bildschirm-Flow" zu suchen.
-
Klicken Sie auf +, um die erforderlichen Bildschirm-Flow-Elemente hinzuzufügen.
Weitere Informationen zur Verwendung von Flow Builder-Elementen wie Bildschirm, Zuweisung und Aktion finden Sie unter Flow-Elemente.
Schritt 2: Abrufen der Messaging-Sitzungs-ID
-
Klicken Sie auf +, um Ihrem Flow ein Bildschirmelement hinzuzufügen, um die Sitzungs-ID zu erfassen.
Das Fenster "Neuer Bildschirm" wird angezeigt.
- Geben Sie unter "Komponenten" im Suchfeld Text ein und wählen Sie dann Text aus, um dem Bildschirmelement eine Textkomponente hinzuzufügen.
- Geben Sie unter "Eigenschaften" für "Bezeichnung" den Text GetSessionld und bei Bedarf Details in andere Felder ein.
-
Klicken Sie auf Fertig.
Der Flow wird mit dem Bildschirmelement "GetSessionld" aktualisiert.
-
Klicken Sie unterhalb des Bildschirmelements auf +, um dem Flow ein Zuweisungselement hinzuzufügen.
In diesem Schritt wird eine Variable zum Speichern der Sitzungs-ID erstellt. Benennen Sie sie als StoreSessionld.
-
Erstellen Sie eine Variable mit dem Namen Messaging Sessionld, wobei der Datentyp auf Text festgelegt ist, und wählen Sie Zur Eingabe verfügbar und Zur Ausgabe verfügbar aus.
Weisen Sie dem Wert der Bildschirmkomponente (GetSessionld.Sessionld) die Variable "Messaging Sessionld" zu. Weitere Informationen zum Erstellen von Variablen finden Sie unter Informationen zu Flow-Variablen.
Schritt 3: Zuweisen des Versandbetrags
- Fügen Sie ein Zuweisungselement hinzu und nennen Sie es SaveShippingAmount.
-
Erstellen Sie eine Variable mit dem Namen ShippingAmount, wobei der Datentyp auf Number festgelegt ist.
Weisen Sie der Variablen "Versandbetrag" einen Wert zu, beispielsweise 10.
Schritt 4: Abrufen von Zahlungsbelegposten
- Fügen Sie ein Aktionselement hinzu, um die Apex-Klasse aufzurufen, die Zahlungsbelegposten bereitstellt.
- Suchen Sie unter "Suchaktionen" nach der Aktion "PaymentMessageLineltems" und wählen Sie sie aus.
- Bezeichnung der Aktion: GetPaymentLineltems.
- Wählen Sie unter "Ausgaberessourcen anzeigen" die Option Variablen manuell zuweisen (erweitert) aus.
-
Klicken Sie unter "Ausgabewerte speichern" auf das Suchfeld zum Erstellen einer Variablen mit dem Namen PaymentLineltems.
-
Legen Sie den Datentyp auf Apex-definiert fest, wählen Sie die
RichMessaging_PaymentLineltemApex Klasse und Mehrere Werte zulassen (Sammlung) aus. - Wählen Sie Zur Eingabe verfügbar und Zur Ausgabe verfügbar aus. Weisen Sie die Ausgabe Ihrer Variablen "PaymentLineltems" zu.
-
Legen Sie den Datentyp auf Apex-definiert fest, wählen Sie die
- Klicken Sie auf Fertig.
Schritt 5: Abrufen der Zahlungssumme
- Fügen Sie ein Aktionselement hinzu, um die Apex-Klasse aufzurufen, die die Gesamtzahlung bereitstellt.
- Suchen Sie unter "Suchaktionen" nach der Aktion "Zahlungssumme" und wählen Sie sie aus.
- Bezeichnen Sie die Aktion als GetPayment Total (GetPayment Total).
- Wählen Sie unter "Ausgaberessourcen anzeigen" die Option Variablen manuell zuweisen (erweitert) aus.
-
Klicken Sie unter "Ausgabewerte speichern" auf das Suchfeld, um eine Variable mit dem Namen "Zahlungssumme" zu erstellen.
- Legen Sie den Datentyp auf Apex-definiert fest und wählen Sie die Apex-Klasse RichMessaging_PaymentTotal aus. Lassen Sie nicht mehrere Werte zu. Weisen Sie die Ausgabe Ihrer Variablen "Zahlungssumme" zu.
- Wählen Sie Zur Eingabe verfügbar und Zur Ausgabe verfügbar aus.
- Klicken Sie auf Fertig.
Schritt 6: Abrufen des Auftragskontexts
- Fügen Sie ein Aktionselement hinzu, um die Apex-Klasse aufzurufen, die den Auftragskontext oder die Auftragsdetails bereitstellt.
- Suchen Sie unter "Suchaktionen" nach der Aktion PaymentOrderContext und wählen Sie sie aus.
- Bezeichnung der Aktion: GetPaymentOrderContext.
- Wählen Sie unter "Ausgaberessourcen anzeigen" die Option Variablen manuell zuweisen (erweitert) aus.
-
Klicken Sie unter "Ausgabewerte speichern" auf das Suchfeld zum Erstellen einer Variablen mit dem Namen OrderContext.
- Legen Sie den Datentyp auf Apex-definiert fest und wählen Sie die Apex-Klasse RichMessaging_OrderContext aus. Lassen Sie nicht mehrere Werte zu. Weisen Sie die Ausgabe Ihrer OrderContext-Variablen zu.
- Wählen Sie Zur Eingabe verfügbar und Zur Ausgabe verfügbar aus.
- Klicken Sie auf Fertig.
Schritt 7: Abrufen von Zahlungseinleitungen
- Fügen Sie ein Aktionselement hinzu, um die Apex-Klasse zur Zahlungsinitiierung aufzurufen.
- Suchen Sie unter "Suchaktionen" nach der Aktion "PaymentInitiations" und wählen Sie sie aus.
- Bezeichnung der Aktion: GetPaymentInitiations.
- Wählen Sie unter "Ausgaberessourcen anzeigen" die Option Variablen manuell zuweisen (erweitert) aus.
-
Klicken Sie unter "Ausgabewerte speichern" auf das Suchfeld zum Erstellen einer Variablen mit dem Namen PaymentInitiations.
- Legen Sie den Datentyp auf Apex-definiert fest, wählen Sie die Apex-Klasse RichMessaging_PaymentInitiation und Mehrere Werte zulassen (Sammlung) aus. Weisen Sie die Ausgabe Ihrer Variablen "PaymentInitiations" zu.
- Wählen Sie Zur Eingabe verfügbar und Zur Ausgabe verfügbar aus.
- Klicken Sie auf Fertig.
Schritt 8: Senden der Zahlungskomponente
-
Fügen Sie ein Bildschirmelement hinzu, um interaktive Oberflächen zu erstellen, die Eingaben von Benutzern erfassen oder ihnen Informationen anzeigen.
Bezeichnung: SendPaymentComponent.
- Geben Sie unter "Komponenten" im Suchfeld den Text Erweiterte Nachricht ein und wählen Sie dann Erweiterte Nachricht aus.
-
Wählen Sie unter "Eigenschaften" die erforderlichen Details aus.
- Wählen Sie für "Messaging-Sitzungs-ID" die Variable Messaging-Sitzungs-ID aus.
- Wählen Sie für "Messaging-Komponentenname" den Namen Ihrer Messaging-Zahlungskomponente aus. Beispiel einer WhatsApp-Zahlungskomponente.
- Ordnen Sie die Standardparameter den Apex-definierten Variablen zu, die Sie erstellt haben.
- Parameter für Zahlungsbelegposten: PaymentLineltems
- Parameter "Zahlungssumme": Zahlungssumme
- Auftragskontext: OrderContext
- PaymentInitiations (Zahlungsinitiierungen): PaymentInitiations
-
Klicken Sie auf Benutzerdefinierte Parameter konfigurieren.
- Wählen Sie unter "Parametername" die Option shipping_amount aus.
- Wählen Sie unter "Parameterwerttyp" die Option Variable aus.
- Wählen Sie unter "Variable" die Variable ShippingAmount aus.
- Klicken Sie auf Hinzufügen.
- Klicken Sie auf Fertig.


