In the Quickstart Guide guide we showed you how to create your first @Connect magic link.

You can embed @Connect within your web application by creating these programmatically with our SDKs or directly on the API.

1

Create a Customer Token in the Backend

The first step is to create a customer Token in the Backend. You can do that with your OpenInt API Key available in the Console.

const openint = new Openint({
  apiKey: process.env['OPENINT_API_KEY'],
})

const {token} = await openint.createToken('YOUR_CUSTOMER_ID')

See the full create customer token API reference

2

Embed the Connect Widget

The second step is to embed the Connect Widget into your web application.

import { Connect } from '@openint/connect'

// from the previous step, generated in the backend
return <Connect token={token} />

OpenInt has published a repository with examples for popular frameworks.

NextJS

Django

Laravel