← Typeform + Airtable integrations

Delete Record with Airtable APIon New Submission from Typeform API

Pipedream makes it easy to connect APIs for Airtable, Typeform and + other apps remarkably fast.

Trigger workflow on
New Submission from the Typeform API
Next, do this
Delete Record with the Airtable API
No credit card required
Trusted by 200,000+ developers from startups to Fortune 500 companies:
Trusted by 200,000+ developers from startups to Fortune 500 companies

Developers Pipedream

Getting Started

This integration creates a workflow with a Typeform trigger and Airtable action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Select this integration
  2. Configure the New Submission trigger
    1. Connect your Typeform account
    2. Select a Form
  3. Configure the Delete Record action
    1. Connect your Airtable account
    2. Configure baseId
    3. Configure tableId
    4. Configure Record ID
  4. Deploy the workflow
  5. Send a test event to validate your setup
  6. Turn on the trigger

Details

This integration uses pre-built, open source components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger

Description:
Version:0.0.4
Key:typeform-new-submission

Trigger Code

const typeform = require('../../typeform.app.js');
const {uuid} = require('uuidv4');
const {DateTime} = require('luxon');

function parseIsoDate(isoDate) {
  const dt = DateTime.fromISO(isoDate);
  return {
    isoDate,
    date_time: dt.toFormat('yyyy-mm-dd hh:mm:ss a'),
    date: dt.toFormat('yyyy-mm-dd'),
    time: dt.toFormat('hh:mm:ss a'),
    timezone: dt.zoneName,
    epoch: dt.toMillis(),
  };
}

module.exports = {
  key: 'typeform-new-submission',
  name: 'New Submission',
  version: '0.0.4',
  props: {
    typeform,
    formId: {propDefinition: [typeform, 'formId']},
    http: '$.interface.http',
    db: '$.service.db',
  },
  methods: {
    generateSecret() {
      return '' + Math.random();
    },
  },
  hooks: {
    async activate() {
      const secret = this.generateSecret();
      this.db.set('secret', secret);
      let tag = this.db.get('tag');
      if (!tag) {
        tag = uuid();
        this.db.set('tag', tag);
      }
      return await this.typeform.createHook({
        endpoint: this.http.endpoint,
        formId: this.formId,
        tag,
        secret,
      });
    },
    async deactivate() {
      return await this.typeform.deleteHook({
        formId: this.formId,
        tag: this.db.get('tag'),
      });
    },
  },
  async run(event) {
    const {body, headers} = event;

    if (headers['Typeform-Signature']) {
      const crypto = require('crypto');
      const algo = 'sha256';
      const hmac = crypto.createHmac(algo, this.db.get('secret'));
      hmac.update(body);
      if (
        headers['Typeform-Signature'] !== `${algo}=${hmac.digest('base64')}`
      ) {
        throw new Error('signature mismatch');
      }
    }

    let form_response_string = ``;
    const data = Object.assign({}, body.form_response);
    data.form_response_parsed = {};
    for (let i = 0; i < body.form_response.answers.length; i++) {
      const field = body.form_response.definition.fields[i];
      const answer = body.form_response.answers[i];

      let parsedAnswer;
      let value = answer[answer.type];
      if (value.label) {
        parsedAnswer = value.label;
      } else if (value.labels) {
        parsedAnswer = value.labels.join();
      } else if (value.choice) {
        parsedAnswer = value.choice;
      } else if (value.choices) {
        parsedAnswer = value.choices.join();
      } else {
        parsedAnswer = value;
      }
      data.form_response_parsed[field.title] = parsedAnswer;
      form_response_string += `### ${field.title}\n${parsedAnswer}\n`;
    }
    data.form_response_string = form_response_string;
    data.raw_webhook_event = body;
    if (data.landed_at) data.landed_at = parseIsoDate(data.landed_at);
    if (data.submitted_at) data.submitted_at = parseIsoDate(data.submitted_at);
    data.form_title = body.form_response.definition.title;
    delete data.answers;
    delete data.definition;

    this.$emit(data, {
      summary: JSON.stringify(data),
      id: data.token,
    });
  },
};

Trigger Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.
LabelPropTypeDescription
TypeformtypeformappThis component uses the Typeform app.
FormformIdstringSelect a value from the drop down menu.
N/Ahttp$.interface.httpThis component uses $.interface.http to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the run() method of the component.
N/Adb$.service.dbThis component uses $.service.db to maintain state between component invocations.

Trigger Authentication

Typeform uses OAuth authentication. When you connect your Typeform account, Pipedream will open a popup window where you can sign into Typeform and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Typeform API.

Pipedream requests the following authorization scopes when you connect your account:

offlineaccounts:readforms:writeforms:readimages:writeimages:readthemes:writethemes:readresponses:readresponses:writewebhooks:readwebhooks:writeworkspaces:readworkspaces:write

About Typeform

People-Friendly Forms and Surveys

Action

Description:Delete a record from a table by record ID.
Version:0.1.0
Key:airtable-delete-record

Action Code

const airtable = require("../../airtable.app.js");
const common = require("../common.js");

module.exports = {
  key: "airtable-delete-record",
  name: "Delete Record",
  description: "Delete a record from a table by record ID.",
  version: "0.1.0",
  type: "action",
  props: {
    ...common.props,
    recordId: {
      propDefinition: [
        airtable,
        "recordId",
      ],
    },
  },
  async run() {
    this.airtable.validateRecordID(this.recordId);
    const base = this.airtable.base(this.baseId);
    try {
      return await base(this.tableId).destroy(this.recordId);
    } catch (err) {
      this.airtable.throwFormattedError(err);
    }
  },
};

Action Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

LabelPropTypeDescription
AirtableairtableappThis component uses the Airtable app.
baseIdbaseId$.airtable.baseId
tableIdtableId$.airtable.tableId
Record IDrecordIdstring

Enter a record ID (eg. recxxxxxxx).

Action Authentication

Airtable uses API keys for authentication. When you connect your Airtable account, Pipedream securely stores the keys so you can easily authenticate to Airtable APIs in both code and no-code steps.

Airtable uses simple token-based authentication. To generate or manage your API key, visit your account settings.

get airtable api key

About Airtable

Looks like a spreadsheet, acts like a database.

More Ways to Connect Airtable + Typeform

About Pipedream

Stop writing boilerplate code, struggling with authentication and managing infrastructure. Start connecting APIs with code-level control when you need it — and no code when you don't.

Into to Pipedream
Watch us build a workflow
Watch us build a workflow
4 min
Watch now ➜
"The past few weeks, I truly feel like the clichéd 10x engineer."
@heyellieday
Powerful features that scale
Manage concurrency and execution rate
Manage concurrency and execution rate

Queue up to 10,000 events per workfow and manage the concurrency and rate at which workflows are triggered.

Process large payloads up to 5 terabytes
Process large payloads up to 5 terabytes

Large file support enables you to trigger workflows with any data (e.g., large JSON files, images and videos) up to 5 terabytes.

Return custom responses to HTTP requests
Return custom responses to HTTP requests

Return any JSON-serializable response from an HTTP triggered workflow using $respond().

Use most npm packages
Use most npm packages

To use any npm package, just require() it -- there's no npm install or package.json required.

Maintain state between executions
Maintain state between executions

Use $checkpoint to save state in one workflow invocation and read it the next time your workflow runs.

Pass data between steps
Pass data between steps

Return data from any step to inspect it in a human-friendly way and reference the data in future steps via the steps object.

Explore Other Apps

1
-
12
of
500+
apps by most popular

HTTP / Webhook
HTTP / Webhook
Get a unique URL where you can send HTTP or webhook requests
Discord Webhook
Discord Webhook
Use this app to send messages to a channel using Discord's incoming webhooks
Google Sheets
Google Sheets
With Google Sheets, you can create, edit, and collaborate wherever you are
Slack
Slack
Slack is a channel-based messaging platform. With Slack, people can work together more effectively, connect all their software tools and services, and find the information they need to do their best work — all within a secure, enterprise-grade environment.
Airtable
Airtable
Looks like a spreadsheet, acts like a database.
Telegram Bot
Telegram Bot
Telegram is a cloud-based instant messaging and voice over IP service
Google Drive
Google Drive
Internet-related services and products
GitHub
GitHub
Where the world builds software. Millions of developers and companies build, ship, and maintain their software on GitHub—the largest and most advanced development platform in the world.
Twilio
Twilio
Cloud communications platform for building SMS, Voice & Messaging applications on an API built for global scale
Twitter
Twitter
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Zoom
Zoom
Zoom is the leader in modern enterprise video communications, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars.
Zoom Admin
Zoom Admin
Video conferencing (includes account-level scopes)