Skip to content

Updating visuals

If you see any images containing outdated UI, please bear with us.

We are updating all content as quickly as possible to mirror our new UI.

Intro to Stripe

Stripe is a payment platform. This integration lets your WeWeb backend work with Stripe so you can sell products, collect one-time or recurring payments, and react to payment events—all without handling card numbers yourself.

What you can do

  • One-time payments — Charge a customer once (e.g. for a product or service) using Stripe Checkout (hosted page) or a custom payment form (Payment Intents).
  • Subscriptions — Charge repeatedly (e.g. monthly plans) via Checkout or by creating subscriptions from your backend.
  • Products and prices — Create and manage products and prices in Stripe from WeWeb.
  • Invoices — Create invoices and add line items (one-off charges, credits).
  • Refunds — Refund a payment when needed.
  • Webhooks — Run workflows when something happens in Stripe (e.g. payment succeeded, subscription canceled).
  • Stripe as a data source for tables — Add a table in Data & API linked to Products, Prices, Customers, Invoices, Subscriptions, or Payment Intents; configure views (list or search, filters, pagination) and bind them to Data Grids or fetch them with Fetch table view. See Stripe as a data source for tables.

Learn step by step

Follow these pages in order if you’re new to Stripe in WeWeb:

  1. Setup — Connect Stripe to WeWeb and avoid common mistakes.
  2. Choose how to collect payments — Stripe Checkout (hosted page) vs Payment Intents (custom form).
  3. Stripe Checkout — Send customers to Stripe’s page to pay (easiest path).
  4. Payment Intents and subscriptions — One-time payments with a form in your app, and recurring subscriptions.
  5. Webhooks — React to Stripe events (e.g. grant access when payment succeeds).
  6. Workflow examples — Real-world flows (one-time payment, subscription, refund, grant access).

When you need the full list of actions and every parameter:

Using Stripe data in a table or Data Grid?

  • Stripe as a data source for tables — Add Stripe tables (Products, Prices, Customers, Invoices, Subscriptions, Payments), configure views (list or search), and bind to Data Grids or Fetch table view.

Quick setup

  1. In Stripe, create or copy your API keys (use test keys for development).
  2. In WeWeb, open Integrations and add Stripe. Create a connection and fill in:
    • Publishable Key
    • Secret Key or Restricted Key
  3. Do this for each environment you use (Editor, Staging, Production).
  4. Test with a simple action (e.g. List Products) to confirm the connection works.

Next: Setup (detailed) for step-by-step setup and common pitfalls.