Integrate the Webflow API with the MongoDB API

Setup the Webflow API trigger to run a workflow which integrates with the MongoDB API. Pipedream's integration platform allows you to integrate Webflow and MongoDB remarkably fast. Free for developers.

Popular Ways to Connect Webflow with MongoDB#

Create New Document with MongoDB API on New Form Submission from Webflow API

Webflow + MongoDB

Try it

Delete a Document with MongoDB API on New Form Submission from Webflow API

Webflow + MongoDB

Try it

Find Document by Id with MongoDB API on New Form Submission from Webflow API

Webflow + MongoDB

Try it

Search Documents with MongoDB API on New Form Submission from Webflow API

Webflow + MongoDB

Try it

Update a Document with MongoDB API on New Form Submission from Webflow API

Webflow + MongoDB

Try it

Popular Webflow and MongoDB Triggers#

New Form Submission from the Webflow API

Emit new event when a new form is submitted. See the docs here

Try it

New Collection Item from the Webflow API

Emit new event when a collection item is created. See the docs here

Try it

New Collection from the MongoDB API

Emit new an event when a new collection is added to a database

Try it

New Database from the MongoDB API

Emit new an event when a new database is added

Try it

New Document from the MongoDB API

Emit new an event when a new document is added to a collection

Try it

Popular Webflow and MongoDB Actions#

Create New Document with the MongoDB API

Create a new document in a collection of your choice. See the docs here

Try it

Delete a Document with the MongoDB API

Delete a single document by ID. See the docs here

Try it

Create Collection Item with the Webflow API

Create new collection item. See the docs here

Try it

Find Document by Id with the MongoDB API

Retrieves a single document by ID. See the docs here

Try it

Delete Collection Item with the Webflow API

Delete Item of a Collection. See the docs here

Try it

Overview of Webflow#

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.

Connect Webflow#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    webflow: {
      type: "app",
      app: "webflow",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.webflow.com/user`,
      headers: {
        Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
        "accept-version": `1.0.0`,
      },
    })
  },
})

Overview of MongoDB#

The MongoDB API provides powerful capabilities to interact with a MongoDB database, allowing you to perform CRUD (Create, Read, Update, Delete) operations, manage databases, and execute sophisticated queries. With Pipedream, you can harness these abilities to automate tasks, sync data across various apps, and react to events in real-time. It’s a combo that’s particularly potent for managing data workflows, syncing application states, or triggering actions based on changes to your data.

Connect MongoDB#

import mongodb from 'mongodb'

export default defineComponent({
  props: {
    mongodb: {
      type: "app",
      app: "mongodb",
    },
    collection: {
      type: "string"
    },
    filter: {
      type: "object"
    }
  },
  async run({steps, $}) {
    const MongoClient = mongodb.MongoClient
    
    const {
      database,
      hostname,
      username,
      password,
    } = this.mongodb.$auth
    
    const url = `mongodb+srv://${username}:${password}@${hostname}/test?retryWrites=true&w=majority`
    const client = await MongoClient.connect(url, { 
      useNewUrlParser: true, 
      useUnifiedTopology: true 
    })
    
    const db = client.db(database)

    const results = await db.collection(this.collection).find(this.filter).toArray();
    $.export('results', results);
    
    await client.close()
  },
})