← Jotform + Add to Calendar PRO integrations

Create Landing Page Template with Add to Calendar PRO API on New Submission (Instant) from Jotform API

Pipedream makes it easy to connect APIs for Add to Calendar PRO, Jotform and 2,700+ other apps remarkably fast.

Trigger workflow on
New Submission (Instant) from the Jotform API
Next, do this
Create Landing Page Template with the Add to Calendar PRO API
No credit card required
Intro to Pipedream
Watch us build a workflow
Watch us build a workflow
8 min
Watch now ➜

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

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo

Developers Pipedream

Getting Started

This integration creates a workflow with a Jotform trigger and Add to Calendar PRO 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 (Instant) trigger
    1. Connect your Jotform account
    2. Optional- Select a Team
    3. Select a Form
  3. Configure the Create Landing Page Template action
    1. Connect your Add to Calendar PRO account
    2. Configure Name
    3. Optional- Configure Title
    4. Optional- Configure Intro
    5. Optional- Configure Legal
    6. Optional- Configure Highlight Color
    7. Optional- Configure Background Color 1
    8. Optional- Configure Background Color 2
    9. Optional- Select a Background
    10. Optional- Select a Gradient Direction
    11. Optional- Configure Image Repeat
    12. Optional- Configure Meta Title Override
    13. Optional- Configure Meta Description Override
    14. Optional- Configure Meta Robots Override
    15. Optional- Select a Custom Domain 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, 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

Description:Emit new event when a form is submitted
Version:0.1.6
Key:jotform-new-submission

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.6",
  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.
LabelPropTypeDescription
JotformjotformappThis component uses the Jotform app.
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.
TeamteamIdstringSelect a value from the drop down menu.
FormformIdstringSelect 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

Description:Create a landing page template. [See the documentation](https://docs.add-to-calendar-pro.com/api/landingpages#add-a-landing-page-template)
Version:0.0.1
Key:add_to_calendar_pro-create-landing-page-template

Action Code

import addToCalendarPro from "../../add_to_calendar_pro.app.mjs";

export default {
  key: "add_to_calendar_pro-create-landing-page-template",
  name: "Create Landing Page Template",
  description: "Create a landing page template. [See the documentation](https://docs.add-to-calendar-pro.com/api/landingpages#add-a-landing-page-template)",
  version: "0.0.1",
  type: "action",
  props: {
    addToCalendarPro,
    name: {
      propDefinition: [
        addToCalendarPro,
        "landingPageTemplateName",
      ],
    },
    title: {
      propDefinition: [
        addToCalendarPro,
        "title",
      ],
    },
    intro: {
      propDefinition: [
        addToCalendarPro,
        "intro",
      ],
    },
    legal: {
      propDefinition: [
        addToCalendarPro,
        "legal",
      ],
    },
    highlightColor: {
      propDefinition: [
        addToCalendarPro,
        "highlightColor",
      ],
    },
    backgroundColor1: {
      propDefinition: [
        addToCalendarPro,
        "backgroundColor1",
      ],
    },
    backgroundColor2: {
      propDefinition: [
        addToCalendarPro,
        "backgroundColor2",
      ],
    },
    background: {
      propDefinition: [
        addToCalendarPro,
        "background",
      ],
    },
    gradientDirection: {
      propDefinition: [
        addToCalendarPro,
        "gradientDirection",
      ],
    },
    imageRepeat: {
      propDefinition: [
        addToCalendarPro,
        "imageRepeat",
      ],
    },
    metaTitleOverride: {
      propDefinition: [
        addToCalendarPro,
        "metaTitleOverride",
      ],
    },
    metaDescriptionOverride: {
      propDefinition: [
        addToCalendarPro,
        "metaDescriptionOverride",
      ],
    },
    metaRobotsOverride: {
      propDefinition: [
        addToCalendarPro,
        "metaRobotsOverride",
      ],
    },
    customDomainId: {
      propDefinition: [
        addToCalendarPro,
        "customDomainId",
      ],
      optional: true,
    },
  },
  async run({ $ }) {
    const response = await this.addToCalendarPro.createLandingPageTemplate({
      $,
      data: {
        name: this.name,
        title: this.title,
        intro: this.intro,
        legal: this.legal,
        highlight_color: this.highlightColor,
        background_color_1: this.backgroundColor1,
        background_color_2: this.backgroundColor2,
        background: this.background,
        gradient_direction: this.gradientDirection,
        image_repeat: this.imageRepeat,
        meta_title_override: this.metaTitleOverride,
        meta_description_override: this.metaDescriptionOverride,
        meta_robots_override: this.metaRobotsOverride,
        custom_domain: this.customDomainId,
      },
    });
    $.export("$summary", "Successfully created landing page template.");
    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.

LabelPropTypeDescription
Add to Calendar PROaddToCalendarProappThis component uses the Add to Calendar PRO app.
Namenamestring

The name of the landing page template

Titletitlestring

The title of the landing page template

Introintrostring

The intro of the landing page template

Legallegalstring

The legal footer text; allows for HTML

Highlight ColorhighlightColorstring

Hex code; used for buttons and decorative elements

Background Color 1backgroundColor1string

Hex code; used for the background of the template

Background Color 2backgroundColor2string

Hex code; used for the background of the template

BackgroundbackgroundstringSelect a value from the drop down menu:solidgradientimagepreset
Gradient DirectiongradientDirectionstringSelect a value from the drop down menu:linear-tlinear-trlinear-rlinear-brradial
Image RepeatimageRepeatboolean

Whether to show the background image fullscreen or repeat it

Meta Title OverridemetaTitleOverridestring

Text that overrides the auto-generated meta title

Meta Description OverridemetaDescriptionOverridestring

Text that overrides the auto-generated meta description

Meta Robots OverridemetaRobotsOverridestring

If true, Add to Calendar Pro will set "norobots, noindex"

Custom Domain IDcustomDomainIdstringSelect a value from the drop down menu.

Action Authentication

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

About Add to Calendar PRO

The fair Event Marketing and Sharing Tool

More Ways to Connect Add to Calendar PRO + Jotform

Create Event with Add to Calendar PRO API on New Submission (Instant) from Jotform API
Jotform + Add to Calendar PRO
 
Try it
Delete Event Group with Add to Calendar PRO API on New Submission (Instant) from Jotform API
Jotform + Add to Calendar PRO
 
Try it
Create Event Group with Add to Calendar PRO API on New Submission (Instant) from Jotform API
Jotform + Add to Calendar PRO
 
Try it
Delete RSVP Template with Add to Calendar PRO API on New Submission (Instant) from Jotform API
Jotform + Add to Calendar PRO
 
Try it
Create RSVP Template with Add to Calendar PRO API on New Submission (Instant) from Jotform API
Jotform + Add to Calendar PRO
 
Try it
New Submission (Instant) from the Jotform API

Emit new event when a form is submitted

 
Try it
Event Deleted (Instant) from the Add to Calendar PRO API

Emit new event when a new event is deleted in the system

 
Try it
Event Group Deleted (Instant) from the Add to Calendar PRO API

Emit new event when a new event group is deleted in the system

 
Try it
Event Group Updated (Instant) from the Add to Calendar PRO API

Emit new event when a new event group is updated in the system

 
Try it
Event Updated (Instant) from the Add to Calendar PRO API

Emit new event when a new event is updated in the system

 
Try it
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 Event with the Add to Calendar PRO API

Create an event in a group. See the documentation

 
Try it
Create Event Group with the Add to Calendar PRO API

Create an event group. See the documentation

 
Try it

Explore Other Apps

1
-
24
of
2,700+
apps by most popular

HTTP / Webhook
HTTP / Webhook
Get a unique URL where you can send HTTP or webhook requests
Node
Node
Anything you can do with Node.js, you can do in a Pipedream workflow. This includes using most of npm's 400,000+ packages.
Python
Python
Anything you can do in Python can be done in a Pipedream Workflow. This includes using any of the 350,000+ PyPi packages available in your Python powered workflows.
Pipedream Utils
Pipedream Utils
Utility functions to use within your Pipedream workflows
Notion
Notion
Notion is a new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
OpenAI (ChatGPT)
OpenAI (ChatGPT)
OpenAI is an AI research and deployment company with the mission to ensure that artificial general intelligence benefits all of humanity. They are the makers of popular models like ChatGPT, DALL-E, and Whisper.
Anthropic (Claude)
Anthropic (Claude)
AI research and products that put safety at the frontier. Introducing Claude, a next-generation AI assistant for your tasks, no matter the scale.
Google Sheets
Google Sheets
Use Google Sheets to create and edit online spreadsheets. Get insights together with secure sharing in real-time and from any device.
Telegram
Telegram
Telegram, is a cloud-based, cross-platform, encrypted instant messaging (IM) service.
Google Drive
Google Drive
Google Drive is a file storage and synchronization service which allows you to create and share your work online, and access your documents from anywhere.
Pinterest
Pinterest
Pinterest is a visual discovery engine for finding ideas like recipes, home and style inspiration, and more.
Google Calendar
Google Calendar
With Google Calendar, you can quickly schedule meetings and events and get reminders about upcoming activities, so you always know what’s next.
Shopify
Shopify
Shopify is a complete commerce platform that lets anyone start, manage, and grow a business. You can use Shopify to build an online store, manage sales, market to customers, and accept payments in digital and physical locations.
Supabase
Supabase
Supabase is an open source Firebase alternative.
MySQL
MySQL
MySQL is an open-source relational database management system.
PostgreSQL
PostgreSQL
PostgreSQL is a free and open-source relational database management system emphasizing extensibility and SQL compliance.
Premium
AWS
AWS
Amazon Web Services (AWS) offers reliable, scalable, and inexpensive cloud computing services.
Premium
Twilio SendGrid
Twilio SendGrid
Send marketing and transactional email through the Twilio SendGrid platform with the Email API, proprietary mail transfer agent, and infrastructure for scalable delivery.
Amazon SES
Amazon SES
Amazon SES is a cloud-based email service provider that can integrate into any application for high volume email automation
Premium
Klaviyo
Klaviyo
Email Marketing and SMS Marketing Platform
Premium
Zendesk
Zendesk
Zendesk is award-winning customer service software trusted by 200K+ customers. Make customers happy via text, mobile, phone, email, live chat, social media.
Premium
ServiceNow
ServiceNow
The smarter way to workflow
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.
Microsoft Teams
Microsoft Teams
Microsoft Teams has communities, events, chats, channels, meetings, storage, tasks, and calendars in one place.