FramePay can be customized to match the look and feel of your existing forms.
- 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.
See browser console
See browser console
See browser console
See browser console
Supported versions: 14,15,16+ Rebilly offers 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.
Rebilly offers an easy-to-use wrapper component for VueJS, called framepay-vue.