← Webflow + PDF.co integrations

Anything to PDF Converter with PDF.co API on E-commerce Order Updated from Webflow API

Pipedream makes it easy to connect APIs for PDF.co, Webflow and 2,700+ other apps remarkably fast.

Trigger workflow on
E-commerce Order Updated from the Webflow API
Next, do this
Anything to PDF Converter with the PDF.co 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 Webflow trigger and PDF.co 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 E-commerce Order Updated trigger
    1. Connect your Webflow account
    2. Select a Site
  3. Configure the Anything to PDF Converter action
    1. Connect your PDF.co account
    2. Optional- Configure HTTP Username
    3. Optional- Configure HTTP Password
    4. Optional- Configure Name
    5. Optional- Configure Expiration
    6. Optional- Configure Async
    7. Optional- Configure Profiles
    8. Configure URL
    9. Select a Source Type
  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 an e-commerce order is changed. [See the documentation](https://developers.webflow.com/data/reference/webhooks/events/ecomm-order-changed)
Version:2.0.0
Key:webflow-changed-ecommerce-order

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.

You can connect your Webflow account in a few different ways:

  1. Directly within the workflow builder, from a trigger or an action step. Search for the Webflow app, and connect your account.
  2. From the Pipedream Accounts page: Go to Accounts > Connect an app > Search for "Webflow".
  3. Run the example Node JS code below by clicking "Connect Webflow and run", and choose a project and create an example workflow to interact with the Webflow API.

Trigger Code

import common from "../common/common.mjs";

export default {
  type: "source",
  key: "webflow-changed-ecommerce-order",
  name: "E-commerce Order Updated",
  description: "Emit new event when an e-commerce order is changed. [See the documentation](https://developers.webflow.com/data/reference/webhooks/events/ecomm-order-changed)",
  version: "2.0.0",
  ...common,
  methods: {
    ...common.methods,
    getWebhookTriggerType() {
      return "ecomm_order_changed";
    },
    generateMeta({ orderId }) {
      const ts = Date.now();
      return {
        id: `${orderId}-${ts}`,
        summary: `E-comm order updated: ${orderId}`,
        ts,
      };
    },
  },
};

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
WebflowappappThis component uses the Webflow app.
SitesiteIdstringSelect a value from the drop down menu.
N/Adb$.service.dbThis component uses $.service.db to maintain state between executions.
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.

Trigger 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:

authorized_user:readsites:readsites:writeforms:readforms:writeecommerce:readecommerce:writeassets:readassets:writecms:readcms:writepages:readpages:write

About Webflow

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

Action

Description:Convert CSV, XLS, XLSX, DOC, DOCX, RTF, TXT, XPS, JPG, PNG, TIFF, URL, EMAIL to PDF. [See docs here](https://apidocs.pdf.co/22-pdf-from-csv-csv-to-pdf)
Version:0.0.1
Key:pdf_co-anything-to-pdf-converter

PDF.co Overview

PDF.co API on Pipedream opens up opportunities for automating document handling tasks. You can create PDFs from scratch, merge multiple documents, extract text or data, convert PDFs to different formats, and even perform complex operations like filling out forms programmatically. With Pipedream's serverless platform, these capabilities can be integrated into workflows that respond to events, schedule tasks, or trigger on specific conditions, streamlining processes that involve PDF manipulation.

Action Code

import app from "../../pdf_co.app.mjs";
import constants from "../common/constants.mjs";

export default {
  name: "Anything to PDF Converter",
  description: "Convert CSV, XLS, XLSX, DOC, DOCX, RTF, TXT, XPS, JPG, PNG, TIFF, URL, EMAIL to PDF. [See docs here](https://apidocs.pdf.co/22-pdf-from-csv-csv-to-pdf)",
  key: "pdf_co-anything-to-pdf-converter",
  version: "0.0.1",
  type: "action",
  props: {
    app,
    httpusername: {
      propDefinition: [
        app,
        "httpusername",
      ],
    },
    httppassword: {
      propDefinition: [
        app,
        "httppassword",
      ],
    },
    name: {
      propDefinition: [
        app,
        "name",
      ],
    },
    expiration: {
      propDefinition: [
        app,
        "expiration",
      ],
    },
    async: {
      propDefinition: [
        app,
        "async",
      ],
    },
    profiles: {
      propDefinition: [
        app,
        "profiles",
      ],
    },
    url: {
      propDefinition: [
        app,
        "url",
      ],
    },
    sourceType: {
      type: "string",
      label: "Source Type",
      description: "Select the type of the source file.",
      options: constants.ANYTHING_TO_PDF_SOURCE_TYPES,
      reloadProps: true,
    },
  },
  async additionalProps() {
    if (!this.sourceType) {
      return {};
    }
    let additionalProps = {};
    if (this.sourceType.endsWith("/from/url") || this.sourceType.endsWith("/from/email")) {
      additionalProps = {
        margins: {
          type: "string",
          label: "Margins",
          description: "Set to css style margins like 10px, 5mm, 5in for all sides or 5px 5px 5px 5px (the order of margins is top, right, bottom, left).",
          optional: true,
        },
        paperSize: {
          type: "string",
          label: "Paper Size",
          description: "Custom size can be set in px (pixels), mm or in (inches) with width and height separated by space like this: 200 300, 200px 300px, 200mm 300mm, 20cm 30cm or 6in 8in.",
          options: constants.PAPER_SIZE_OPTS,
          optional: true,
        },
        orientation: {
          type: "string",
          label: "Orientation",
          description: "Set to Portrait or Landscape. Portrait by default.",
          options: constants.ORIENTATION_OPTS,
          optional: true,
        },
      };
      if (this.sourceType.endsWith("/from/url")) {
        additionalProps = {
          ...additionalProps,
          printBackground: {
            type: "boolean",
            label: "Print Background",
            description: "true by default. Set to false to disable printing of background.",
            optional: true,
          },
          mediaType: {
            type: "string",
            label: "Media Type",
            description: "Uses print by default. Set to screen to convert HTML as it appears in a browser or print to convert as it appears for printing or none to set none as mediaType for css styles.",
            options: constants.MEDIA_TYPE_OPTS,
            optional: true,
          },
          doNotWaitFullLoad: {
            type: "boolean",
            label: "Do Not Wait Full Load",
            description: "false by default. Set to true to skip waiting for full load (like full video load etc that may affect the total conversion time).",
            optional: true,
          },
          header: {
            type: "string",
            label: "Header",
            description: "Set to HTML for header to be applied on every page at the header.",
            optional: true,
          },
          footer: {
            type: "string",
            label: "Footer",
            description: "Set to HTML for footer to be applied on every page at the bottom.",
            optional: true,
          },
        };
      }
      if (this.sourceType.endsWith("/from/email")) {
        additionalProps = {
          ...additionalProps,
          embedAttachments: {
            type: "boolean",
            label: "Embed Attachments",
            description: "Set to true to automatically embed all attachments from original input email into final output PDF.",
            optional: true,
          },
          convertAttachments: {
            type: "boolean",
            label: "Convert Attachments",
            description: "Set to false if you do not want to convert attachments from original email and want to embed them as original files. Set to true to convert attachments that are supported by API (doc, docx, html, png, jpg etc) into PDF and merges into final output PDF.",
            optional: true,
          },
        };
      }
    }
    if (this.sourceType.startsWith("/xls/convert")) {
      additionalProps = {
        worksheetIndex: {
          type: "integer",
          label: "Worksheet Index",
          description: "Default worksheet index (zero by default).",
          optional: true,
        },
      };
    }
    return additionalProps;
  },
  async run({ $ }) {
    const param = {
      url: this.url,
      httpusername: this.httpusername,
      httppassword: this.httppassword,
      name: this.name,
      expiration: this.expiration,
      async: this.async,
      profiles: this.profiles,
      margins: this.margins,
      paperSize: this.paperSize,
      orientation: this.orientation,
      printBackground: this.printBackground,
      mediaType: this.mediaType,
      DoNotWaitFullLoad: this.doNotWaitFullLoad,
      header: this.header,
      footer: this.footer,
      embedAttachments: this.embedAttachments,
      convertAttachments: this.convertAttachments,
    };
    const response = await this.app.genericRequest(
      $,
      param,
      this.sourceType,
    );
    $.export("$summary", `Successfully converted ${this.sourceType} to PDF`);
    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
PDF.coappappThis component uses the PDF.co app.
HTTP Usernamehttpusernamestring

HTTP auth user name if required to access source url.

HTTP Passwordhttppasswordstring

HTTP auth password if required to access source url.

Namenamestring

File name for generated output.

Expirationexpirationinteger

Output link expiration in minutes. Default is 60 (i.e. 60 minutes or 1 hour).

Asyncasyncboolean

Runs processing asynchronously. Returns JobId.

Profilesprofilesany

Use this parameter to set additional configuration for fine tuning and extra options. Explore PDF.co for profile examples.

URLurlstring

URL to the source file. Supports links from Google Drive, Dropbox and from built-in PDF.co files storage.

Source TypesourceTypestringSelect a value from the drop down menu:{ "label": "CSV, XLS, XLSX", "value": "/pdf/convert/from/csv" }{ "label": "DOC, DOCX, RTF, TXT, XPS", "value": "/pdf/convert/from/doc" }{ "label": "JPG, PNG, TIFF", "value": "/pdf/convert/from/image" }{ "label": "PDF from URL", "value": "/pdf/convert/from/url" }{ "label": "PDF from EMAIL", "value": "/pdf/convert/from/email" }{ "label": "PDF from XLS", "value": "/xls/convert/to/pdf" }

Action Authentication

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

About PDF.co

PDF.co is a API platform for data extraction from PDF, spreadsheets, barcodes. 300+ integrations supported.

More Ways to Connect PDF.co + Webflow

Anything to PDF Converter with PDF.co API on Changed E-commerce Inventory (Instant) from Webflow API
Webflow + PDF.co
 
Try it
Anything to PDF Converter with PDF.co API on Changed E-commerce Order (Instant) from Webflow API
Webflow + PDF.co
 
Try it
Anything to PDF Converter with PDF.co API on Deleted Collection Item (Instant) from Webflow API
Webflow + PDF.co
 
Try it
Anything to PDF Converter with PDF.co API on New E-commerce Order (Instant) from Webflow API
Webflow + PDF.co
 
Try it
Anything to PDF Converter with PDF.co API on Site Published (Instant) from Webflow API
Webflow + PDF.co
 
Try it
New Form Submission from the Webflow API

Emit new event when a form is submitted. See the documentation

 
Try it
New Collection Item Created from the Webflow API

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

 
Try it
Collection Item Deleted from the Webflow API

Emit new event when a collection item is deleted. See the documentation

 
Try it
Collection Item Updated from the Webflow API

Emit new event when a collection item is changed. See the documentation

 
Try it
E-commerce Inventory Updated from the Webflow API

Emit new event when an e-commerce inventory level changes. See the documentation

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the documentation

 
Try it
Delete Collection Item with the Webflow API

Delete Item of a Collection. See the documentation

 
Try it
Fulfill Order with the Webflow API

Fulfill an order. See the documentation

 
Try it
Get Collection with the Webflow API

Get a collection. See the documentation

 
Try it
Get Collection Item with the Webflow API

Get a Collection Item. 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.