> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Zapier

> Automatisiere deine Base44 App, indem du sie mit Zapier verbindest, sodass Aktionen in deiner App Aufgaben in Tausenden anderer Apps auslösen können, wie z. B. das Versenden von Kalendereinladungen, das Aktualisieren von Tabellen oder das Posten von Nachrichten.

<Info>
  **Hinweis:** Zapier-Integrationen erfordern den **Builder**-Tarif oder höher. Wenn du den Free-Tarif nutzt, musst du vorher upgraden. Du benötigst außerdem ein Premium-Zapier-Konto, um Webhooks zu nutzen.
</Info>

# **Schritt-für-Schritt-Einrichtung**

Diese Integration kann auf zwei Arten hinzugefügt werden:

<CardGroup cols={2}>
  <Card icon="sparkle" href="https://docs.base44.com/Integrations/Zapier-integration#part-1%3A-ready-made-integration-for-new-apps" title="Option A: Ready-made integration (bevorzugt)">
    * Wähle diesen Weg, wenn du eine neue App von Grund auf startest.
  </Card>

  <Card icon="bolt" href="https://docs.base44.com/Integrations/Zapier-integration#part-2%3A-instant-integration-add-zapier-to-an-existing-app" title="Option B: Instant integration">
    * Wähle diesen Weg, wenn du bereits mitten im Erstellen bist und Zapier in eine bestehende App integrieren möchtest.
  </Card>
</CardGroup>

## Teil 1: Ready-made integration (für neue Apps)

<Steps>
  <Step title="Erstelle einen Zap und Catch Hook">
    * Melde dich bei Zapier an und klicke auf **Create Zap**.

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CreateZap.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=0927353caa6b30a75f6262160f061c51" alt="Create Zap Pn" width="1881" height="785" data-path="images/CreateZap.png" />
    * Wähle **Webhooks by Zapier → Catch Hook** als Trigger.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Webhooks.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=0542c15e6407e32dbf8a3bd38bfd8b76" alt="Webhooks Pn" width="1858" height="994" data-path="images/Webhooks.png" />
    * Lass das Feld **Pick off a Child Key** leer, um die vollständige Payload zu erfassen.

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CatchHook.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=5f0c377dfdccda8942bbaeb18b3d50a7" alt="Catch Hook Pn" width="1903" height="989" data-path="images/CatchHook.png" />
    * Fahre fort und kopiere die Webhook-URL.
  </Step>

  <Step title="Starte eine neue Base44 App und füge Zapier aus dem Katalog hinzu">
    * Gehe in einem neuen Browser-Tab zu Base44 und klicke auf **Integrations**.

          <img src="https://mintcdn.com/base44/oUaRpzSyJvMVshj9/images/Integrations.png?fit=max&auto=format&n=oUaRpzSyJvMVshj9&q=85&s=16ac71b185167177ef260be7c92b0339" alt="Integrations Pn" width="1570" height="652" data-path="images/Integrations.png" />
    * Finde **Zapier** und klicke auf **Use this integration**.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/ZapierCatalog.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=ba5d4610c0e1999c04cc6b636d88e588" alt="Zapier Catalog Pn" width="1879" height="977" data-path="images/ZapierCatalog.png" />

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/UseZapier.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=93708cd4b0175911daa0375417676312" alt="Use Zapier Pn" width="1894" height="987" data-path="images/UseZapier.png" />
    * Wenn du dazu aufgefordert wirst, füge die Webhook-URL in das Feld **ZAPIER\_WEBHOOK\_URL** ein.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/WebhookURL.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=c05fe3d323b4fa4bd611e125847408db" alt="Webhook URL Pn" width="1876" height="914" data-path="images/WebhookURL.png" />
    * Beschreibe deine App in natürlicher Sprache. Zum Beispiel: \
      `I am a therapist. Build an app to manage my schedule and let my clients book meeting.`
  </Step>

  <Step title="Buche ein Testmeeting">
    * Öffne nach Erstellen der App die App-Vorschau und buche ein Testmeeting:
      * Wähle ein Datum und eine Uhrzeit ein paar Minuten in der Zukunft.
      * Verwende deine echte E-Mail-Adresse.
      * Sende einmal ab und warte 2 bis 5 Sekunden.

    Das sendet eine Beispiel-Payload an deinen Zap, sodass Zapier während der Einrichtung echte Felder laden kann.

    #### **Daten, die von Base44 an Zapier gesendet werden**

    Stelle sicher, dass die Payload detailliert ist, damit Zap das richtige Kalenderereignis erstellen kann. Speichere diese in deiner Meetings-Sammlung:

    * **start\_iso**: eine ISO 8601-Datumzeit, die das gewählte Datum und die gewählte Uhrzeit kombiniert.

          <Tip>
            Beispiel: new Date(\$dateT\$time:00).toISOString()
          </Tip>
    * **end\_iso** oder **duration\_minutes**: sende entweder eine explizite Endzeit als ISO oder sende duration\_minutes, damit Zapier in der Aktion +30m berechnen kann.
    * **time\_zone**: die Zeitzone deiner App oder deines Nutzers, vorzugsweise ein IANA-Name wie Asia/Jerusalem; falls du keinen Namen angeben kannst, füge den numerischen Offset hinzu.
    * **meeting\_id**: eine stabile ID, um Duplikate zu vermeiden, zum Beispiel \$client\_email|\$start\_iso.
    * **client\_name**, **client\_email,** **notes**

    Das Speichern dieser Felder stellt sicher, dass du Buchungen prüfen kannst und Zapier das Ereignis jedes Mal korrekt zuordnet.
  </Step>

  <Step title="Sage Zapier, dass es die Probe abrufen soll">
    * Gehe zurück in Zapier zum Tab Test deines Triggers.
    * Klicke auf **Find new records**, wähle die Beispielanfrage aus, die deine App gesendet hat, und fahre fort.
    * Wenn nichts erscheint, sende ein weiteres Testmeeting ab und klicke erneut auf **Find new records**.
  </Step>

  <Step title="Erstelle das Google Calendar-Ereignis">
    * Füge eine Aktion hinzu: **Google Calendar → Create Detailed Event**.
    * Ordne die Felder aus deiner Probe den Ereignisfeldern zu:
      * **Summary:** `Meeting with client_name`
      * **Description:** `notes`
      * **Start Date & Time:** `start_iso`
      * **End Date & Time:** `start_iso + 30m` (oder berechne mit duration\_minutes)
      * **Guests:** `client_email`
      * **Time Zone:** wähle die Zeitzone deines Kalenders
    * Klicke auf **Test**, um sicherzustellen, dass das Ereignis erscheint und eine Einladung gesendet wird.
  </Step>

  <Step title="Veröffentliche deinen Zap">
    Klicke auf **Publish**, um den Zap zu aktivieren. Ab jetzt erstellt jedes neue Meeting in deiner App automatisch ein Kalenderereignis.
  </Step>
</Steps>

***

## Teil 2: Instant integration (Zapier zu einer bestehenden App hinzufügen)

Verwende diese Methode, wenn deine App bereits existiert und du Zapier mitten im Aufbau verbinden möchtest.

<Steps>
  <Step stepNumber={1} title="Wähle deine bestehende App aus">
    * Hier ist der Prompt, den wir im KI-Chat eingegeben haben, um unsere Beispiel-App zu erstellen:

      `I am a therapist. Build an app to manage my schedule and let my clients book meeting.`
  </Step>

  <Step stepNumber={2} title="Bitte Base44, Zapier hinzuzufügen">
    * Sage im Chatfenster deiner App etwa Folgendes:

      `I want to connect my app to Zapier. Please make an integration that sends booking data to Zapier from the backend only. Never call Zapier from the browser.`
    * Lass den Chat geöffnet, während du den nächsten Schritt abschließt.
  </Step>

  <Step stepNumber={3} title="Erstelle die Webhook-URL in Zapier">
    * **Erstelle einen neuen Zap** in Zapier mit **Webhooks by Zapier → Catch Hook** und kopiere die Webhook-URL (genau wie in Teil 1).

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CreateZap.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=0927353caa6b30a75f6262160f061c51" alt="Create Zap Pn" width="1881" height="785" data-path="images/CreateZap.png" />

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Webhooks.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=0542c15e6407e32dbf8a3bd38bfd8b76" alt="Webhooks Pn" width="1858" height="994" data-path="images/Webhooks.png" />

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CatchHook.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=5f0c377dfdccda8942bbaeb18b3d50a7" alt="Catch Hook Pn" width="1903" height="989" data-path="images/CatchHook.png" />
    * Füge diese URL in den Base44-Chat ein, wenn du dazu aufgefordert wirst. Die Integration speichert sie sicher und verdrahtet einen Backend-Route, um Buchungsdaten an Zapier zu posten.
  </Step>

  <Step stepNumber={4} title="Erstelle ein Beispielmeeting">
    * Öffne nach Erstellen der App die App-Vorschau und buche ein Testmeeting:
      * Wähle ein Datum und eine Uhrzeit ein paar Minuten in der Zukunft.
      * Verwende deine echte E-Mail-Adresse.
      * Sende einmal ab und warte 2 bis 5 Sekunden.

    Das sendet eine Beispiel-Payload an deinen Zap, sodass Zapier während der Einrichtung echte Felder laden kann.

    #### **Daten, die von Base44 an Zapier gesendet werden**

    Stelle sicher, dass die Payload detailliert ist, damit Zap das richtige Kalenderereignis erstellen kann. Speichere diese in deiner Meetings-Sammlung:

    * **start\_iso**: eine ISO 8601-Datumzeit, die das gewählte Datum und die gewählte Uhrzeit kombiniert.

          <Tip>
            Beispiel: new Date(\$dateT\$time:00).toISOString()
          </Tip>
    * **end\_iso** oder **duration\_minutes**: sende entweder eine explizite Endzeit als ISO oder sende duration\_minutes, damit Zapier in der Aktion +30m berechnen kann.
    * **time\_zone**: die Zeitzone deiner App oder deines Nutzers, vorzugsweise ein IANA-Name wie Asia/Jerusalem; falls du keinen Namen angeben kannst, füge den numerischen Offset hinzu.
    * **meeting\_id**: eine stabile ID, um Duplikate zu vermeiden, zum Beispiel \$client\_email|\$start\_iso.
    * **client\_name**, **client\_email,** **notes**

    Das Speichern dieser Felder stellt sicher, dass du Buchungen prüfen kannst und Zapier das Ereignis jedes Mal korrekt zuordnet.
  </Step>

  <Step stepNumber={5} title="Sage Zapier, dass es die Probe abrufen soll">
    * Gehe im Trigger deines Zaps zum Tab **Test** und klicke auf **Find new records**.
    * Wähle die neueste Anfrage aus und fahre fort. Wenn nichts erscheint, sende einen weiteren Test ab und klicke dann erneut auf **Find new records**.
  </Step>

  <Step stepNumber={6} title="Erstelle das Google Calendar-Ereignis">
    * Füge eine Aktion hinzu: **Google Calendar → Create Detailed Event**.
    * Ordne die Felder aus deiner Probe den Ereignisfeldern zu:
      * **Summary:** `Meeting with client_name`
      * **Description:** `notes`
      * **Start Date & Time:** `start_iso`
      * **End Date & Time:** `start_iso + 30m` (oder berechne mit duration\_minutes)
      * **Guests:** `client_email`
      * **Time Zone:** wähle die Zeitzone deines Kalenders
    * Klicke auf **Test**, um sicherzustellen, dass das Ereignis erscheint und eine Einladung gesendet wird.
  </Step>

  <Step stepNumber={7} title="Veröffentliche deinen Zap">
    * Schalte den Zap ein. Neue Buchungen lösen jetzt automatisch Kalenderereignisse aus.
  </Step>
</Steps>

***

# **Fehlerbehebung**

* **Keine Probe in Zapier:** Stelle sicher, dass du vor dem Test ein Testmeeting gebucht hast.
* **401- oder CORS-Fehler:** Poste nur vom Backend zu Zapier; rufe Zapier niemals vom Browser auf.
* **Falsche Zeiten:** Stelle sicher, dass du Datum und Uhrzeit zu einer ordnungsgemäßen ISO-Datumzeit (start\_iso) kombinierst und die richtige Zeitzone beim Erstellen des Kalenderereignisses setzt.
* **Zap läuft nicht:** Bestätige, dass du auf **Publish** geklickt hast, um den Zap zu aktivieren.

***

## **Schnell-Checkliste**

Verwende diese Liste, um sicherzustellen, dass du nichts vergessen hast:

* Catch Hook erstellt mit leerem **Pick off a Child Key**.
* Webhook-URL in Base44 als **ZAPIER\_WEBHOOK\_URL** gespeichert.
* Builder-Tarif oder höher.
* Ein Beispielmeeting vor dem Test gebucht.
* Google Calendar-Aktion zugeordnet und getestet.
* Zap veröffentlicht und aktiviert.

***

<Note>Diese Seite wurde mit KI übersetzt. Für die genauesten und aktuellsten Informationen siehe die [englische Version](/). </Note>
