Credit Card
Last updated
Was this helpful?
18.5
Last updated
Was this helpful?
The Credit Card Web Control is used to collect credit card information from users. By default, it is set up to work with a .
Expects type currency.
This value would charge 10 dollars.
Expects type text.
An arbitrary string attached to the object. Often useful for displaying to users.
Expects type text.
The text that is displayed on the Button in the Credit Card Control.
Expects the ID of the connected account to use for payment processing.
Expects type number.
The numbers that are shown as placeholders until the user enters the credit card number.
Expects type number.
The placeholder text for the CVC input.
Expects type number.
The numbers that are shown as placeholders until the user enters the credit card number.
If enabled, the payment request will return a payment token that can be used to identify the payment method. The token is available on the event.token.
Expects type boolean.
If enabled, the payment request will return a new customer id for the customer. This id will be returned on the event.customerId.
ID of the customer
Expects type text.
Expects key-value pairs that can be attached to an object. This can be useful for storing additional information about the object in a structured format. Individual keys can be unset by posting an empty value to them. All keys can be unset by posting an empty value to metadata.
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.
Expects type boolean.
If TRUE, the Control will be disabled and the user will not be able to interact with the Control. If FALSE, it will be enabled. If the field is empty, it will be enabled.
Is triggered whenever the user clicks the button at the bottom of the form.
Is triggered if the processor successfully executes the payment.
Is triggered if the payment fails to complete successfully by the processor.
Is triggered every time the user modifies a value on the credit card data. The results of the validation check are returned on the input validation event and can be used for custom error messages.
Note: this Action Chain is fired on both validation success and failure.
A simple credit card form:
A data type value representing the amount to be charged. For example:
The aria-label attribute is used to define a string that labels the current element. It is used to provide an accessible name for the control. For more information see .
Check for further details on how to style this control.
Create a Stripe Integration at the Console level. Attach the integration to the app via the . Add a Credit Card component to a Web Page. Select the integration from the dropdown. Add a valid currency value.
