> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rocket.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Typeform

> Connect Typeform to Rocket and embed conversational forms for lead capture, surveys, and quizzes - all wired up from chat.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

Describe the form you need in chat and Rocket generates the embed, response handling, and conditional logic automatically.

<Note>
  This connector is only available for **Next.js TypeScript** web build tasks.
</Note>

<Warning>
  Typeform's free plan allows only **10 responses per month**. This limit applies across all your embedded forms. Upgrade to a paid Typeform plan for unlimited responses.
</Warning>

<Divider />

## What you can do

<CardGroup cols={2}>
  <Card title="Lead capture forms" icon="user-plus">
    Collect names, emails, and qualifying info from potential customers with a conversational flow that feels personal.
  </Card>

  <Card title="Customer surveys" icon="clipboard-list">
    Gather product feedback, satisfaction scores, or market research data with branching logic and progress bars.
  </Card>

  <Card title="Interactive quizzes" icon="brain">
    Build personality quizzes, knowledge tests, or product recommendation engines with scored outcomes.
  </Card>

  <Card title="Application forms" icon="file-lines">
    Collect detailed applications for jobs, programs, or memberships with file uploads and conditional fields.
  </Card>

  <Card title="Feedback collection" icon="comment-dots">
    Add in-app feedback widgets that let users report bugs, request features, or rate their experience.
  </Card>
</CardGroup>

<Divider />

## Connect Typeform

Typeform connects via OAuth, so no API key is needed.

<Note>
  Typeform is a **workspace-level** connector. No matter where you connect it (Settings, Connectors tab, or chat), it links to your entire Rocket workspace and is available across all tasks.
</Note>

<Tabs>
  <Tab title="Web Browser">
    You can connect from three places. All do the same thing.

    **Option 1: From chat**

    Type a prompt that mentions Typeform, for example `Connect Typeform and embed a lead capture form on my landing page`. Rocket detects the intent and shows a **Connect** button inline. Click it and the OAuth flow opens.

    <Frame caption="Typeform connection prompt in chat">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/1fmHYQP8aJIsJYKK/images/build-docs/connectors/typeform/web-browser/typeform-chat-light.webp?fit=max&auto=format&n=1fmHYQP8aJIsJYKK&q=85&s=69211ab4211daf26ba7069d73a3a212d" alt="Rocket chat panel showing a Connect prompt for Typeform." className="theme-image light-image" width="2880" height="1624" data-path="images/build-docs/connectors/typeform/web-browser/typeform-chat-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/1fmHYQP8aJIsJYKK/images/build-docs/connectors/typeform/web-browser/typeform-chat-dark.webp?fit=max&auto=format&n=1fmHYQP8aJIsJYKK&q=85&s=b130e87aa0c154d0040d8cdddcb1ec4c" alt="Rocket chat panel showing a Connect prompt for Typeform." className="theme-image dark-image" width="2880" height="1624" data-path="images/build-docs/connectors/typeform/web-browser/typeform-chat-dark.webp" />
    </Frame>

    **Option 2: From the Connectors tab**

    Click the **`...`** button in the preview toolbar, then select **Connectors**.

    <Frame caption="Open Connectors from the toolbar">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/2lqYWidv_xVHKfL6/images/build-docs/connectors/shared/connectors-tab-open-light.webp?fit=max&auto=format&n=2lqYWidv_xVHKfL6&q=85&s=7bd785a0e878564054e08328b2aa3d6b" alt="Toolbar dropdown with Connectors option highlighted." className="theme-image light-image" width="2880" height="1624" data-path="images/build-docs/connectors/shared/connectors-tab-open-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/2lqYWidv_xVHKfL6/images/build-docs/connectors/shared/connectors-tab-open-dark.webp?fit=max&auto=format&n=2lqYWidv_xVHKfL6&q=85&s=d047040372d776cb47e4e483de8eeb8d" alt="Toolbar dropdown with Connectors option highlighted." className="theme-image dark-image" width="2880" height="1624" data-path="images/build-docs/connectors/shared/connectors-tab-open-dark.webp" />
    </Frame>

    Click the **Typeform** card, then click **Connect with Typeform**.

    <Frame caption="Typeform card in the Connectors panel">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/1fmHYQP8aJIsJYKK/images/build-docs/connectors/typeform/web-browser/typeform-connectors-tab-light.webp?fit=max&auto=format&n=1fmHYQP8aJIsJYKK&q=85&s=b1d7bc323eb37d5bbb95de8c039b3e02" alt="Connectors panel showing the Typeform card with a Connect with Typeform button." className="theme-image light-image" width="1811" height="507" data-path="images/build-docs/connectors/typeform/web-browser/typeform-connectors-tab-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/1fmHYQP8aJIsJYKK/images/build-docs/connectors/typeform/web-browser/typeform-connectors-tab-dark.webp?fit=max&auto=format&n=1fmHYQP8aJIsJYKK&q=85&s=4505da3851d4570240a1194a5f16aad9" alt="Connectors panel showing the Typeform card with a Connect with Typeform button." className="theme-image dark-image" width="1818" height="507" data-path="images/build-docs/connectors/typeform/web-browser/typeform-connectors-tab-dark.webp" />
    </Frame>

    **Option 3: From workspace Settings**

    <Card title="Manage workspace connectors" icon="plug" href="/getting-started/workspace/connectors" horizontal arrow="true">
      Connect once from Settings and it is available across all tasks.
    </Card>

    **After clicking Connect**

    A Typeform authorization screen opens in your browser. Log in and grant Rocket access to your forms. A green dot appears next to Typeform when the connection is active.

    **Disconnect**

    <Card title="Disconnect a service" icon="plug" href="/getting-started/workspace/connectors#disconnect-a-service" horizontal arrow="true">
      Disconnect or switch accounts from workspace Settings.
    </Card>
  </Tab>

  <Tab title="Mobile App">
    You can connect from three places. All do the same thing.

    **Option 1: From chat**

    Type a prompt that mentions Typeform. Rocket detects the intent and shows a **Connect** button inline. Tap it and the OAuth flow opens.

    **Option 2: From the Connectors tab**

    1. Tap the **More** button in the header.
    2. Tap **Integrations**.
    3. Tap the **Typeform** card, then tap **Connect with Typeform**.

    **Option 3: From workspace Settings**

    Open your workspace, go to **Settings**, and tap **Connectors**. Tap the **Typeform** card and tap **Connect with Typeform**.

    **After tapping Connect**

    A Typeform authorization screen opens. Log in and grant Rocket access to your forms. A green dot appears next to Typeform when the connection is active.

    **Disconnect**

    Go back to the **Typeform** card in Integrations. Tap **Disconnect** to remove the integration.
  </Tab>
</Tabs>

<Divider />

## Example prompts

| What you want      | Prompt to use                                                                                      |
| :----------------- | :------------------------------------------------------------------------------------------------- |
| Lead capture       | `Embed a Typeform on my landing page that collects name, email, and company.`                      |
| NPS survey         | `Add a Net Promoter Score survey after checkout using Typeform.`                                   |
| Product quiz       | `Create a Typeform quiz that recommends a product based on the user's answers.`                    |
| Contact form       | `Add a Typeform contact form to my /contact page with name, email, and message fields.`            |
| Waitlist signup    | `Embed a Typeform waitlist form that collects email and notifies me via Resend.`                   |
| Event registration | `Build a Typeform event registration form with name, email, ticket type, and dietary preferences.` |
| Bug report         | `Add a floating feedback button that opens a Typeform for bug reports.`                            |
| Job application    | `Create a Typeform job application with resume upload, cover letter, and portfolio link.`          |
| Exit survey        | `Show a Typeform exit survey when users cancel their subscription.`                                |

<Divider />

## Tips

* **Responses live in Typeform.** Submissions are stored in your Typeform dashboard. Use webhooks to sync responses to Supabase or another database.
* **Embedding options.** Rocket can embed Typeform as a full page, popup, slider, or inline widget. Describe the style you want in chat.
* **Free plan limits.** Typeform's free tier allows 10 responses per month total across all forms. See the warning above for details.
* **Branching logic stays in Typeform.** Set up conditional logic and branching inside the Typeform editor, then embed the finished form in Rocket.
* **One Typeform account per workspace.** All tasks share the same connected account.

<Divider />

## What's next?

<CardGroup cols={2}>
  <Card title="Tally" icon="list-check" href="./tally">
    A free alternative form builder with unlimited responses on the free tier.
  </Card>

  <Card title="Supabase" icon="database" href="./supabase/overview">
    Store Typeform submissions in a database for querying and display in your app.
  </Card>

  <Card title="Resend" icon="envelope" href="./resend">
    Send confirmation emails automatically when someone submits a Typeform.
  </Card>

  <Card title="Google Analytics" icon="chart-line" href="./google-analytics">
    Track form views, starts, and completions with GA4 events.
  </Card>
</CardGroup>
