Flex Fields

Splitit's Flex Fields is a unique, low-PCI compliance product that allows you to fully integrate Splitit into the checkout process on your website, both stylistically and functionally. Flex Fields are individual iFrames plugged directly into the Splitit servers, but since you can extensively customize them, they look and feel like they're native to your site. Integrating Flex Fields into your front-end code can be as simple as adding one line of HTML, a script tag, and a JavaScript.

How Flex Fields Works

You add prewritten but fully customizable Splitit Flex Fields UI into your front-end checkout flow. It is toggled off by default (hidden). Using a front-end event of your choice (a button press, a radio button select, page load, etc.), you trigger a call to the Splitit Initiate API on your server to start a new installment plan. This returns a token that allows you to initialize your Flex Fields (FlexFields.SetPublicToken()), which are still hidden. Another event, such as a button press, calls FlexFields.Show() to toggle Flex Fields on, letting the user check out.
User data can be passed to Splitit either with the first API call to Initiate or later with front-end JavaScript (note that billing address is mandatory for funded plans). Once the customer has paid, a "success" or "error" event is triggered, which you can react to by redirecting to a success page, or proceeding with the order in some other way.
Last modified 9mo ago