Payment Request Button

<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.

![](https://files.readme.io/44a7302-PaymentRequestButton2png.png "PaymentRequestButton2png.png")

### 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%" }} />