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). Create, confirm, capture, and cancel a payment from your backend.
  • Subscriptions — Charge repeatedly (e.g. monthly plans) via Checkout or by creating subscriptions from your backend, then pause, resume, or cancel them as plans change.
  • Products and prices — Create and manage your catalog in Stripe from WeWeb.
  • Invoices — Create invoices, add line items (one-off charges, credits), then finalize, send, pay, or void them.
  • Refunds — Refund a payment in full or in part, and follow it through to its outcome.
  • Tables — Show Stripe records (customers, invoices, subscriptions, and more) in a Data Grid, without copying them into your database.
  • Webhooks — Run workflows when something happens in Stripe (e.g. payment succeeded, subscription canceled).

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:

Quick setup ​

  1. In Stripe, create or copy your API keys (use test keys for development).
  2. In WeWeb, open the Data & API tab, then open the Integrations subtab 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.