Create Contact List with Twilio SendGrid API on New Submission Received from Getform API

Pipedream makes it easy to connect APIs for Twilio SendGrid, Getform and 2,400+ other apps remarkably fast.

Trigger workflow on

New Submission Received from the Getform API

Next, do this

Create Contact List with the Twilio SendGrid API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the New Submission Received trigger
1. Connect your Getform account
2. Configure timer
3. Configure Form ID
Configure the Create Contact List action
1. Connect your Twilio SendGrid account
2. Configure Name
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available 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#

New Submission Received on Getform

Description:Emit new event on each new feedback received.

Version:0.0.1

Key:getform-new-submission-received

View on GitHub

Getform Overview#

Getform is a powerful API that allows you to collect form submissions without any server-side code, making it an excellent tool for static sites. By using Pipedream, you can automate workflows based on form submissions, such as sending data to databases, triggering email notifications, or integrating with various other services for extended functionality. The API facilitates seamless integration of forms into your development process, while Pipedream acts as the engine to connect and automate actions based on the incoming data.

Trigger Code#

import getform from "../../getform.app.mjs";
import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";

export default {
  name: "New Submission Received",
  version: "0.0.1",
  key: "getform-new-submission-received",
  description: "Emit new event on each new feedback received.",
  type: "source",
  dedupe: "unique",
  props: {
    getform,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      static: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
    formId: {
      label: "Form ID",
      description: "The form ID",
      type: "string",
    },
  },
  methods: {
    emitEvent(data) {
      this.$emit(data, {
        id: data.id,
        summary: `New submission received with ID ${data.id}`,
        ts: Date.parse(data.submissionDate),
      });
    },
    _setLastSyncDate(date) {
      this.db.set("lastSyncDate", date);
    },
    _getLastSyncDate() {
      return this.db.get("lastSyncDate");
    },
  },
  hooks: {
    async deploy() {
      const { submissions } = await this.getform.getSubmissions({
        params: {
          size: 10,
        },
      });

      submissions.reverse().forEach(this.emitEvent);
    },
  },
  async run() {
    const lastSyncDate = this._getLastSyncDate() ?? (new Date).getTime();
    this._setLastSyncDate((new Date).getTime());

    let page = 1;

    while (true) {
      const { submissions } = await this.getform.getSubmissions({
        params: {
          page,
          size: 100,
        },
      });

      submissions
        .filter((submission) => Date.parse(submission.submissionDate) > lastSyncDate)
        .reverse()
        .forEach(this.emitEvent);

      if (submissions.length < 100) {
        break;
      }

      page++;
    }
  },
};

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.

Label	Prop	Type	Description
Getform	`getform`	`app`	This component uses the Getform app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Form ID	`formId`	`string`	The form ID

Trigger Authentication#

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

You can find your form specific API token under your "Form Settings" page on your form dashboard. More in documentation.

About Getform#

Easy form endpoints for your forms

Action#

Create Contact List on Twilio SendGrid

Description:Allows you to create a new contact list. [See the docs here](https://docs.sendgrid.com/api-reference/lists/create-list)

Version:0.0.4

Key:sendgrid-create-contact-list

View on GitHub

Twilio SendGrid Overview#

The Twilio SendGrid API opens up a world of possibilities for email automation, enabling you to send emails efficiently and track their performance. With this API, you can programmatically create and send personalized email campaigns, manage contacts, and parse inbound emails for data extraction. When you harness the power of Pipedream, you can connect SendGrid to hundreds of other apps to automate workflows, such as triggering email notifications based on specific actions, syncing email stats with your analytics, or handling incoming emails to create tasks or tickets.

Action Code#

import common from "../common/common.mjs";

export default {
  ...common,
  key: "sendgrid-create-contact-list",
  name: "Create Contact List",
  description: "Allows you to create a new contact list. [See the docs here](https://docs.sendgrid.com/api-reference/lists/create-list)",
  version: "0.0.4",
  type: "action",
  props: {
    ...common.props,
    name: {
      type: "string",
      label: "Name",
      description: "Your name for your list. maxLength: 100",
    },
  },
  async run({ $ }) {
    const resp = await this.sendgrid.createContactList(this.name);
    $.export("$summary", `Successfully created contact ${this.name}`);
    return resp;
  },
};