Link to plugin page: https://zeroqode.com/plugin/truelayer--1603890102683x450263958728849300
TrueLayer Platform is integrated with UK and EU banks which offer Payment Initiation APIs, and provides a single public API which enables clients to request payment via all integrated banks. With this plugin users can manage payments through Truelayer directly from the Bubble app.
Prerequisites: You must have a Truelayer developer account to interact with plugin, which you can easily create one here. After that you can already fully test the Truelayer Payments plugin in sandbox environment.
Signup or login to Truelayer developer console
Go to App Settings and copy identifiers (client_id/client_secret) to be used for plugin settings
Fill in the plugin settings fields with respective keys from Truelayer console
PAYMENT: Generate Payments Token - generates the payments api access token for the api calls.
environment: can be either Sandbox or Live. Choose the environment you want from the dropdown.
For every API Call you have to indicate the following proprieties (environment -sandbox or live), for Create Single Immediate Payment (GBP), Get Single Immediate Payment Statuses and Get Single Immediate Payment Info API calls you also have to provide the following parameter:
environment: fill it in with ‘-sandbox’ when working in Sandbox environment, or leave it blank when working in Live environment
Authorization: string in the following format:
<access token value>
Use the access token you got from PAYMENT: Generate Payments Token action earlier:
Besides these, for each API Call you have to fill in other properties. Refer to each call properties documentation for more details
Get providers (for single immediate payment) - Use this call to get information about the active banks and/or to get assets for the bank selection screen
Create Single Immediate Payment (GBP) - Use this call to create immediate payment (in GBP) Properties: - amount: the amount of money you are requesting in pennies (mandatory) - currency: the currency code of the payment in three characters (mandatory, currently only GBP is supported) - remitter_reference: the reference that will appear on the sender’s bank statement. Note: this can only be 18 characters or less (mandatory) - beneficiary_name: the name on the receiving account (mandatory) - beneficiary_sort_code: the sort code of the payer, specify this if you want to lock the account from which the payment is being made if the account is a UK account (mandatory) - beneficiary_account_number: the account number of the receiving account if the account is a UK account (mandatory) - beneficiary_reference: the reference that will appear on your bank statement. Note: this can only be 18 characters or less (mandatory) - redirect_uri: the URL the user should be redirected to after authorizing the payment (mandatory)
Get Single Immediate Payment Info - Use this call to poll the payment resource to see if the status has been modified. This allows the application to know if the payment was successful or not
Get Single Immediate Payment Statuses - Use this call to see all known states of your payment and trace your payment with the timestamps
error: in case of error, will contain the error message
access_token: access token to be used for all your subsequent calls to Truelayer Payments API
expires_in: the number of seconds until the access token expires
Create the login workflow. (You can connect it to a Bubble button or any other element, if applicable. On our demo page we connected it to the ‘Login’ button).
In this workflow, run the plugin action ‘PAYMENT: Generate Payments Token’, setting the right environment for your app:
3. Save the access token obtained on the previous step, for later use in API calls:
Add to your page a button that will trigger the Logout workflow. (Or set it to be triggered in another way, if applicable. On our demo page it is the ‘Logout’ button).
Add the following workflow triggered by the above button:
- step 1:
Log the user out
- step 2:
Clear all the necessary states. For example, on our demo page we clear the
The Create Single Immediate Payment workflow should include 2 following steps:
Create Single Immediate Payment (GBP) API call.
Make sure to set all the required fields. Also make sure to use for
redirect_uri the URL where you want the user to be redirected after the payment has been authorized:
2. Open an external website. Make sure to use as the destination the result’s
auth_uri obtained on the previous step: