Self-hosted React widget

Add Talkform to a React product

The current integration path is the typed React component in the Talkform source repository; it is not yet a published npm package. Hosted iframe and script embeds are coming soon.

Consumer widget preview
tfTalkform

What should I call you?

The host is asking for your name to personalize the conversation.

NameRoleGoalsAI comfort
Preview only — try the live demo to interact

Available in source

Use the workspace package with your Talkform configuration and API routes.

Source repository

React component

Inside the Talkform workspace, import the widget from @talkform/reactand pass your config plus the base path for your API routes.

import { AudioformWidget }
  from '@talkform/react';

<AudioformWidget
  config={myConfig}
  apiBasePath="/api"
/>

Hosted iframe and script embeds are coming soon. Until those endpoints ship, use the React path above or the live demo.

What the widget supports

Capabilities shown here are available in the current implementation.

Voice or local typing

Users choose microphone-based Realtime voice or a browser-local text interview.

Inline variable capture

Users see pills fill in as the conversation captures each field — progress without friction.

Review and correction

Text, email, URL, long-answer, rating, and selection fields can be corrected before export.

Local exports

Download the current structured result as JSON or Markdown after reviewing it.

Ready to evaluate Talkform in your product?