Skip to main content

​
Configure your widget

Use the configurator below to toggle parameters, preview screens, simulate errors, and generate the iframe snippet for your integration. Every option corresponds to a parameter documented on the Parameters page.

​
Add the Flinks Connect iframe to your page

  1. Use the configurator above to set up the widget the way you want your end-users to see it.
  2. Select Generate in the configurator to produce your code snippet.
  3. Embed the code snippet into your web page, application, or webview. This adds an iframe with Flinks Connect inside of it:
html
<!-- Flinks Connect -->
<iframe
  height="760"
  src="https://toolbox-iframe.private.fin.ag/?demo=true&redirectUrl=https://flinks.com/contact/thank-you&innerRedirect=true&consentEnable=true&customerName=FinTech&headerEnable=true&institutionFilterEnable=true"
>
</iframe>

<!-- Event Listener -->
<script>
  window.addEventListener("message", function (e) {
    console.log(e.data);
  });
</script>
In the example above, we are using the Sandbox environment. Do all of your configurations and testing in this environment, then change it to your production environment before going live.

​
Mobile and native apps

To embed Flinks Connect in an iOS, Android, or React Native app using a WebView, see Mobile Integration. For OAuth-specific configuration across mobile platforms, see OAuth Integration.