<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.
# Properties
## General
### Connected Account
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.
## 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.
### Is Disabled
Expects type `boolean`.
If `TRUE` the control will be disabled and the user will not be able to interact with it. If `FALSE` the button will be enabled. If the field is empty, the control will be enabled.
# Style
Check [Common style properties of web controls](https://support.airkit.com/docs/web-control-styling-properties) for further details on how to style this control.
# 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.
# 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