docs: new integrations section with screen recordings and videos + restructuring (#4705)

Co-authored-by: Kunal Mishra <kunalm2345@gmail.com>

docs/integrations/make.mdx

@@ -0,0 +1,120 @@
+---
+title: Make.com
+subtitle: Integrate browser automations into Make scenarios
+slug: integrations/make
+---
+
+Connect Skyvern to 2,000+ apps through Make. Trigger browser automations from any scenario, or route Skyvern's results into downstream modules.
+
+## Available Modules
+
+- **Run a Task** — Run an automation using **Skyvern 1.0** (simple, single-step goals)
+- **Run a Task V2** — Run an automation using **Skyvern 2.0** (complex, multi-step goals)
+- **Run a Workflow** — Run a pre-built Skyvern workflow with parameters
+- **Get a Task / Get a Task V2** — Retrieve results from a previously run task
+- **Get a Workflow** — Retrieve results from a previously run workflow
+- **List Organizations** — List all organizations in your account
+- **Make an API Call** — Execute a custom API request with your credentials
+
+## Setup
+
+<Steps>
+  <Step title="Add the Skyvern module">
+    Create a new scenario or edit an existing one, click **+**, and search for "Skyvern".
+
+    <Frame>
+      <video
+        autoPlay
+        muted
+        loop
+        playsInline
+        className="w-full aspect-video rounded-xl"
+        src="/images/make/make1.mp4"
+      ></video>
+    </Frame>
+  </Step>
+
+  <Step title="Connect your account">
+    Click **Create a connection** and paste your API key from [Settings](https://app.skyvern.com/settings/api-keys).
+
+    <Frame>
+      <video
+        autoPlay
+        muted
+        loop
+        playsInline
+        className="w-full aspect-video rounded-xl"
+        src="/images/make/make2.mp4"
+      ></video>
+    </Frame>
+  </Step>
+
+  <Step title="Configure">
+    Fill in the fields for your chosen module. See the field reference below.
+  </Step>
+
+  <Step title="Test">
+    Click **Run once** and monitor progress in your [Skyvern dashboard](https://app.skyvern.com).
+  </Step>
+</Steps>
+
+## Field reference
+
+### Run a Task
+
+- **URL** (required) — The starting page for the automation
+- **Navigation Goal** — What Skyvern should do on the page. Omit if only extracting data.
+- **Data Extraction Goal** — What data to pull from the page
+- **Navigation Payload** — JSON input data for forms. Lets you reuse the same task with different data.
+- **Extracted Information Schema** — JSON schema defining the shape of extracted data
+- **Webhook Callback URL** — URL to notify when the task finishes
+- **Max Steps** — Cap the number of steps to control costs
+
+<Note>
+The navigation goal describes what to do *after* loading the URL. Don't include "go to website X" — use the URL field instead.
+</Note>
+
+<Frame>
+  <img src="/images/make/make3.png" alt="Configure task fields in Make.com" />
+</Frame>
+
+### Run a Workflow
+
+First, create your workflow in the [Skyvern UI](https://app.skyvern.com).
+
+- **Workflow** (required) — Select the workflow to run
+- **Parameters** — Fill in any parameters defined in your workflow
+
+<Frame>
+  <img src="/images/make/make4.png" alt="Configure workflow fields in Make.com" />
+</Frame>
+
+### Get a Task / Workflow
+
+Retrieve the output of a completed run.
+
+- **Task ID** (required) — Starts with `tsk_`
+- **Workflow Run ID** (required) — Starts with `wr_`
+
+<Frame>
+  <img src="/images/make/make5.png" alt="Enter Task ID or Workflow Run ID in Make.com" />
+</Frame>
+
+## Next steps
+
+<CardGroup cols={2}>
+  <Card
+    title="Build Workflows"
+    icon="diagram-project"
+    href="/cloud/manage-workflows"
+  >
+    Create reusable multi-step automations in Skyvern
+  </Card>
+  <Card
+    title="Use Webhooks"
+    icon="webhook"
+    href="/going-to-production/webhooks"
+  >
+    Get notified when tasks complete
+  </Card>
+</CardGroup>