DocumentationAPI Reference
DocumentationAPI ReferenceStatus

Inlined React

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 Dashboard.


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