Quiltt Logo

Connector

The Quiltt Connector is an embeddable UI component that lets you access a complete, context-rich financial picture of your end-user, without writing any integration code.

The Connector is built on top of the Profile GraphQL API, and comes pre-integrated with leading bank data networks like Plaid and MX.

In addition to creating connections to data providers, the Connector can be configured to authenticate, enroll and redirect end-users users.

Link to this section#How to Integrate

The Connector can be embedded and controlled in several ways; choose the approach that best fits your use-case and technology.

  • HTML5 for the simplest integration experience using plain HTML.
  • React SDK for web-based integrations with React.js applications, using modern React Components and Hooks and written in TypeScript.
  • React Native SDK for cross-platform integrations with React Native applications.
  • Flutter SDK for cross-platform integrations with Flutter applications.
  • iOS SDK for native iOS applications integrations.
  • Android SDK for native Android applications integrations.

See the HTML and React SDK guides for configuration information.

Additionally, a powerful JavaScript API is available for programmatic access to the Connector, such as launching, passing Session tokens, and setting up event callbacks.

Link to this section#Customization

Each Connector can be customized though a number of modules to craft the perfect experience for your product. The following modules are generally available and can be configured in the Quiltt Dashboard.

Link to this section#Land

Enabling Land allows you to present a welcome screen, with your logo and custom copy, to users not pre-authenticated via Session token.

This supports using your Connector with public access.

Link to this section#Authenticate

Enabling Authenticate allows users not pre-authenticated via Session token to sign up or sign in your Connector using an OTP code. Currently email and SMS-based authentication methods are supported out of the box.

This supports using your Connector on public websites, or to streamline local development.

Link to this section#Enroll

Enroll allows you to collect additional onboarding information from the end-user, such as their legal name, address, phone number, and more.

This information gets stored on the user's Profile and can be retrieved via API and to power Authenticate.

Link to this section#Connect

Connect allows you to create a Connections to an end-user's financial institution, repair broken connections or request new features on existing Connections.

Currently Connect supports MX and Plaid Connections with the following available features:

  • Account Numbers: Verify account numbers to support money movement operations.
  • Account Owners: Verify account owner information.
  • Transactions: Access deep transaction history.

A Mock provider is also available for testing and integration purposes.

Link to this section#Redirect

By default, the Connector will close after your user successfully completes the flow. Redirect allows you to redirect the end-user to a URL of your choice after the completion of the flow, with a new Session token appended as a query parameter.

Note that with Redirect, your user will be immediately redirected to the configured URL, and the exited.successful event will not be fired.

Link to this section#Kitchen Sink Demo

Click the button below to see the embedded Connector in action:

This Connector is enabled with the Land, Authenticate, Enroll, Connect and Redirect modules.