{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["admonition","cards","card"]},"redocly_category":"Documentation","type":"markdown"},"seo":{"title":"Get started with FramePay","description":"Learn how to set up and use 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":"get-started-with-framepay","__idx":0},"children":["Get started with 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":["FramePay processes your checkout form and injects UI elements that are rendered into secure, Rebilly hosted, iframes."," ","Once payment information is collected, FramePay generates a payment token that is used to complete the checkout process."," ","This token is created directly from the browser, which bypasses the need to send sensitive cardholder information to your servers."," ","The token is then used to complete the checkout process."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["FramePay supports more than 167 payment methods, each with different configuration options."," ","Start by learning how to set up methods in isolation using basic configurations."," ","Then, combine all accepted payment methods in one checkout form, and set advanced configurations, such as :UI customization, internationalization, payment instrument updates, or lead source attribution."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Select a topic:"]}]},{"$$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":"Get started with FramePay","id":"get-started-with-framepay","depth":1}],"frontmatter":{"seo":{"title":"Get started with FramePay","description":"Learn how to set up and use FramePay.","keywords":"Developer docs, FramePay","lang":"en-US"},"redirects":{"/docs/content/dev-docs/tutorial/basic-setup/":{},"/docs/content/concepts-and-features/tutorial/basic-setup/":{},"/docs/content/concepts-and-features/basic-setup/":{},"/docs/concepts-and-features/basic-setup/":{}},"excludeFromSearch":true},"lastModified":"2026-01-12T11:16:51.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/dev-docs/basic-setup","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}