Embeddable widget

Drop Talkform into any product

A single iframe, React component, or script tag gives your users a guided audio form — no backend changes required.

Consumer widget preview

tfTalkform

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

NameRoleGoalsAI comfort

Tap to speak or type below

Three ways to embed

Choose the integration that fits your stack.

Easiest

Point an iframe at your Talkform session URL. Works everywhere — Webflow, Squarespace, plain HTML.

<iframe
  src="https://talkform.ai/widget/YOUR_FORM_ID"
  width="100%" height="640"
  frameborder="0"
  allow="microphone"
></iframe>

React

Import the widget from @talkform/react and pass your config object. Full TypeScript support.

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

<AudioformWidget
  config={myConfig}
  onComplete={handleResult}
/>

Universal

A single script tag creates a global Talkform object. Call Talkform.open() to launch the widget.

<script src="https://cdn.talkform.ai/embed.js"
  data-form="YOUR_FORM_ID">
</script>

<script>
  Talkform.open();
</script>

Customize colors, copy, and behavior. The widget inherits your brand.

Custom branding

Set accent colors, logo, and fonts to match your product.

Inline variable capture

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

Completion callbacks

Get a structured JSON result the moment the form completes — push to your CRM, webhook, or agent runtime.

Microphone + text fallback

Audio-first by default, but users can always type instead if they prefer.