This will walk you through the process of making your page and integrating the Stripe Customer Element Form from PosiPay. This document provides an example of how to set up a payment form in the flow; you are free to configure it any way you see fit, as long as it supports the lightning web component.
Setting up Stripe Customer Form
Note: In setting up the Customer Form, you can use the previous flow that you created by ticking the Gateway Customer attribute field, or you can also create a separate flow for the Customer Form.
Set up the Stripe Payment Flow.
To display the Stripe Customer Form, you need to configure the Stripe Form and tick the Gateway Customer. Don’t forget to fill up the Gateway Account and Payment Method. Make sure that the Gateway Account is Active and Payment Method are supported by the Gateway Account.
Afterwards, click Next and the Stripe Customer Form will display.
If the selected Payment Method is a Credit Card, fill in the necessary details.
Example :
Afterwards, click Save Payment Details and will be redirected to the next window displaying the Card Name.
If the selected Payment Method is a Direct Debit, fill in the necessary details.
Example :
Afterwards, click Save Payment Details and will be redirected to the next window displaying the Bank Account Name.
Testing Payment Form
For Success Testing, fill in the Required Fields:
a. Cardholder Name
b. Card Number
c. Expiration
d. CVC
The component will return the data form the Callout:
▪️ Successful = TRUE (if tokenization is successful) / FALSE (if tokenization is failed)
▪️ Response Code = The error code based on the response (if tokenization is failed)
▪️ Response Message = The response message based on the response
▪️ Token = The created customer
▪️ Payment Method ID = The created payment method
▪️ Card Bin = The first 6 digits of the provided card number
▪️ Last 4 = The last 4 digits of the provided card number
▪️ Card Expiry = The card expiry of the card
Stripe Customer Element Form Parameters (Attributes)
Input
To be configured when calling the lightning web component of the Stripe customer form.
PARAMETERS | DESCRIPTION |
Generate Customer | Set to TRUE to display the Stripe customer form. Otherwise, the Stripe payment form will display. |
Gateway Account | The gateway service provider where the tokenization process or payment process will be initiated. Make sure the provided Gateway Account record is an active gateway. |
Payment Method | Determines the supported payment method of the form which is “Credit Card” for Card and “Direct Debit” for Bank Debit. For multiple payment methods, separate each payment method with a semi-colon. Make sure that the provided payment methods are supported by the Gateway Account. |
Save Payment Source/Instrument | Once enabled, a Payment Source/Instrument record will be created and the token will be stored on that record. Otherwise, no Payment Source/Instrument record will be created. |
Redirect URL | The URL where the page will be redirected to after a successful tokenization or payment processing. |
Require CVC | Once enabled, the CVC field on the form will display. Otherwise, the CVC field will be hidden. Take note that it is advisable to enable the CVC field when the form is embedded on an external page. |
Email Address | The email address of the customer. |
City | The city, district, suburb, town, or village of the customer’s address details. |
Country | The country of the customer’s address details. Provide either the whole country name or the two-letter country code (ISO 3166-1 alpha-2). |
Line 1 | The address line 1 (e.g., street, PO Box, or company name) of the customer’s address details. |
Line 2 | The address line 2 (e.g., apartment, suite, unit, or building) of the customer’s address details. |
State | The state, county, province, or region of the customer’s address details. |
Postal Code | The ZIP or postal code of the customer’s address details. |
Output
The results from the process returned by the lightning web component of the Stripe customer form – no need to configure.
PARAMETERS | DESCRIPTION |
Successful | Identifies if the whole tokenization process or payment process is either successful or failed. If true, it indicates that it is a success. If false, it indicates is a failure. |
Response Code | The returned result code from the parsed response. |
Response Message | The returned result message from the parsed response. |
Payment Source/Instrument | The Payment Source record that is created from the tokenization process. |
Token | Unique identifier of the customer where the Credit Card/Direct Debit details are linked. |
Payment Method ID | Unique identifier of the payment method. |
Last 4 | The last 4 digits of the provided card number. |
Card Type | The card type of the Credit Card. |
Card Expiry | The card expiry of the Credit Card. |
For PosiGive Configuration click this link : /wiki/spaces/~641d437d407493675d47acc3/pages/101220562