Intégration Notion

Organisez les soumissions de photos dans votre espace de travail Notion.

Aperçu

Connectez Visiono à Notion pour créer automatiquement des entrées de base de données, mettre à jour des pages et organiser les soumissions de photos aux côtés de votre autre documentation.

Prérequis

• Compte Visiono avec accès API
• Compte Notion avec espace de travail
• Clé API de Visiono
• Intégration Notion (interne ou publique)

Méthodes d'intégration

Méthode	Idéale pour
Zapier	Configuration rapide
Make	Workflows complexes
API directe	Intégration personnalisée

Configuration Zapier

1. Créer un Webhook

1. Créez un nouveau Zap dans Zapier
2. Déclencheur : Webhooks by Zapier → Catch Hook
3. Copiez l'URL du webhook

2. Configurer Visiono

1. Ajoutez le webhook dans les Paramètres de l'espace de travail
2. Sélectionnez les événements à déclencher
3. Enregistrez la configuration

3. Connecter Notion

1. Ajoutez l'action Notion
2. Connectez votre compte Notion
3. Sélectionnez la base de données ou la page

4. Mapper les propriétés

Choisissez l'action et configurez :

Action	Cas d'usage
Create Database Item	Nouvelle entrée par soumission
Update Database Item	Modifier une entrée existante
Append Block to Page	Ajouter à une page existante

Structure de base de données

Propriétés recommandées

Créez une base de données Notion avec ces propriétés :

Propriété	Type	Champ Visiono
Nom	Titre	smart_link.name
Soumis	Date	submitted_at
Soumetteur	Texte	submitter_name
Identifiant	Texte	unique_field
Nombre de photos	Nombre	photos_count
Lien de vue	URL	dashboard_url
Statut	Sélection	(étape du workflow)
Tags	Multi-sélection	(depuis les tags photo)

Modèle de base de données

📸 Soumissions de photos

| Nom | Soumis | Soumetteur | Photos | Statut | Lien |
|-----|--------|------------|--------|--------|------|

Mapping de propriétés

Propriété Titre

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

Propriété Date

Utilisez le format ISO :

{{submitted_at}}

Propriété URL

Lien vers le tableau de bord Visiono :

{{dashboard_url}}

Propriété Sélection

Mappez au statut de soumission :

{
  "Status": {
    "select": {
      "name": "Nouveau"
    }
  }
}

Multi-sélection

Mappez les tags photo :

{
  "Tags": {
    "multi_select": [
      {"name": "dommages"},
      {"name": "vue-face"}
    ]
  }
}

Exemples de workflows

Base de données de journal de photos

Suivez toutes les soumissions :

Propriétés de la base de données :

• Nom : Lien permanent + Soumetteur
• Date : Timestamp de soumission
• Photos : Comptage
• Statut : Nouveau → Revu → Archivé
• Lien : URL du tableau de bord Visiono

Workflow :

1. La soumission arrive
2. Créer l'entrée de base de données
3. Définir le statut sur "Nouveau"
4. Ajouter les liens des photos au corps de la page

Organisation basée sur projet

Liez les photos aux projets :

Configuration :

1. Base de données avec relations de projet
2. Correspondance par champ unique
3. Lier la soumission au projet
4. Mettre à jour le statut du projet

Relation :

Soumissions → Projets (relation)

Workflow de revue

Suivez le processus de revue :

Statuts :

• Soumis
• En revue
• Approuvé
• Rejeté
• Archivé

Automatisations :

• Nouvelle entrée → Notifier le réviseur
• Changement de statut → Mettre à jour le timestamp

Contenu de page

Structure de blocs

Ajoutez du contenu au corps de la page :

## Détails de la soumission

**Soumetteur :** {{submitter_name}}
**Date :** {{submitted_at}}
**Photos :** {{photos_count}}

## Photos

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

---
[Voir dans Visiono]({{dashboard_url}})

Intégrer des photos

Ajoutez des intégrations de photos :

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

Blocs Callout

Mettez en évidence les infos importantes :

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

Workflows avancés

Sélection conditionnelle de base de données

Routez vers différentes bases de données :

IF smart_link.slug == "dommages" :
  → Base de données "Rapports de dommages"
ELSE IF smart_link.slug == "inspection" :
  → Base de données "Inspections"
ELSE :
  → Base de données "Général"

Mettre à jour des pages existantes

Trouvez et mettez à jour :

1. Recherchez par champ unique
2. Si trouvé → Mettre à jour l'entrée
3. Si non trouvé → Créer nouveau

Bases de données liées

Connectez plusieurs bases de données :

Soumissions → Clients (relation)
Soumissions → Projets (relation)

Organisation des photos

Comme liens externes

Méthode la plus fiable :

[Vue de face](https://...)
[Vue de côté](https://...)

Comme intégrations

Affichage en ligne (peut ne pas fonctionner pour toutes les URLs) :

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

En vue Galerie

Utilisez la mise en page galerie de la base de données :

• Définissez la couverture sur l'URL de la première photo
• Activez l'aperçu de carte
• Affichez les propriétés clés

Dépannage

Entrée non créée

1. Vérifiez l'ID de la base de données
2. Vérifiez les permissions de l'intégration Notion
3. Assurez-vous que la base de données est partagée avec l'intégration
4. Vérifiez les propriétés requises

Propriétés non mises à jour

1. Vérifiez que les types de propriétés correspondent
2. Vérifiez les noms de propriétés (sensible à la casse)
3. Vérifiez les noms des options de sélection

Photos non affichées

1. Vérifiez l'accessibilité des URLs
2. Essayez le format URL externe
3. Utilisez des blocs lien au lieu d'intégrations

Bonnes pratiques

Organisation de base de données

• Utilisez des vues pour différents besoins
• Filtrez par statut/date
• Groupez par type de Lien permanent
• Archivez les entrées terminées

Types de propriétés

• Utilisez Date pour les timestamps (pas texte)
• Utilisez URL pour les liens
• Utilisez Nombre pour les comptages
• Utilisez Sélection pour les options fixes

Modèles de page

Créez des modèles pour la cohérence :

• Structure de page standard
• Propriétés requises
• Contenu de placeholder

Ressources connexes

• Webhooks - Configuration des événements
• Intégration Zapier - Configuration d'automatisation
• Intégration Make - Workflows visuels
• Référence API - API directe