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 { ConnectEmbed } from '@openint/connect'

// from the previous step, generated in the backend
return <ConnectEmbed token={token} />
OpenInt has published a repository with examples for popular frameworks.

NextJS

Django (Coming Soon)

Laravel (Coming Soon)