# Turn a dictated project debrief into a Webflow case study

Create a challenge, approach, and outcome draft from a spoken project debrief and verified results.

**Category** Marketing · Content Creation  
**Tools** Wispr Flow, n8n, OpenAI, Webflow, n8n Data Tables  
**Trigger** Private n8n Form submission  
**Package** [Workflow JSON](voice-to-webflow-case-study.n8n.json) · [Test payloads](test-payloads.json) · [Validation report](validation-report.txt)

## Try this dictation

> The studio used email to hand off projects. We moved the signed scope and kickoff checklist into one shared project record.

## Set up the private form

1. Import the JSON in n8n and run **Run with sample data**. It imports inactive with **dryRun** enabled. The built-in run uses fictional inputs and skips connected apps.
2. Select a **Basic Auth** credential on **Receive event** for your editors. Open the **Test URL** after starting the form test in n8n. Place the cursor in the dictation field, speak with your configured Wispr Flow shortcut, review the inserted text, and submit.
3. Add an OpenAI **Header Auth** credential using **Authorization: Bearer <OpenAI key>**. Keep the draft ID stable for a retry and use a new ID for a deliberate revision. Enter an ID such as **kickoff-note-v1**.
4. Use fictional content first. When your destinations are set, disable dry run in a staging copy and verify the outcome. The form confirmation acknowledges receipt. Check the workflow execution or review destination for the result.

## Connect the Webflow collection

1. Create an n8n Data Table for this workflow with text columns **event_key**, **status**, **detail**, and **result_id**. In **Setup**, enter its ID, the Webflow collection ID, the model, and the brand voice.
2. Set **bodyField** to the API slug of the collection’s Rich Text field. Set **summaryField** to its Plain Text summary slug, or clear it if you use only the body. Configure any other required collection fields in the payload before staging.
3. Select a Webflow **Header Auth** credential using **Authorization: Bearer <Webflow token>** with **cms:write** on **Create Webflow CMS draft**. The workflow uses the staged-item endpoint with **isDraft** enabled. Review the item in the Webflow CMS and publish through your normal editorial process.
4. If **draft_pending** remains, look up **uptune-draft-<draft-id>** in Webflow before retrying. Store the item ID and mark the record ready if the draft exists. Serialize requests for the same ID.

## Form inputs and output

Provide an **Approved client name or anonymous label** and confirm permission in **Approved to use this material?**. Dictate the challenge and changes into the two corresponding fields. Enter the verified outcome in **Verified results**. Only use information approved for processing by your model provider, including when the case study will be anonymous. The default field slugs are **body** and **summary**.

## What to test

- Approval must be **Yes**. The sample uses a fictional client label and an outcome scoped to a fictional project review.
- The challenge, approach, and outcome each require an excerpt from their corresponding input. Numerical claims must appear in the verified results.
- Check client permissions, the denominator, and the attribution before publication. Keep the input anonymous throughout when the client must stay unnamed.

[n8n source · Webflow CMS item operations](https://n8n.io/workflows/1048-create-update-and-get-an-item-from-webflow/) · [Wispr Flow dictation instructions](https://docs.wisprflow.ai/articles/6409258247-starting-your-first-dictation) · [Webflow CMS draft API](https://developers.webflow.com/data/reference/cms/collection-items/staged-items/create-item)