Last updated 3 weeks ago

Examples

FramePay can be customized to match the look and feel of your existing forms.

Payment cards

View Example

Additional examples

Digital wallets

Google Pay

Google Pay does not require any additional payment form fields, the button by itself is sufficient for creating a payment token.
View Example

Bank accounts

Bank account base

View Example

Bank account styled buttons

View Example

IBAN

View Example

Other Payment Methods

View Example

Multiple Payment Methods

View Example

Errors

Card base errors

View Example

Card separated fields errors

View Example

Card expiration dropdowns errors

View Example

Bank accounts errors

View Example

IBAN errors

View Example

Events

Card

See browser console

View Example

Card expiration dropdown

See browser console

View Example

Card separated

See browser console

View Example

Card separated dropdown

See browser console

View Example

Extra data

View Example

Using with ReactJS

Supported versions: 14,15,16+ We offer an easy-to-use wrapper component for ReactJS, called framepay-react.


framepay-react is the easiest way to integrate framepay into your React project. However, if you prefer to use framepay directly, you can look at the example framepay-preact-direct-integration

Using with VueJS

We offer an easy-to-use wrapper component for VueJS, called framepay-vue.