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 (
    <Persona.Inquiry
      templateId='itmpl_Ygs16MKTkA6obnF8C3Rb17dm'
      environment='sandbox'
      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`);
      }}
    />
    );
};