← HTTP / Webhook + Add to Calendar PRO integrations

Create Landing Page Template with Add to Calendar PRO API on New Requests (Payload Only) from HTTP / Webhook API

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

Trigger workflow on
New Requests (Payload Only) from the HTTP / Webhook 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 HTTP / Webhook 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 Requests (Payload Only) trigger
    1. Connect your HTTP / Webhook account
  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:Get a URL and emit the HTTP body as an event on every request
Version:0.1.1
Key:http-new-requests-payload-only

HTTP / Webhook Overview

Build, test, and send HTTP requests without code using your Pipedream workflows. The HTTP / Webhook action is a tool to build HTTP requests with a Postman-like graphical interface.

An interface for configuring an HTTP request within Pipedream's workflow system. The current selection is a GET request with fields for the request URL, authorization type (set to 'None' with a note explaining "This request does not use authorization"), parameters, headers (with a count of 1, though the detail is not visible), and body. Below the main configuration area is an option to "Include Response Headers," and a button labeled "Configure to test." The overall layout suggests a user-friendly, no-code approach to setting up custom HTTP requests.

Point and click HTTP requests

Define the target URL, HTTP verb, headers, query parameters, and payload body without writing custom code.

A screenshot of Pipedream's HTTP Request Configuration interface with a GET request type selected. The request URL is set to 'https://api.openai.com/v1/models'. The 'Auth' tab is highlighted, indicating that authentication is required for this request. In the headers section, there are two headers configured: 'User-Agent' is set to 'pipedream/1', and 'Authorization' is set to 'Bearer {{openai_api_key}}', showing how the OpenAI account's API key is dynamically inserted into the headers to handle authentication automatically.

Here's an example workflow that uses the HTTP / Webhook action to send an authenticated API request to OpenAI.

Focus on integrating, not authenticating

This action can also use your connected accounts with third-party APIs. Selecting an integrated app will automatically update the request’s headers to authenticate with the app properly, and even inject your token dynamically.

This GIF depicts the process of selecting an application within Pipedream's HTTP Request Builder. A user hovers the cursor over the 'Auth' tab and clicks on a dropdown menu labeled 'Authorization Type', then scrolls through a list of applications to choose from for authorization purposes. The interface provides a streamlined and intuitive method for users to authenticate their HTTP requests by selecting the relevant app in the configuration settings.

Pipedream integrates with thousands of APIs, but if you can’t find a Pipedream integration simply use Environment Variables in your request headers to authenticate with.

Compatible with no code actions or Node.js and Python

The HTTP/Webhook action exports HTTP response data for use in subsequent workflow steps, enabling easy data transformation, further API calls, database storage, and more.

Response data is available for both coded (Node.js, Python) and no-code steps within your workflow.

An image showing the Pipedream interface where the HTTP Webhook action has returned response data as a step export. The interface highlights a structured view of the returned data with collapsible sections. We can see 'steps.custom_request1' expanded to show 'return_value' which is an object containing a 'list'. Inside the list, an item 'data' is expanded to reveal an element with an 'id' of 'whisper-1', indicating a model created by and owned by 'openai-internal'. Options to 'Copy Path' and 'Copy Value' are available for easy access to the data points.

Trigger Code

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

// Core HTTP component
// Returns a 200 OK response, emits the HTTP payload as an event
export default {
  key: "http-new-requests-payload-only",
  name: "New Requests (Payload Only)",
  // eslint-disable-next-line
  description: "Get a URL and emit the HTTP body as an event on every request",
  version: "0.1.1",
  type: "source",
  props: {
    // eslint-disable-next-line
    httpInterface: {
      type: "$.interface.http",
      customResponse: true,
    },
    http,
  },
  async run(event) {
    const { body } = event;
    this.httpInterface.respond({
      status: 200,
      body,
    });
    // Emit the HTTP payload
    this.$emit({
      body,
    });
  },
};

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
N/AhttpInterface$.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.
HTTP / WebhookhttpappThis component uses the HTTP / Webhook app.

Trigger Authentication

The HTTP / Webhook API does not require authentication.

About HTTP / Webhook

Get a unique URL where you can send HTTP or webhook requests

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 + HTTP / Webhook

Create Event Group with Add to Calendar PRO API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Add to Calendar PRO
 
Try it
Create Event Group with Add to Calendar PRO API on New Requests from HTTP / Webhook API
HTTP / Webhook + Add to Calendar PRO
 
Try it
Create Event with Add to Calendar PRO API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Add to Calendar PRO
 
Try it
Create Event with Add to Calendar PRO API on New Requests from HTTP / Webhook API
HTTP / Webhook + Add to Calendar PRO
 
Try it
Create Landing Page Template with Add to Calendar PRO API on New Requests from HTTP / Webhook API
HTTP / Webhook + Add to Calendar PRO
 
Try it
New Requests from the HTTP / Webhook API

Get a URL and emit the full HTTP event on every request (including headers and query parameters). You can also configure the HTTP response code, body, and more.

 
Try it
New Requests (Payload Only) from the HTTP / Webhook API

Get a URL and emit the HTTP body as an event on every request

 
Try it
New event when the content of the URL changes. from the HTTP / Webhook API

Emit new event when the content of the URL changes.

 
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
Send any HTTP Request with the HTTP / Webhook API

Send an HTTP request using any method and URL. Optionally configure query string parameters, headers, and basic auth.

 
Try it
Send GET Request with the HTTP / Webhook API

Send an HTTP GET request to any URL. Optionally configure query string parameters, headers and basic auth.

 
Try it
Send POST Request with the HTTP / Webhook API

Send an HTTP POST request to any URL. Optionally configure query string parameters, headers and basic auth.

 
Try it
Send PUT Request with the HTTP / Webhook API

Send an HTTP PUT request to any URL. Optionally configure query string parameters, headers and basic auth.

 
Try it
Return HTTP Response with the HTTP / Webhook API

Use with an HTTP trigger that uses "Return a custom response from your workflow" as its HTTP Response

 
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.