Intégration Make

Construisez des workflows d'automatisation visuels avec Make (anciennement Integromat).

Aperçu

Make offre une interface visuelle glisser-déposer pour créer des scénarios d'automatisation complexes. Connectez les soumissions de photos Visiono à vos outils métier avec de puissantes capacités de transformation de données.

Prérequis

• Compte Visiono avec accès API
• Compte Make (niveau gratuit disponible)
• Clé API de Visiono

Étapes de configuration

1. Créer un nouveau scénario

1. Connectez-vous à Make
2. Cliquez sur Create a new scenario
3. Cliquez sur le bouton + pour ajouter un module

2. Ajouter un module Webhook

1. Recherchez Webhooks
2. Sélectionnez Custom webhook
3. Cliquez sur Add pour créer un nouveau webhook
4. Nommez-le (ex. : "Photos Visiono")
5. Copiez l'URL générée

3. Configurer dans Visiono

1. Allez dans Paramètres de l'espace de travail → Webhooks
2. Cliquez sur Ajouter un Webhook
3. Collez l'URL du webhook Make
4. Sélectionnez les événements :
   • photo_submission.created
   • photo_request.submitted
5. Enregistrez

4. Déterminer la structure des données

1. Dans Make, cliquez sur Run once
2. Soumettez une photo de test dans Visiono
3. Make capture automatiquement la structure des données
4. Arrêtez le scénario

5. Ajouter des modules d'action

Connectez des modules supplémentaires pour traiter les photos :

Module	Fonction
HTTP	Télécharger les fichiers photo
Google Drive	Uploader vers le stockage cloud
Email	Envoyer des notifications
Slack	Messagerie d'équipe
Airtable	Enregistrements de base de données
Notion	Création de pages

Constructeur de workflow visuel

L'interface visuelle de Make montre le flux de données :

[Webhook] → [Router] → [Google Drive] → [Email]
                    ↘ [Slack]
                    ↘ [Airtable]

Utiliser les routeurs

Divisez les workflows selon des conditions :

1. Ajoutez un module Router après le webhook
2. Créez plusieurs chemins
3. Ajoutez des filtres à chaque chemin :
   • Chemin 1 : Photos > 5 → Revue complète
   • Chemin 2 : A le tag "dommages" → Notification urgente
   • Chemin 3 : Par défaut → Traitement standard

Exemples de scénarios

Sauvegarde de photos vers le cloud

Sauvegardez automatiquement les photos sur Google Drive :

Modules :

1. Webhooks → Custom webhook
2. Iterator → Boucle sur le tableau de photos
3. HTTP → Get file (télécharger la photo)
4. Google Drive → Upload file

Configuration :

Iterator : {{data.photos}}
HTTP URL : {{item.url}}
Dossier Drive : /Visiono/{{data.smart_link.slug}}/
Nom de fichier : {{item.slot_name}}_{{now}}.jpg

Mise à jour CRM avec photos

Ajoutez des photos aux enregistrements clients :

Modules :

1. Webhooks → Recevoir la soumission
2. HubSpot → Rechercher le contact par e-mail
3. HubSpot → Ajouter une note avec les liens des photos
4. Slack → Notifier l'équipe commerciale

Workflow de revue qualité

Routez les photos pour revue :

Modules :

1. Webhooks → Recevoir la soumission
2. Router → Basé sur le nombre de photos
   • Chemin A (< 3 photos) : Demander plus
   • Chemin B (3+ photos) : Traiter normalement
3. Email → Envoyer le message approprié

Mapping de données

Accédez aux données du webhook en utilisant la notation par points de Make :

Champ	Chemin
Type d'événement	event
ID lien permanent	data.smart_link.id
Nom lien permanent	data.smart_link.name
URL première photo	data.photos[1].url
Nom du soumetteur	data.metadata.full_name
Champ unique	data.metadata.unique_field
Heure de soumission	data.metadata.submitted_at

Itérateurs et agrégateurs

Traiter chaque photo

Utilisez Iterator pour boucler sur les photos :

1. Ajoutez un module Iterator
2. Définissez le tableau : {{data.photos}}
3. Accédez à chaque photo : {{item.url}}, {{item.slot_name}}

Combiner les résultats

Utilisez Aggregator pour fusionner les données traitées :

1. Ajoutez un Array aggregator après l'itérateur
2. Collectez les URLs traitées
3. Utilisez le tableau agrégé dans le module suivant

Gestion des erreurs

Paramètres de réessai

Configurez par module :

• Auto retry : 1-3 tentatives
• Retry interval : 1-5 minutes
• Continue on error : Optionnel

Routes d'erreur

Ajoutez un chemin de gestion des erreurs :

1. Clic droit sur le module
2. Sélectionnez Add error handler
3. Choisissez le type de gestionnaire :
   • Resume - Continuer avec la valeur par défaut
   • Rollback - Annuler le scénario
   • Commit - Sauvegarder la progression, arrêter

Planification

Traitement instantané

Les webhooks se déclenchent immédiatement (pas de planification nécessaire).

Traitement par lots

Pour les opérations planifiées :

• Intervalle : Toutes les 15 minutes
• Heure spécifique : Tous les jours à 9h
• À la demande : Déclenchement manuel

Fonctionnalités avancées

Data Stores

Créez des bases de données réutilisables :

• Stocker les IDs de soumission traités
• Suivre les comptages de photos
• Maintenir les enregistrements de statut

Variables

Définissez et utilisez des variables :

Set Variable : processed_count
Value : {{length(data.photos)}}

Fonctions

Transformez les données :

{{formatDate(data.metadata.submitted_at; "YYYY-MM-DD")}}
{{upper(data.smart_link.name)}}
{{join(map(data.photos; "url"); ", ")}}

Dépannage

Le Webhook ne se déclenche pas

1. Vérifiez que l'URL est correctement copiée
2. Vérifiez que le scénario Make est activé (ON)
3. Assurez-vous que le webhook est activé dans Visiono
4. Testez avec une soumission manuelle

Problèmes de structure de données

1. Re-déterminez la structure dans Make
2. Vérifiez le format du payload webhook
3. Vérifiez les chemins des champs dans les mappings

Erreurs de scénario

1. Vérifiez l'historique d'exécution
2. Consultez les messages d'erreur
3. Vérifiez les connexions API
4. Vérifiez les configurations des modules

Bonnes pratiques

Organisation

• Utilisez des noms de scénarios descriptifs
• Ajoutez des notes aux modules complexes
• Groupez les modules liés
• Utilisez des codes couleur par fonction

Performance

• Utilisez les Filtres pour limiter les exécutions
• Regroupez les opérations similaires
• Surveillez l'utilisation des opérations
• Optimisez les transformations de données

Maintenance

• Testez après les changements
• Documentez les scénarios personnalisés
• Vérification régulière des webhooks
• Mettez à jour les connexions API

Ressources connexes

• Webhooks - Configuration des événements
• Référence API - API directe
• Intégration Zapier - Plateforme alternative
• Intégration n8n - Option auto-hébergée