Update Collection Item with Webflow API on New Open (Instant) from Mailgun API

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

Trigger workflow on

New Open (Instant) from the Mailgun API

Next, do this

Update Collection Item with the Webflow 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 Mailgun trigger and Webflow action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Open (Instant) trigger
1. Connect your Mailgun account
2. Select a Domain Name
3. Configure Mailgun webhook signing key
Configure the Update Collection Item action
1. Connect your Webflow account
2. Select a Site
3. Select a Collection
4. Select a Item
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 Open (Instant) on Mailgun

Description:Emit new event when the email recipient opened the email and enabled image viewing. Open tracking must be enabled in the Mailgun control panel, and the CNAME record must be pointing to mailgun.org. See more at the Mailgun User's Manual [Tracking Messages](https://documentation.mailgun.com/en/latest/user_manual.html#tracking-messages) section

Version:0.0.2

Key:mailgun-new-open

View on GitHub

Mailgun Overview#

The Mailgun API on Pipedream is a potent tool for automating email operations without the overhead of managing a full-fledged email server. It offers capabilities to send, receive, track, and store emails with ease. With Pipedream's serverless platform, you can trigger workflows using Mailgun events, such as inbound emails or delivery status changes, and connect them to hundreds of other services to streamline communication, marketing, and notification systems within your ecosystem.

Trigger Code#

import common from "../common/http-based.mjs";

export default {
  ...common,
  key: "mailgun-new-open",
  name: "New Open (Instant)",
  type: "source",
  description: "Emit new event when the email recipient opened the email and enabled image " +
    "viewing. Open tracking must be enabled in the Mailgun control panel, and the CNAME record " +
    "must be pointing to mailgun.org. See more at the Mailgun User's Manual [Tracking Messages]" +
    "(https://documentation.mailgun.com/en/latest/user_manual.html#tracking-messages) section",
  version: "0.0.2",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getEventName() {
      return [
        "opened",
      ];
    },
    getEventType() {
      return [
        "OPENED",
        "opened",
      ];
    },
    generateMeta(payload) {
      const id = payload.message.headers["message-id"];
      return {
        id: `${payload.id}${payload.timestamp}`,
        summary: `New Open on message ${id} by ${payload.recipient}`,
        ts: payload.timestamp,
      };
    },
  },
};

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
Mailgun	`mailgun`	`app`	This component uses the Mailgun app.
Domain Name	`domain`	`string`	Select a value from the drop down menu.
Mailgun webhook signing key	`webhookSigningKey`	`string`	Your Mailgun webhook signing key, found in your Mailgun dashboard, located under Settings on the left-hand nav and then in API Keys look for webhook signing key. Required to compute the authentication signature of events.
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.

Trigger Authentication#

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

About Mailgun#

Mailgun is an email automation service built for developers. Powerful transactional email APIs enable you to send, receive, and track emails.

Action#

Update Collection Item on Webflow

Description:Update collection item. [See the documentation](https://developers.webflow.com/#update-collection-item)

Version:0.1.7

Key:webflow-update-collection-item

View on GitHub

Webflow Overview#

The Webflow API empowers developers to programmatically interact with their Webflow site, enabling automation, data synchronization, and complex integrations with other apps and services. With Pipedream's serverless platform, you can harness this API to craft custom workflows that react to events, manage content dynamically, or extend the capabilities of your Webflow projects by linking them with a vast array of other applications.

Action Code#

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

export default {
  key: "webflow-update-collection-item",
  name: "Update Collection Item",
  description: "Update collection item. [See the documentation](https://developers.webflow.com/#update-collection-item)",
  version: "0.1.7",
  type: "action",
  props: {
    webflow,
    siteId: {
      propDefinition: [
        webflow,
        "sites",
      ],
    },
    collectionId: {
      propDefinition: [
        webflow,
        "collections",
        (c) => ({
          siteId: c.siteId,
        }),
      ],
      reloadProps: true,
    },
    itemId: {
      propDefinition: [
        webflow,
        "items",
        (c) => ({
          collectionId: c.collectionId,
        }),
      ],
    },
  },
  async additionalProps() {
    const props = {};
    if (!this.collectionId) {
      return props;
    }
    const { fields } = await this.webflow.getCollection(this.collectionId);
    for (const field of fields) {
      if (field.editable && field.slug !== "_archived" && field.slug !== "_draft") {
        props[field.slug] = {
          type: "string",
          label: field.name,
          description: field.slug === "name"
            ? "Name given to the Item."
            : field.slug === "slug"
              ? "URL structure of the Item in your site. Note: Updates to an item slug will break all links referencing the old slug."
              : "See the documentation for additional information about [Field Types & Item Values](https://developers.webflow.com/reference/field-types-item-values).",
          optional: true,
        };
      }
    }

    return props;
  },
  async run({ $ }) {
    const {
      webflow,
      // eslint-disable-next-line no-unused-vars
      siteId,
      collectionId,
      itemId,
      name,
      slug,
      ...customFields
    } = this;

    const webflowClient = webflow._createApiClient();

    const item = await webflowClient.item({
      collectionId,
      itemId,
    });

    const response = await webflowClient.updateItem({
      collectionId,
      itemId,
      name: name || item.name,
      slug: slug || item.slug,
      _archived: false,
      _draft: false,
      ...customFields,
    });

    $.export("$summary", "Successfully updated collection item");

    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
Webflow	`webflow`	`app`	This component uses the Webflow app.
Site	`siteId`	`string`	Select a value from the drop down menu.
Collection	`collectionId`	`string`	Select a value from the drop down menu.
Item	`itemId`	`string`	Select a value from the drop down menu.

Action Authentication#

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

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

About Webflow#

Webflow is the leading visual development platform for building powerful websites without writing code.

More Ways to Connect Webflow + Mailgun#

Other Popular Integrations#

Mailgun Send Email with Mailgun API on Changed Collection Item (Instant) from Webflow API

Webflow + Mailgun

Update Collection Item with Webflow API on New Open (Instant) from Mailgun API

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

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

Developers ♥ Pipedream

1-24of2,400+apps by most popular

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