<img src="https://a01-support.airkit.com/payment-request-button-web-control/Airbooks-PaymentButton-Demo.png" alt="organizing info" style={{ maxWidth: "350px", width: "100%" }} />
The Payment Request Button Web Control requests payments from users. It is tied to the browser's implementation of payment options, so it may not work in all browsers.
# General
## Control Properties
### Datasource ID
Expects type `string` (*API key*)
Private key of the [Stripe Integration](https://support.airkit.com/docs/creating-a-stripe-integration) connected to the account to process the payment.
### Api Key
Expects type `string` (*API key*)
The Publishable API key from the Stripe Account.
### Currency
Expects type `currency`.
The [Currency](https://support.airkit.com/reference/the-currency-variable-data-type) amount to collect.
### Description
Expects type `text`.
The memo line to be recorded if the payment is successful on the payment processor.
### Aria Label
Expects type `text`.
Defines a value to the aria-label of the control for accessibility. For more information see [here](https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html).
# Actions
### Submit Successful
Action chain triggered if the payment is successfully submitted through the payment processor.
### Submit Failed
Action chain triggered if the payment is unsuccessful when attempted.
# Advanced
## State
### Is Visible
Expects type `boolean`.
If `TRUE` the control will be visible. If `FALSE` the control will not be displayed. If the field is empty, the control will be visible.
# Example
Add a Payment Request Button to a Web Flow. Select a Stripe Datasource from the dropdown and paste in a publishable key. Set the amount to be collected and the Description.
<img src="https://a01-support.airkit.com/payment-request-button-web-control/Airbooks-PaymentButton-Demo.png" alt="organizing info" style={{ maxWidth: "350px", width: "100%" }} />All
Pages