Configuring Entri requires just a few simple steps:
The first step to getting up and running with Entri is to configure your application display name and icon in the dashboard. These will be used in the Entri modal.
For the icon, we require a PNG or SVG with a 1:1 ratio. We recommend a white or transparent background.
From the dashboard, you can also access your application ID, webhook URL, and client secret, which you’ll need for the next steps.
You have two options to add Entri to your project: via the <script>
tag or using the NPM package.
<script>
tagYou can include Entri by adding the following <script>
tag to your HTML file:
This approach allows you to directly load Entri from our CDN, making it easy to get started without additional configuration.
If you prefer to manage your dependencies via NPM, you can install the Entri package:
Then, you can import it into your project:
To launch the Entri modal window in a session, you’ll need to fetch a JWT using the secret
key and applicationId
provided by the Entri dashboard. Be sure to fetch the JWT on the server-side of your application. The JWT expires after 60 minutes. You can use any networking library you’d like. Here’s an example usingfetch
:
Pass settings to the Entri modal window using a configuration object. Here’s a basic example:
Configuration Object Notes
For complete documentation of the configuration object, see the API Reference.