You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Introduction

The Payment Processor Tool is used to integrate different payment gateway methods. Currently, this tool supports Stripe and Paypal payment methods. Users can modify the product details to generate a customised payment link. The payment link can be conveniently sent to customers via email or any configurable ways, allowing them to perform payment.


This plugin is created with the aid of Stripe API and Paypal API.


Payment Processor Tool Properties

Configure Payment Processor Tool

Name

Description

Payment Method

The types of payment method supported

  • Stripe

  • Paypal


Below fields are visible when "Payment Method" is Stripe

NameDescription
API KeyAPI Key used to connect to Stripe account. Can be Test Mode or Live Mode API Keys. Retrieved from Stripe account page. More information
FormDefIdCurrent form using the tool.
Stripe FieldsHeader.
Product NameProduct name that will be used in payment page for user payment. Used to create Stripe Product object.
CurrencyThree-letter ISO currency code, in lowercase. Must be a supported currency. (Eg: USD, MYR). Used to create Stripe Price object.
Unit AmountThe unit amount in sen to be charged, represented as a whole integer if possible. (Eg: 100 equals to 1.00). Used to create Stripe Price object.
QuantityTotal quantity that is bought for the product. Used to create Stripe Payment Link object.
Redirect DetailsHeader.
Userview MenuUserview Menu for redirection to occur after payment is completed.
Userview Menu Form IDUserview Menu form ID set in Userview Menu for redirection to occur after payment is completed.


Below fields are visible when "Payment Method" is Paypal

NameDescription
Environment

The types of Paypal environment

  • Sandbox

  • Live

Client IDClient ID used to connect to Paypal account. Retrieved from Paypal created app. More information
Client SecretClient Secret used to connect to Paypal account. Retrieved from Paypal created app. More information
FormCurrent form using the tool.
Acknowledge LinkRedirect URL after payment is completed.
CurrencyThree-letter ISO currency code, in lowercase. Must be a supported currency. (Eg: USD, MYR). Used to generate payment link.
AmountTotal amount charged to the user. Used to generate payment link.
InvoiceNoInvoice number of the order.
DescriptionDescription of the order.

Paypal Client ID and Secret Key Retrieval



Payment Flow 

1. Attach the tool at Post Form Submission Processing. Fill in the Payment Processor Tool Properties.

Figure 1: Post Form Submission Processing at Form Builder


Set API key / client details to connect to the payment method.

Set the product details necessary to ensure sufficient details to generate the payment link.


2. User fills in the payment link form and submits. A temporary payment link will be generated.


3. We can use any desired ways to share the link for the customer.

(Eg: utilising the Email Tool, using a simple datalist to show the payment link, ...)

Figure 2: Set starting form, then Email Tool at Process Builder


4. User clicks on the payment link, redirects the user to the payment gateway respectively.

Paypal Payment Gateway:

   

Figure 3 & 4: Paypal Payment Gateway


5. User keys in payment details

Payment success will redirect user back to the redirect page that user has set, shows user payment information





   



  • No labels