iFrames (PCI-compliant)

9min
an iframe makes embedding payment functionality into websites convenient and straightforward through secure handling of payment information, iframes ensure pci compliance card details that a customer enters go directly into the iframe cross river sends merchants a token that represents those details then, merchants can use that token to request a card based transaction important in cross river's card payments api, iframes are compliant with the pci dss standard pci compliant iframes lower the cost of pci compliance by merchants that's because credentials are already saved onto a cross river server this means those credentials don’t have to be stored by cr partners who uses iframes as a cross river merchant partner, use iframes if you are not pci compliant for quick and easy payment form customization for another way to reach your customers, in parallel with your existing online registration how an iframe works host an iframe on your website the cardholder—the customer—enters their card details directly into the iframe you don't store, process, or send the customer's card data on your own form or server cr processes customer sensitive information and returns a token representing those details cr does this through a process called tokenization a webhook sends you a card token use the card token to make a payment request see the card management to set up an iframe on your site what iframes do when you enable an iframe, a cardholder signs up their card to your website as a result, card details are entered instantly to your system for secure processing every time a cardholder enables an iframe session, cr assigns a one time code for that session then, the code becomes associated with the payee's card when the cardholder's browser encounters an iframe element, it creates a new html document environment the content that the iframe contains gets loaded into that document iframes key benefits iframes integrate smoothly with your existing site iframes are an open technology that all major web browsers support with the cr iframe generator once you create an iframe template, you always control the look and feel need to make changes? do it via the iframes (pci compliant) docid\ izt35te7rjsmcwtd znsy you never have to touch the code! how to use iframes do the configuration steps (described in generating an iframe, below) then, integrate the iframe into the look and feel of your website generating an iframe to set up an iframe and get it working on your merchant site, use the iframe generator and card management docid\ m1 fwo7rozkip1glx3cdo iframe generator—introduction overview welcome to the iframe generator, your self service interface for creating pci compliant iframes iframe generator provides an efficient and streamlined way to embed iframes onto your merchant website with iframe generator, creating an iframe is a one time action once you have generated an iframe, you can immediately begin entering customer card information via your website of course, if you wish, you may add more iframes in the future use case (high level) do the following to create and embed an iframe onto your site create an iframe design template customize the template based on the requirements of your merchant website save the template download the iframe code embed the iframe code into your website iframe generator—procedure the procedure for generating an iframe contains 3 main steps add a template define a style build a url add a template launch the customer portal ui in the left side icon bar, click iframe in the iframes window, click + add template define a style assign the template a name and domain define registration and error paths you can use the credit card design , and form design sections to customize your iframe look and feel click save template when you're done build a url click copy embedded code a detailed pop up tells you how to a build the iframe url using the card management docid\ m1 fwo7rozkip1glx3cdo b insert the api generated parameters into the iframe source code c paste the iframe code into your merchant site html click ok, got it now your iframe is ready to sign up cards related topics generate an iframe otc signup card card management apis