¿Qué es Make?
- Personas sin experiencia en desarrollo que quieren automatizar sin escribir código
- Desarrolladores que quieren prototipar rápido o ampliar funcionalidades mediante APIs
- Equipos que buscan conectar herramientas como Slack, Airtable, Notion, Calendly, Supabase y más
- Activar acciones desde tu app de Lovable (por ejemplo, cuando se hace clic en un botón)
- Enviar y recibir datos mediante webhooks y APIs
- Conectarte con más de 1.500 herramientas o APIs personalizadas
- Automatizar tareas como el envío de correos electrónicos, llamadas de IA, enriquecimiento de datos y recordatorios
¿Por qué usar Make con Lovable?
- Personas sin experiencia en desarrollo que necesitan lógica avanzada
- Equipos de ventas con flujos de trabajo en constante evolución
- Iterar rápidamente sin tener que gestionar un backend
- Automatizaciones basadas en API con respuestas en tiempo real en la interfaz de usuario
Tutorial paso a paso
Qué vamos a construir
- Deals (con seguimiento basado en etapas)
- Contacts (con edición en línea)
- Companies (con datos enriquecibles)
- Mover un deal y activar un correo electrónico
- Hacer clic en un contacto e iniciar una llamada de ventas asistida por IA
- Hacer clic en una empresa y obtener datos en tiempo real
- Proteger todo mediante Funciones Edge de Supabase
¿Cómo lo vamos a construir?
- Pipelines de oportunidades visuales (arrastrar y soltar)
- Ventanas modales editables de contactos y empresas
- Agentes de llamadas con IA usando Vapi
- Enriquecimiento de datos de empresas mediante Apollo.io
- Flujos de trabajo de correo electrónico y seguridad con Supabase
- Automatizaciones en tiempo real usando Make
Configura tu CRM en Lovable
Necesitas crear un sistema CRM que incluya: oportunidades, contactos y empresas. Usa un tema claro.
Agregar etapas de negocio (vista Kanban)
Paso 2
Haz clic en Edit y añade cinco etapas:
- Lead
- Qualification
- Proposal Sent
- Negotiation
- Closed - Won/Lost
¿Por qué? Esto permite a los usuarios hacer seguimiento de las oportunidades en un flujo de trabajo visual.
Implementación de un sistema de gestión de contactos
¿Por qué? Los CRM tradicionales redirigen a los usuarios a una nueva página, lo que ralentiza el flujo de trabajo. Un modal mantiene todo en su lugar.
Conecta llamadas con IA mediante Make + Vapi
Crear un Webhook en Make
- Abre Make y crea un nuevo escenario.
- Haz clic en Webhooks > Custom Webhook y asígnale el nombre Call Contact.
- Copia la URL del webhook.
Iniciar la llamada desde Lovable
- En el modal de Contacts, agrega un botón Call Contact.
- Modifica la acción del botón para enviar datos JSON (nombre, número de teléfono, empresa y objetivo de la llamada) al webhook de Make.
- Prueba la conexión haciendo clic en Call Contact.
Usar Vapi para llamadas con IA
- En Make, agrega un módulo API Call.
- Envía una solicitud a Vapi con los detalles de la llamada.
- Tu agente personalizado de Vapi hará lo siguiente:
- Realizar la llamada
- Seguir una instrucción dinámica basada en la oportunidad
- Registrar los resultados de nuevo en Lovable
Esto crea una llamada saliente automatizada con IA, que se inicia al instante desde la interfaz de tu CRM.
Agregar enriquecimiento de datos de empresa con Apollo
Crear un webhook de enriquecimiento en Make
-
Añade un segundo Custom Webhook en Make llamado
Enrich Company. -
Copia la URL del webhook.
Enviar la solicitud desde Lovable
- En Companies, añade un botón Enrich Company.
- Al hacer clic, envía el dominio de la empresa como payload JSON.
Cuando hagas clic en el botón de enriquecimiento, haz lo siguiente:
- Elimina el modal que se abre; ya no es necesario.
- Nuevo paso real: envía el dominio como JSON al siguiente webhook: [Link]
- Recibirás una respuesta del webhook en JSON y deberás analizarla dinámicamente en la vista del modal, así que crea campos dinámicos.
Llamar a la API de Apollo.io
- Usa la Organization Enrichment API de Apollo.
- Obtén:
- Sector
- Número de empleados
- Dirección
- Sitio web
- Financiación
- Devuelve los datos enriquecidos a Lovable.
Oculta las llamadas a la API con las Funciones Edge de Supabase
- Activa la Supabase Integration en la configuración del Proyecto.
- Crea una Función perimetral que haga de proxy de las solicitudes a Make.
- Actualiza Lovable para llamar a tu función de Supabase en lugar del Webhook directo.
Esto oculta la URL de tu Webhook del navegador — esencial para las apps públicas.
Por favor, cuando hagas clic en el botón de enriquecer, usa una función perimetral de Supabase para ocultar la llamada de API a la dirección del webhook. Para ello, debes cambiar la funcionalidad y asegurarte de que la llamada de API quede realmente oculta.
Automatizar seguimientos y flujos de trabajo
Para automatizar campañas de correo electrónico basadas en las etapas de las oportunidades:
- En Make, agrega lógica para disparar eventos:
- Envía un correo cuando una oportunidad pase a Proposal Sent
- Notifica al equipo por Slack cuando una oportunidad llegue a Negotiation
- Agrega contactos a un boletín o flujo de campaña
Esto mantiene tu proceso de ventas en marcha incluso cuando no estás en línea.
Prueba final & Despliegue
Consejos prácticos de la sesión en vivo
- Usa select + instrucción dentro de Lovable para ediciones precisas
- Usa Visual Canvas de Make para mapear flujos antes de conectarlos
- Parsear dinámicamente campos JSON desconocidos en modales para mejorar la UX
- Combina Vapi + Apollo + Make para flujos de trabajo de IA en tiempo real
- Usa Supabase Edge Functions para enmascarar todas las llamadas públicas de API y webhooks
Preguntas frecuentes
¿Qué es Make?
¿Qué es Make?
Make es una plataforma de automatización visual que te permite conectar herramientas y crear flujos de trabajo usando módulos de arrastrar y soltar. Piénsalo como Zapier, pero más flexible y orientado a desarrolladores.
¿Por qué usar Make con Lovable?
¿Por qué usar Make con Lovable?
- No necesitas escribir código de backend
- Activa flujos de trabajo desde tu interfaz (botones, formularios, modales)
- Crea automatizaciones de forma visual (llamar agentes, enriquecimiento, flujos de correo electrónico)
- Conecta con más de 1.500 aplicaciones (Slack, Notion, Calendly, Airtable y más)
¿Cómo se comunica Make con Lovable?
¿Cómo se comunica Make con Lovable?
Lovable envía datos (normalmente como JSON) mediante webhooks HTTP a Escenarios de Make. Make recibe esos datos, los procesa (por ejemplo, llama a una API) y puede responder de vuelta a Lovable.
¿Qué son los Escenarios en Make?
¿Qué son los Escenarios en Make?
Los Escenarios son flujos de trabajo de automatización. Defines:
- Disparadores (por ejemplo, Webhook)
- Acciones (por ejemplo, llamada a una API, envío de correo electrónico)
- Lógica (enrutadores, filtros, iteraciones)
¿Puedo proteger mis webhooks de Make?
¿Puedo proteger mis webhooks de Make?
Sí. Usa:
- Restricciones de IP (limita quién puede llamar al webhook)
- Funciones Edge de Supabase para actuar como proxy y ocultar URLs sensibles
- Autenticación con clave API en los encabezados
¿Cuál es la diferencia entre Make y las Funciones Edge de Supabase?
¿Cuál es la diferencia entre Make y las Funciones Edge de Supabase?
- Make es una herramienta de automatización visual (ideal para flujos de trabajo, integraciones de API y disparadores de IA).
- Las Funciones Edge de Supabase son código de backend sin servidor (ideal para lógica, autenticación y seguridad).
¿Qué pasa si supero las operaciones de mi plan de Make?
¿Qué pasa si supero las operaciones de mi plan de Make?
Tu Escenario se pausará. Make envía alertas y puedes ampliar tu plan u optimizar tus flujos. Para esta guía, el plan Pro gratuito del webinar incluye 20.000 operaciones, más que suficiente para crear prototipos.
¿Puedo probar mis Escenarios de Make sin Lovable?
¿Puedo probar mis Escenarios de Make sin Lovable?
Sí! Usa entrada manual de datos en el Webhook o activa el Escenario mediante Postman o curl. Esto es muy útil para depurar antes de conectarlo a Lovable.
Recursos
- Make
- Vapi AI
- Apollo.io Enrichment API
- Funciones Edge de Supabase
- Explora Make Academy: academy.make.com