# Zapier



### 1. Connect Zapier [#1-connect-zapier]

Navigate to the **Integrations** tab in the Surface App and connect Zapier. Ensure you have a Zapier account.

<Frame>
  <img className="block" src="/images/zapier/zapier_1.png" alt="Connect Zapier" />
</Frame>

Accept the invitation to get started.

<Frame>
  <img className="block" src="/images/zapier/zapier_2.png" alt="Accept Invitation" />
</Frame>

### 2. Create a New Zap [#2-create-a-new-zap]

Create a new Zap and search for **Surface Forms**.

<Frame>
  <img className="block" src="/images/zapier/create_zap.png" alt="Create Zap" />
</Frame>

Select the latest version of Surface Forms as the trigger.

<Frame caption="Select the latest Surface Forms version as Trigger">
  <img className="block" src="/images/zapier/zapier_4.png" alt="Select Trigger" />
</Frame>

Choose a trigger event for the Zap.

<Frame caption="Workflow trigger is recommended.">
  <img className="block" src="/images/zapier/zapier_3.png" alt="Select Trigger Event" />
</Frame>

### 3. Connect a Surface Account [#3-connect-a-surface-account]

Under **Account**, click on **Sign In** and connect your account. You should see the following screen:

<Frame>
  <img className="block" src="/images/zapier/zapier_9.png" alt="Connect Account" />
</Frame>

### 4. Create an API Key [#4-create-an-api-key]

To obtain the API key, create a new production key in the Surface app.

Navigate to **Settings > API Keys > + Add API Key** in the Surface app and add a new Production Key (use any label for the API Key).

Copy the API Key and paste it into the API Key field from **Step 3**.

<Frame caption="Add API Key">
  <img className="block" src="/images/zapier/zapier_10.png" alt="Add API Key" />
</Frame>

### 5. Add the Form ID to Zapier [#5-add-the-form-id-to-zapier]

To find the Form ID, navigate to the form in the Surface app and click on the share icon (to the left of the Edit button). The value that appears after `https://forms.withsurface.com/s/...` is the Form ID.

<Frame caption="Add Form ID">
  <img className="block" src="/images/zapier/zapier_7.png" alt="Add Form ID" />
</Frame>

Paste this value into the Form ID field in the Zapier Trigger tab.

For "Process Partial Responses," select either `Yes` or `No` depending on whether you want to trigger the Zap on partial form responses.

<Frame>
  <img className="block" src="/images/zapier/zapier_8.png" alt="Process Partial Responses" />
</Frame>

### 6. Test the Trigger [#6-test-the-trigger]

Test the trigger to ensure you can view Surface form responses.

<Frame>
  <img className="block" src="/images/zapier/zapier_11.png" alt="Test Trigger" />
</Frame>

### 7. Connect an Action [#7-connect-an-action]

Finally, connect an action to complete the setup.

<Frame>
  <img className="block" src="/images/zapier/zapier_12.png" alt="Connect Action" />
</Frame>