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.

Integrations

Integrations connect your project to third‑party services securely.

Once an integration is added, it can unlock new workflow actions (for example: send an email, create a payment, or generate an AI response) without you needing to build that connection from scratch.

START WITH WEWEB FOR MOST EMAILS

If you need to send auth emails or simple transactional emails, start with WeWeb's built-in backend Send Email action in Data & API.

Use email integrations like Resend or SendGrid when you need provider-specific features.

What integrations add to your project

Depending on the integration, it can add:

  • New actions you can use in workflows (both in Data & API and Interface)
  • Tables from the integration so you can use that service as a data source (for example, connect Airtable and then create tables based on your Airtable data)

How integrations work

Most integrations follow the same pattern:

  1. You add the integration to your project.
  2. You create one or more connections (for example Resend production and Resend staging).
    • This usually means copying an API key (or similar credential) from the external service and pasting it into WeWeb.
  3. You select the integration action in a workflow and choose which connection to use.

Add an integration

  1. Go to the Data & API tab, then open the Integrations subtab. You can also open the Integrations panel from the Interface tab.
  2. Select the service you want to connect.
  3. Click Add Integration.

Create and manage connections

A connection is where you store the credentials for an integration (for example an API key).

You can create multiple connections for the same integration. This is useful when you want different settings for Editor, Staging, and Production.

Use integration actions in workflows

Once an integration is added, its actions appear in the workflow action picker.

Here are a few practical examples of how teams use integration actions in real apps:

Send emails when important things happen

  • For most auth emails, use WeWeb's built-in backend Send Email action.
  • When a user signs up, send a welcome email.
  • When an order is paid, send a receipt.

Post updates to your team tools

  • When a high-value lead is created, post a message to Slack so your team can follow up quickly.
  • When something fails, notify an internal channel so you can react faster.

Take payments and update your app

  • After a successful payment, update the user’s plan in your database and unlock paid features.
  • If a payment fails, send a reminder email and show a clear message in the interface.

Generate documents

  • When a quote is approved, generate a PDF and save the file link in a table.
  • When an invoice is ready, generate the PDF and email it to the customer.

Use AI for business workflows

  • When a user submits feedback, classify it (bug/feature/question) and route it to the right team.
  • When a support message comes in, summarize it and suggest a draft reply for your team to review.

All integrations

  • Resend — Send transactional emails
  • SendGrid — Send transactional emails
  • APITemplate.io — Generate PDFs and images from templates
  • Airtable — Spreadsheet-database hybrid; use as data source for tables
  • Cloudinary — Media storage and delivery
  • Google Sheets — Read and write spreadsheet data; use as data source for tables
  • Supabase — Database, auth, storage, and edge functions
  • Xano — API-based backend, auth flows, realtime, and streaming
  • Stripe — Payment processing
  • Segment — Customer data platform
  • Slack — Team communication

Email sending


These integrations are optional alternatives when you need provider-specific email features. For the default WeWeb path, use the built-in backend Send Email action in Data & API.

Document generation


Payments


Data & Databases


Spreadsheets & Productivity


Analytics & Marketing


Collaboration & Communication


Media & Storage