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,cardExpirationandcardCvv - Separate fields with partial information Card with separate fields for
cardExpirationandcardCvv - 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 exampleSee browser console
View exampleSee browser console
View exampleSee browser console
View exampleView exampleSee browser console
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.