Intégration de Make

Découvrez comment intégrer Make à votre application Lovable

​

Qu’est-ce que Make ?

Make est une puissante plateforme d’automatisation no-code qui te permet de créer visuellement des workflows entre applications, API et sources de données.

Au lieu d’écrire de la logique backend, tu fais glisser, déposes et connectes des modules dans une interface de type organigramme. C’est idéal pour :

• Les non-développeurs qui veulent automatiser sans écrire de code
• Les développeurs qui veulent créer des prototypes rapidement ou étendre leurs apps via des API
• Les équipes qui veulent connecter des outils comme Slack, Airtable, Notion, Calendly, Supabase, et plus encore

Avec Make, tu peux :

• Déclencher des actions depuis ton app Lovable (par exemple, lorsqu’un bouton est cliqué)
• Envoyer et recevoir des données via des webhooks et des API
• Te connecter à plus de 1 500 outils ou à des API personnalisées
• Automatiser des tâches comme l’envoi d’e-mails, les appels à l’IA, l’enrichissement et les rappels

​

Pourquoi utiliser Make avec Lovable ?

Dans ce tutoriel, Make sert de backend avec IA intégrée, tandis que Lovable gère le frontend. Résultat : un CRM personnalisé, créé en quelques minutes et entièrement automatisé.

Cette configuration est idéale pour :

• Les non-développeurs ayant besoin d’une logique avancée
• Les équipes commerciales avec des workflows en constante évolution
• Itérer rapidement sans la charge d’un backend
• Des automatisations basées sur des API avec des réponses d’interface en temps réel

​

Tutoriel pas à pas

​

Ce que nous allons créer

Vous allez créer un CRM avec trois modèles de données principaux :

• Opportunités (avec suivi par étapes)
• Contacts (avec édition en ligne)
• Entreprises (avec données pouvant être enrichies)

Chaque entité interagit avec des automatisations via Make. À la fin, vous serez capable de :

• Déplacer une opportunité et déclencher un e-mail
• Cliquer sur un contact et lancer un appel commercial avec l’IA
• Cliquer sur une entreprise et récupérer des données en temps réel
• Sécuriser l’ensemble via Supabase Edge Functions

​

Comment allons-nous le construire ?

Construire votre propre CRM peut prendre des mois. Avec Lovable et Make, vous pouvez en créer un en moins d’une heure — et automatiser l’ensemble du workflow de vente sans écrire de code backend. Dans ce guide étape par étape, vous allez apprendre à créer un CRM entièrement fonctionnel, propulsé par l’IA, comprenant :

• Des pipelines d’opportunités visuels (glisser-déposer)
• Des fenêtres modales de contact et d’entreprise modifiables
• Des agents d’appels IA utilisant Vapi
• L’enrichissement des données d’entreprise via Apollo.io
• Des workflows d’e-mails et la gestion de la sécurité avec Supabase
• Des automatisations en temps réel via Make

1. Configuration de votre CRM dans Lovable

   Vous devez créer un CRM qui inclut : des deals, des contacts et des entreprises. Utilisez un thème clair.
2. Ajouter des étapes de vente (vue Kanban)

   
3. Mise en place d’un système de gestion des contacts

   
4. Connecter des appels propulsés par l’IA avec Make + Vapi
5. Ajouter l’enrichissement des données d’entreprise avec Apollo
6. Masquer les appels à l'API avec Supabase Edge Functions

   

   Pour sécuriser les webhooks :

   • Active l’intégration Supabase dans les paramètres du projet.
   • Crée une Fonction Edge qui sert de proxy pour les requêtes vers Make.
   • Mets à jour Lovable pour appeler ta fonction Supabase au lieu d’appeler directement le webhook.

   Cela masque ton URL de webhook dans le navigateur — essentiel pour les apps publiques.

   Lorsque tu cliques sur le bouton Enrich, utilise une Fonction Edge Supabase pour masquer l’appel API vers l’adresse du webhook. Tu dois donc modifier la fonctionnalité afin de réellement masquer cet appel API.

7. Automatisation des relances et des workflows

   Pour automatiser les campagnes d’e-mails en fonction des étapes de Deal :

   • Dans Make, ajoute une logique pour déclencher des événements :
     • Envoie un e-mail lorsqu’un deal passe à Proposal Sent
     • Préviens l’équipe via Slack lorsqu’un deal atteint Negotiation
     • Ajoute les contacts à une newsletter ou à un flux de campagne

   Cela permet à ton processus de vente de continuer à fonctionner même lorsque tu n’es pas en ligne.

8. Test final et déploiement
9. 🎉 Vous y êtes arrivé !

   Vous avez créé un CRM complet, alimenté par l’IA — aucun backend nécessaire.

   Prochaines étapes

   • Ajoutez des intégrations : Slack, Notion, HubSpot, Calendly
   • Sécurisez le tout avec Supabase, ajoutez des journaux d’audit

​

Astuces pro de la session en direct

• Utilise select + prompt dans Lovable pour des retouches précises
• Utilise le Visual Canvas de Make pour modéliser les flux avant de les connecter
• Analyse dynamiquement les champs JSON inconnus dans des fenêtres modales pour améliorer l’expérience utilisateur
• Combine Vapi + Apollo + Make pour des workflows IA en temps réel
• Utilise les Edge Functions de Supabase pour masquer tous les appels d’API et de webhooks publics

​

FAQ

Qu'est-ce que Make ?

Make est une plateforme d’automatisation visuelle qui te permet de connecter des outils et de créer des workflows à l’aide de modules en glisser-déposer. Tu peux la voir comme Zapier, mais plus flexible et plus adaptée aux développeurs.

Pourquoi utiliser Make avec Lovable ?

• Pas besoin d’écrire de code backend
• Déclenche des workflows depuis ton interface (boutons, formulaires, modales)
• Crée des automatisations visuellement (appel d’agents, enrichissement, flux d’e-mails)
• Connecte plus de 1 500 apps (Slack, Notion, Calendly, Airtable, et plus encore)

Comment Make communique-t-il avec Lovable ?

Lovable envoie des données (généralement au format JSON) vers des scénarios Make via des webhooks HTTP. Make reçoit ces données, les traite (par exemple en appelant une API) et peut répondre à Lovable.

Que sont les scénarios dans Make ?

Les scénarios sont des workflows d’automatisation. Tu définis :

• Des déclencheurs (par exemple, Webhook)
• Des actions (par exemple, appel d’API, envoi d’e-mail)
• De la logique (routeurs, filtres, itérations)

Puis-je sécuriser mes webhooks Make ?

Oui. Utilise :

• Des restrictions d’IP (limiter qui peut appeler le webhook)
• Des Supabase Edge Functions pour faire office de proxy et masquer les URL sensibles
• Une authentification par clé API dans les en-têtes

Quelle est la différence entre Make et les Supabase Edge Functions ?

• Make est un outil d’automatisation visuelle (idéal pour les workflows, les intégrations d’API, les déclencheurs IA).
• Les Supabase Edge Functions sont du code backend serverless (idéal pour la logique, l’authentification et la sécurité).

Utilise-les ensemble pour de meilleurs résultats.

Que se passe-t-il si je dépasse le nombre d'opérations de mon plan Make ?

Ton scénario sera mis en pause. Make envoie des alertes, et tu peux mettre à niveau ton plan ou optimiser tes flux. Pour ce guide, le plan pro gratuit du webinaire inclut 20 000 opérations — largement suffisant pour créer un prototype.

Puis-je tester mes scénarios Make sans Lovable ?

Oui ! Utilise la saisie manuelle de données dans le Webhook ou déclenche le scénario via Postman ou curl. C’est idéal pour le débogage avant de le connecter à Lovable.

​

Ressources

• Make
• Vapi AI
• Apollo.io Enrichment API
• Supabase Edge Functions
• Découvrez Make Academy : academy.make.com