Notion-Integration

Foto-Einreichungen in Ihrem Notion-Arbeitsbereich organisieren.

Übersicht

Verbinden Sie Visiono mit Notion, um automatisch Datenbankeinträge zu erstellen, Seiten zu aktualisieren und Foto-Einreichungen neben Ihrer anderen Dokumentation zu organisieren.

Voraussetzungen

• Visiono-Konto mit API-Zugang
• Notion-Konto mit Arbeitsbereich
• API-Schlüssel von Visiono
• Notion-Integration (intern oder öffentlich)

Integrationsmethoden

Methode	Am besten für
Zapier	Schnelle Einrichtung
Make	Komplexe Workflows
Direkte API	Eigene Integration

Zapier-Einrichtung

1. Webhook erstellen

1. Neuen Zap in Zapier erstellen
2. Trigger: Webhooks by Zapier → Catch Hook
3. Webhook-URL kopieren

2. Visiono konfigurieren

1. Webhook in Arbeitsbereicheinstellungen hinzufügen
2. Auszulösende Ereignisse auswählen
3. Konfiguration speichern

3. Notion verbinden

1. Notion-Aktion hinzufügen
2. Ihr Notion-Konto verbinden
3. Datenbank oder Seite auswählen

4. Eigenschaften zuordnen

Aktion wählen und konfigurieren:

Aktion	Anwendungsfall
Datenbankeintrag erstellen	Neuer Eintrag pro Einreichung
Datenbankeintrag aktualisieren	Bestehenden Eintrag ändern
Block zur Seite hinzufügen	Zu bestehender Seite hinzufügen

Datenbankstruktur

Empfohlene Eigenschaften

Erstellen Sie eine Notion-Datenbank mit diesen Eigenschaften:

Eigenschaft	Typ	Visiono-Feld
Name	Titel	smart_link.name
Eingereicht	Datum	submitted_at
Einsender	Text	submitter_name
Kennung	Text	unique_field
Fotoanzahl	Zahl	photos_count
Anzeigen-Link	URL	dashboard_url
Status	Auswahl	(Workflow-Phase)
Tags	Mehrfachauswahl	(aus Foto-Tags)

Datenbankvorlage

📸 Foto-Einreichungen

| Name | Eingereicht | Einsender | Fotos | Status | Link |
|------|-------------|-----------|-------|--------|------|

Eigenschaftszuordnung

Titel-Eigenschaft

{{smart_link.name}} - {{submitter_name}}

Datum-Eigenschaft

ISO-Format verwenden:

{{submitted_at}}

URL-Eigenschaft

Link zum Visiono-Dashboard:

{{dashboard_url}}

Auswahl-Eigenschaft

Auf Einreichungsstatus zuordnen:

{
  "Status": {
    "select": {
      "name": "Neu"
    }
  }
}

Mehrfachauswahl

Foto-Tags zuordnen:

{
  "Tags": {
    "multi_select": [
      {"name": "schaden"},
      {"name": "vorderansicht"}
    ]
  }
}

Workflow-Beispiele

Foto-Protokoll-Datenbank

Alle Einreichungen verfolgen:

Datenbankeigenschaften:

• Name: Permanenter Link + Einsender
• Datum: Einreichungszeitstempel
• Fotos: Anzahl
• Status: Neu → Überprüft → Archiviert
• Link: Visiono-Dashboard-URL

Workflow:

1. Einreichung kommt an
2. Datenbankeintrag erstellen
3. Status auf "Neu" setzen
4. Foto-Links zum Seiteninhalt hinzufügen

Projektbasierte Organisation

Fotos mit Projekten verknüpfen:

Setup:

1. Datenbank mit Projekt-Relationen
2. Nach eindeutigem Feld abgleichen
3. Einreichung mit Projekt verknüpfen
4. Projektstatus aktualisieren

Relation:

Einreichungen → Projekte (Relation)

Überprüfungs-Workflow

Überprüfungsprozess verfolgen:

Status:

• Eingereicht
• In Überprüfung
• Genehmigt
• Abgelehnt
• Archiviert

Automatisierungen:

• Neuer Eintrag → Prüfer benachrichtigen
• Statusänderung → Zeitstempel aktualisieren

Seiteninhalt

Block-Struktur

Inhalt zum Seitenkörper hinzufügen:

## Einreichungsdetails

**Einsender:** {{submitter_name}}
**Datum:** {{submitted_at}}
**Fotos:** {{photos_count}}

## Fotos

{{#each photos}}
- {{slot_name}}: [Anzeigen]({{url}})
{{/each}}

---
[In Visiono anzeigen]({{dashboard_url}})

Fotos einbetten

Foto-Einbettungen hinzufügen:

{
  "type": "image",
  "image": {
    "type": "external",
    "external": {
      "url": "{{photo_url}}"
    }
  }
}

Callout-Blöcke

Wichtige Informationen hervorheben:

{
  "type": "callout",
  "callout": {
    "icon": {"emoji": "📸"},
    "rich_text": [{
      "type": "text",
      "text": {"content": "{{photos_count}} Fotos eingereicht"}
    }]
  }
}

Erweiterte Workflows

Bedingte Datenbank-Auswahl

Zu verschiedenen Datenbanken routen:

WENN smart_link.slug == "schaden":
  → "Schadensberichte"-Datenbank
SONST WENN smart_link.slug == "inspektion":
  → "Inspektionen"-Datenbank
SONST:
  → "Allgemein"-Datenbank

Bestehende Seiten aktualisieren

Finden und aktualisieren:

1. Nach eindeutigem Feld suchen
2. Wenn gefunden → Eintrag aktualisieren
3. Wenn nicht gefunden → Neu erstellen

Verknüpfte Datenbanken

Mehrere Datenbanken verbinden:

Einreichungen → Kunden (Relation)
Einreichungen → Projekte (Relation)

Foto-Organisation

Als externe Links

Zuverlässigste Methode:

[Vorderansicht](https://...)
[Seitenansicht](https://...)

Als Einbettungen

Inline anzeigen (funktioniert möglicherweise nicht für alle URLs):

{
  "type": "embed",
  "embed": {
    "url": "{{photo_url}}"
  }
}

In Galerieansicht

Datenbank-Galerie-Layout verwenden:

• Cover auf erste Foto-URL setzen
• Kartenvorschau aktivieren
• Wichtige Eigenschaften anzeigen

Fehlerbehebung

Eintrag nicht erstellt

1. Datenbank-ID verifizieren
2. Notion-Integrationsberechtigungen prüfen
3. Sicherstellen, dass Datenbank mit Integration geteilt ist
4. Erforderliche Eigenschaften überprüfen

Eigenschaften werden nicht aktualisiert

1. Eigenschaftstypen auf Übereinstimmung verifizieren
2. Eigenschaftsnamen prüfen (Groß-/Kleinschreibung beachten)
3. Auswahloptionsnamen überprüfen

Fotos werden nicht angezeigt

1. URL-Zugänglichkeit prüfen
2. Externes URL-Format versuchen
3. Link-Blöcke statt Einbettungen verwenden

Best Practices

Datenbank-Organisation

• Ansichten für verschiedene Bedürfnisse verwenden
• Nach Status/Datum filtern
• Nach Permanentem Link Typ gruppieren
• Abgeschlossene Einträge archivieren

Eigenschaftstypen

• Datum für Zeitstempel verwenden (nicht Text)
• URL für Links verwenden
• Zahl für Zählwerte verwenden
• Auswahl für feste Optionen verwenden

Seitenvorlagen

Vorlagen für Konsistenz erstellen:

• Standardseitenstruktur
• Erforderliche Eigenschaften
• Platzhalterinhalt

Verwandte Ressourcen

• Webhooks - Ereigniskonfiguration
• Zapier-Integration - Automatisierungs-Setup
• Make-Integration - Visuelle Workflows
• API-Referenz - Direkte API