Secure Payments Iframe Styling


In order to maintain PCI compliance, applications that are integrated with Secure Payments (formerly PCI Wallet) are required to use the Secure Payments iframe. These applications may want to customize the styling of the iframe so it better matches the main application. Secure Payments offers some custom styling options to make this possible.

How To

To use the custom styling in Secure Payments, navigate to Iframe CSS.

The following styling options are available for the iframe:

  • Font – This selection lets you choose the font for the text of the iframe. Available options include:
    • Arial
    • Arial Black
    • Comic Sans
    • Courier New
    • Georgia
    • Impact
    • Times New Roman
    • Trebuchet MS
    • Verdana
  • Select Color – This is the color that a field turns when it’s focused on.
  • Button Color – This is an RGB code for the color of buttons in the iframe.
  • Button Hover Color – This is an RGB code for the color buttons that will turn when hovered over with the mouse.

These values will save automatically as you enter them.

Additionally, you have the ability to set a default country for the Secure Payments iframe.

Select United States or Canada, depending on what region you are in. 

Note: The PCI Wallet iframe is also mobile friendly, so your customers should have no issues using the iframe on their handheld devices.

How did we do?

Powered by HelpDocs (opens in a new tab)