FramePay can be customized to match the look and feel of your existing forms.
View example
- Card with a full-name field Card with one input
fullName
- Expiration dropdown Card with expiration year and month dropdown fields
- Styled example Styled card element
- Separate fields Card with separate fields for
cardNumber
,cardExpiration
andcardCvv
- Separate fields with partial information Card with separate fields for
cardExpiration
andcardCvv
- Card with disabled submit Card example with submit button that only becomes enabled when all fields are valid
- Separate card fields with disabled submit Separate card inputs with disabled submit button
- Separate fields and expiration dropdown Separate card with expiration dropdown
These methods do not require any additional payment form fields, only the button is required to create a payment token.
View example
View example
View example
View example
View example
View example
View example
View example
View example
View example
View example
View example
View example
View example
View exampleSee browser console
View exampleSee browser console
View exampleSee browser console
View exampleSee browser console
View example
Supported versions: 14,15,16+ We offer an easy-to-use wrapper component for ReactJS, called framepay-react.
For a quick and easy integration, use framepay-react
to integrate FramePay into your React project. To use FramePay directly, see the framepay-preact-direct-integration example.
We offer an easy-to-use wrapper component for VueJS, called framepay-vue.