Webflow
Stripe
integromat

An automated workflow using integromat

Connects Webflow + Stripe

Create Stripe charges for new Webflow orders

About this workflow template

This automation scenario allows you to connect Webflow and Stripe

It can be build using Integromat, a no-code workflow automation tool. Integromat allows you to create automated scripts using a simple drag-and-drop interface for non-technical users. This is a ready-made scenario, but it can be customized by adding more apps, actions, filters or branches.

Webflow and Stripe can also be integrated using automation tools other than integromat:

Diagram

Create Stripe charges for new Webflow orders
Workflow diagram: Webflow + Stripe integration

How it works?

When this trigger fires in Webflow

Webflow

Watch Events in Webflow

Triggers when one of the selected events occurs.

Then this action happens in Stripe

Stripe

Create a Charge in Stripe

Creates a charge.

How to set up this workflow

This guide contains information on how to set up an automatic workflow that allows to Create Stripe charges for new Webflow orders.

Part I

Configure Applications

First, we need to connect Webflow and Stripe to Make.com.

  • Create Make.com account.

    Create Make.com account.

    Create Make.com account if you don't have one.

  • Connect Webflow to Make.com.

    Connect Webflow to Make.com.

    Give Make.com access to your Webflow account, using Webflow credentials.

  • Connect Stripe to Make.com.

    Connect Stripe to Make.com.

    Give Make.com access to your Stripe account, using Stripe credentials.

Part II

Build an integration workflow

Next, we need to create a workflow automation scenario using graphical no-code web interface of Make.com.

  • Set up a Trigger action for Webflow

    Set up a Trigger action for Webflow

    Choose the following trigger: Watch Events (Triggers when one of the selected events occurs.).

  • Then set up an Action for Stripe

    Then set up an Action for Stripe

    Choose this action: Create a Charge (Creates a charge.).

Part III

Test and Publish

Finally, we need to test this automation and publish it.

  • Customize data flow

    Customize data flow

    Configure the data that is exchanged between Webflow and Stripe.

  • Test the workflow and turn it on for production use

    Test the workflow and turn it on for production use

    Test your scenario and publish to production. Now you have an automatic workflow, that will Create Stripe charges for new Webflow orders!

Supported triggers and actions

  • Stripe

    New custom webhook events

    New custom webhook events

    pipedream
    triggerbypipedream
  • Stripe

    New customer

    Triggers when a new customer is added.

    zapierautomateiopabbly-connect
    triggerbyzapierautomateiopabbly-connect
  • Stripe

    New payment

    Triggers when a new payment is completed.

    zapieralbato
    triggerbyzapieralbato
  • Stripe

    New charge

    Triggers when someone's credit card is charged.

    zapierpabbly-connect
    triggerbyzapierpabbly-connect
  • Stripe

    New subscription

    Triggers when a new Subscription is Created

    automateiozapierpabbly-connectalbato
    triggerbyautomateiozapierpabbly-connectalbato
  • Stripe

    Checkout session completed

    Triggers when a checkout session is completed.

    zapieralbato
    triggerbyzapieralbato
  • Webflow

    Create item

    Adds a new item to a given collection.

    zapierintegrately
    actionbyzapierintegrately
  • Webflow

    Create live item

    Adds a new item to a given collection on your published site.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Webflow

    Create collection item

    Create collection item

    pipedreamifttt
    actionbypipedreamifttt
  • Webflow

    Fulfill order

    Fulfills an order.

    zapierintegratelypabbly-connectpipedreamiftttalbato
    actionbyzapierintegratelypabbly-connectpipedreamiftttalbato
  • Webflow

    Update live item

    Updates a live item.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Webflow

    Update order

    Updates an order.

    zapierintegratelypabbly-connectpipedreamalbato
    actionbyzapierintegratelypabbly-connectpipedreamalbato

Apps you need

Webflow

Webflow

Website Builders

The no-code platform to build beautifully-designed web sites

Webflow helps to build production-ready web apps with no-code. Although Webflow is a no-codng tool, it provides great level of design customisation, a huge list of templates and ton of how to videos.

Make.com

Make.com

Automation Platforms

Integromat now Make! A workflow automation service.

Make.com (Integromat) is a powerful automation tool that enables users to connect their favorite apps, services, and devices without any coding skills. With its unique features, users can automate even complex integrations easily and efficiently, saving time and effort. Integromat allows to connect apps and automate processes in a few clicks.