Create Token with Shift4 API on New Submission (Instant) from Jotform API

Pipedream makes it easy to connect APIs for Shift4, Jotform and 2,400+ other apps remarkably fast.

Trigger workflow on

New Submission (Instant) from the Jotform API

Next, do this

Create Token with the Shift4 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 Jotform trigger and Shift4 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 (Instant) trigger
1. Connect your Jotform account
2. Optional- Select a Team
3. Select a Form
Configure the Create Token action
1. Connect your Shift4 account
2. Configure Card Number
3. Configure Expiration Month
4. Configure Expiration Year
5. Configure CVC
6. Optional- Configure Cardholder Name
7. Optional- Configure Address Line 1
8. Optional- Configure Address Line 2
9. Optional- Configure City
10. Optional- Configure State
11. Optional- Configure Zip Code
12. Optional- Configure Country
13. Optional- Configure Fraud Check Data
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 (Instant) on Jotform

Description:Emit new event when a form is submitted

Version:0.1.5

Key:jotform-new-submission

View on GitHub

Jotform Overview#

Jotform’s API is a powerhouse for automating form and survey data management. With Pipedream, harness this API to trigger workflows from new form submissions, manipulate and analyze your form data, and sync it across various platforms. Think streamlined data entry to CRMs, instant notifications for new leads or feedback, and timely data backups to cloud storage.

Trigger Code#

import jotform from "../../jotform.app.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  key: "jotform-new-submission",
  name: "New Submission (Instant)",
  description: "Emit new event when a form is submitted",
  version: "0.1.5",
  type: "source",
  dedupe: "unique",
  props: {
    jotform,
    http: "$.interface.http",
    teamId: {
      propDefinition: [
        jotform,
        "teamId",
      ],
    },
    formId: {
      propDefinition: [
        jotform,
        "formId",
        (c) => ({
          teamId: c.teamId,
          excludeDeleted: true,
        }),
      ],
    },
  },
  hooks: {
    async deploy() {
      const { content: form } = await this.jotform.getForm(this.formId, this.teamId);
      const { content: submissions } = await this.jotform.getFormSubmissions({
        formId: this.formId,
        teamId: this.teamId,
        params: {
          limit: 25,
          orderby: "created_at",
        },
      });
      for (let submission of submissions.reverse()) {
        const meta = {
          id: submission.id,
          summary: form.title,
          ts: Date.now(),
        };
        this.$emit(submission, meta);
      }
    },
    async activate() {
      return (await this.jotform.createHook({
        endpoint: this.http.endpoint,
        formId: this.formId,
        teamId: this.teamId,
      }));
    },
    async deactivate() {
      return (await this.jotform.deleteHook({
        endpoint: this.http.endpoint,
        formId: this.formId,
        teamId: this.teamId,
      }));
    },
  },
  async run(event) {
    const { body } = event;
    let { content: submission } = await this.jotform.getFormSubmission({
      submissionId: body.submissionID,
      teamId: this.teamId,
    });

    // insert answers from the webhook event
    const rawRequest = JSON.parse(body.rawRequest);
    for (const key of Object.keys(rawRequest)) {
      const regex = /^q(\d+)_/;
      const match = key.match(regex);
      if (match && match[1]) {
        submission.answers[match[1]].answer = rawRequest[key];
      }
    }

    this.$emit(submission, {
      summary: body.formTitle || JSON.stringify(body),
      id: body.submissionID,
      ts: Date.now(),
    });
  },
  sampleEmit,
};

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
Jotform	`jotform`	`app`	This component uses the Jotform app.
N/A	`http`	`$.interface.http`	This 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.
Team	`teamId`	`string`	Select a value from the drop down menu.
Form	`formId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

About Jotform#

Jotform enables you to create online forms, collect responses directly in your email, and create fillable PDF forms.

Action#

Create Token on Shift4

Description:Creates a new token object. [See the documentation](https://dev.shift4.com/docs/api#token-create)

Version:0.0.1

Key:shift4-create-token

View on GitHub

Shift4 Overview#

The Shift4 API provides robust payment processing capabilities, enabling secure transactions for various business needs. On Pipedream, you can leverage this API to create automated workflows that respond to events, handle payments, and sync transaction data with other services. By integrating Shift4 with Pipedream, you unlock a realm of possibilities for automating payment operations, analyzing sales data, and improving customer experiences with real-time actions.

Action Code#

import shift4 from "../../shift4.app.mjs";

export default {
  key: "shift4-create-token",
  name: "Create Token",
  description: "Creates a new token object. [See the documentation](https://dev.shift4.com/docs/api#token-create)",
  version: "0.0.1",
  type: "action",
  props: {
    shift4,
    number: {
      type: "string",
      label: "Card Number",
      description: "Card number without any separators.",
    },
    expMonth: {
      type: "string",
      label: "Expiration Month",
      description: "Card expiration month.",
    },
    expYear: {
      type: "string",
      label: "Expiration Year",
      description: "Card expiration year.",
    },
    cvc: {
      type: "string",
      label: "CVC",
      description: "Card security code.",
    },
    cardholderName: {
      type: "string",
      label: "Cardholder Name",
      description: "Name of the cardholder.",
      optional: true,
    },
    addressLine1: {
      type: "string",
      label: "Address Line 1",
      description: "First line of the address.",
      optional: true,
    },
    addressLine2: {
      type: "string",
      label: "Address Line 2",
      description: "Second line of the address.",
      optional: true,
    },
    addressCity: {
      type: "string",
      label: "City",
      description: "City of the address.",
      optional: true,
    },
    addressState: {
      type: "string",
      label: "State",
      description: "State of the address.",
      optional: true,
    },
    addressZip: {
      type: "string",
      label: "Zip Code",
      description: "Zip code of the address.",
      optional: true,
    },
    addressCountry: {
      type: "string",
      label: "Country",
      description: "Country represented as a three-letter ISO country code.",
      optional: true,
    },
    fraudCheckData: {
      type: "object",
      label: "Fraud Check Data",
      description: "Additional data used for fraud protection.",
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      shift4,
      fraudCheckData,
      ...data
    } = this;

    const fraudCheck = fraudCheckData
      ? JSON.stringify(fraudCheckData)
      : undefined;

    const response = await shift4.createToken({
      $,
      data: {
        ...data,
        fraudCheckData: fraudCheck,
      },
    });

    $.export("$summary", `Successfully created token with Id: '${response.id}'`);
    return response;
  },
};

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.

Label	Prop	Type	Description
Shift4	`shift4`	`app`	This component uses the Shift4 app.
Card Number	`number`	`string`	Card number without any separators.
Expiration Month	`expMonth`	`string`	Card expiration month.
Expiration Year	`expYear`	`string`	Card expiration year.
CVC	`cvc`	`string`	Card security code.
Cardholder Name	`cardholderName`	`string`	Name of the cardholder.
Address Line 1	`addressLine1`	`string`	First line of the address.
Address Line 2	`addressLine2`	`string`	Second line of the address.
City	`addressCity`	`string`	City of the address.
State	`addressState`	`string`	State of the address.
Zip Code	`addressZip`	`string`	Zip code of the address.
Country	`addressCountry`	`string`	Country represented as a three-letter ISO country code.
Fraud Check Data	`fraudCheckData`	`object`	Additional data used for fraud protection.

Action Authentication#

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

To retrieve your API keys,

Navigate to your Shift4 account and sign in
Click the dropdown on the top right
Go to “Account Settings” > “API keys”

Try it

Create Customer with Shift4 API on New Submission (Instant) from Jotform API

Jotform + Shift4

Try it

Create Plan with Shift4 API on New Submission (Instant) from Jotform API

Jotform + Shift4

Try it

Get Form Submissions with Jotform API on New Charge Updated from Shift4 API

Shift4 + Jotform

Try it

Get Monthly User Usage with Jotform API on New Charge Updated from Shift4 API

Shift4 + Jotform

Try it

Popular Triggers#

New Submission (Instant) from the Jotform API

Emit new event when a form is submitted

Try it

New Charge from the Shift4 API

Emit new event when a new charge is successfully created.

Try it

New Charge Updated from the Shift4 API

Emit new event when a charge object is updated.

Try it

New Customer from the Shift4 API

Emit new event when a new customer is created.

Try it

Popular Actions#

Get Form Submissions with the Jotform API

Gets a list of form responses See the docs here

Try it

Get Monthly User Usage with the Jotform API

Gets number of form submissions received this month. Also, get number of SSL form submissions, payment form submissions and upload space used by user See the docs here

Try it

Get User Submissions with the Jotform API

Gets a list of all submissions for all forms on the account See the docs here

Try it

Create Charge with the Shift4 API

Creates a new charge object. See the documentation

Try it

Create Customer with the Shift4 API

Creates a new customer object. See the documentation

Try it