Skip to main content
PlatformManaged Solutions
Sandbox

Getting Started

5 minutes

Follow the steps below to embed Managed Bill Pay into your app, and experiment with it, using sandbox data.

First steps​

  1. Add the script tag below to your HTML head tag
<script type="module" src="https://ui.s.unit.sh/release/latest/components-extended.es.js"></script>
  1. Add a new page to your app, that will host Managed Bill Pay. Paste the code below to the new page.
<unit-elements-white-label-app jwt-token="demo.jwt.token"></unit-elements-white-label-app>

Note demo.jwt.token is a real value you can use to preview the component without any setup.

Initial Branding​

The component can be styled by using a theme object, for example:

<unit-elements-white-label-app
    jwt-token="demo.jwt.token"
    settings-json='{
      "global": {
        "colors": {
          "primary": "#3A4ADF"
        },
        "buttons": {
          "primary": {
            "default": {
              "borderRadius": "8px"
            }
          }
        }
      },
      "elementsCard": {
        "designs": [
          {
            "name": "default",
            "url": "https://ui.dev.unit.sh/resources/outlay.png",
            "fontColor": "#fafafa"
          }
        ]
      }
    }'
  ></unit-elements-white-label-app>