DocumentationAPI Reference
DocumentationAPI Reference

Quickstart: Inlined React Flow

Verifying individuals with the Inlined React Flow can be easily achieved with a short code snippet. You'll only need your template ID which can be found in the Integration Section of your DashboardDashboard - A hub for organizations to review inquiries and manage their integration with Persona..


Looking for v3?

View our migration guide for how to migrate to [email protected].

[email protected] will continue to work for the immediate future, but may not support new features. We recommend everyone upgrade to [email protected] if possible.

Inlining the flow

To permit the Persona iframe to render on your domain, see Security > Embedded iframe.

Persona can be integrated with the following code snippet. Remember to replace templateId with your organization's template ID.

Inquiry SDK latestInquiry SDK latest

import Persona from 'persona';

const InlineInquiry = () => {
  return (
      onLoad={() => { console.log('Loaded inline'); }}
      onComplete={({ inquiryId, status, fields }) => {
          // Inquiry completed. Optionally tell your server about it.
        console.log(`Sending finished inquiry ${inquiryId} to backend`);

When using the persona NPM package, you must also ensure its peer dependencies are installed.

# npm
npm install persona react styled-components
# yarn
yarn add persona react styled-components