{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["admonition","cards","card"]},"redocly_category":"Documentation","type":"markdown"},"seo":{"title":"FramePay","description":"Learn about FramePay.","siteUrl":"https://www.rebilly.com","image":"/assets/rebillysocial.94fb32fc280c9e84b963c440ec462771d25f4e6fdaaa6c59de41e8135113b46b.db81178d.png","lang":"en-US","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]},"keywords":"Developer docs, FramePay"},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"framepay","__idx":0},"children":["FramePay"]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"warning","name":"Important"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To integrate Rebilly, see ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/docs/dev-docs#get-started"},"children":["Getting started"]},"."," ","The FramePay library is for advanced use cases that are outside the scope of the standard integration."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The FramePay JavaScript library securely collects and tokenizes customer payment information, processes checkout forms, and injects UI elements into secure, Rebilly-hosted iframes."," ","When payment data is collected, FramePay generates a token directly in the browser, eliminating the need to send sensitive cardholder details to your servers."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["FramePay is one part of the checkout flow."," ","It handles sensitive customer data and generates a token that your application uses in API calls to complete the checkout process."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["FramePay supports more than 167 payment methods, including card payments (3D Secure), bank payments (ACH/IBAN), Paypal, Google Pay™, and Apple Pay."]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":3,"cardMinWidth":240},"children":[{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Install FramePay","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/install-framepay/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Learn how to install and include the FramePay library in your project."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payment card data","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-payment-card-method/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payment card data."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments made using a bank account","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-bank-method/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payments data from a bank account."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from Google Pay™","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-google-pay/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payments data from Google Pay™."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from Apple Pay","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-apple-pay/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payments data from Apple Pay."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from Samsung Pay","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-samsung-pay/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payment data from Samsung Pay."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from PayPal","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-paypal-method/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payment data using PayPal."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from Plaid","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-plaid-method/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payment data from Plaid."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from Klarna BNPL","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-klarna-method/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payment data using Klarna BNPL."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Tokenize payments data from multiple payment methods","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/setup-multiple-payment-methods/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the FramePay library to tokenize payment data from multiple payment methods."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"End-to-end FramePay integration","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/docs/dev-docs/end-to-end-framepay-example/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Integrate the FramePay library to a checkout page and use it to tokenize payment data from multiple payment methods."]}]}]}]},"headings":[{"value":"FramePay","id":"framepay","depth":1}],"frontmatter":{"seo":{"title":"FramePay","description":"Learn about FramePay.","keywords":"Developer docs, FramePay","lang":"en-US"},"redirects":{"/docs/content/dev-docs/tutorial/framepay-index/":{},"/docs/content/billing/tutorial/framepay-getting-started/":{},"/docs/content/concepts-and-features/tutorial/framepay/":{},"/docs/content/concepts-and-features/framepay/":{},"/docs/developer-docs/framepay/":{},"/docs/concepts-and-features/framepay/":{},"/docs/content/concepts-and-features/concept/framepay/":{},"/docs/content/dev-docs/tutorial/include-framepay/":{}},"excludeFromSearch":true},"lastModified":"2026-01-12T11:16:51.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/dev-docs/framepay","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}