​
O que é o Make

Make website Make é uma poderosa plataforma de automação no-code que permite construir visualmente fluxos de trabalho entre aplicativos, APIs e fontes de dados. Em vez de escrever lógica de backend, você arrasta, solta e conecta módulos em um canvas estilo fluxograma. É ideal para:
  • Não-desenvolvedores que querem automação sem escrever código
  • Desenvolvedores que querem prototipagem rápida ou extensibilidade via APIs
  • Equipes que buscam conectar ferramentas como Slack, Airtable, Notion, Calendly, Supabase e mais
Com o Make, você pode:
  • Disparar ações do seu aplicativo Lovable (ex: quando um botão é clicado)
  • Enviar e receber dados via webhooks e APIs
  • Conectar com mais de 1.500 ferramentas ou APIs customizadas
  • Automatizar tarefas como envio de emails, chamadas de IA, enriquecimento e lembretes

​
Por que usar Make com Lovable?

Neste tutorial abaixo, Make atua como seu backend habilitado por IA, enquanto Lovable alimenta o frontend. O resultado: um CRM personalizado, construído em minutos, totalmente automatizado. Esta configuração é ideal para:
  • Não-desenvolvedores que precisam de lógica avançada
  • Equipes de vendas com fluxos de trabalho em evolução
  • Iteração rápida sem sobrecarga de backend
  • Automações alimentadas por API com respostas de UI em tempo real

​
Tutorial Passo a Passo

​
O que Vamos Construir

Você vai criar um CRM com três modelos de dados principais:
  • Negócios (com rastreamento baseado em estágios)
  • Contatos (com edição inline)
  • Empresas (com dados enriquecíveis)
Cada entidade interage com automações via Make. Ao final, você será capaz de:
  • Mover um negócio e disparar um email
  • Clicar em um contato e iniciar uma chamada de vendas com IA
  • Clicar em uma empresa e buscar dados em tempo real
  • Proteger tudo via Supabase Edge Functions

​
Como Vamos Construir

Construir seu próprio CRM pode levar meses. Com Lovable e Make, você pode lançar um em menos de uma hora — e automatizar todo o fluxo de trabalho de vendas sem escrever código backend. Neste guia passo a passo, você aprenderá como construir um CRM totalmente funcional e alimentado por IA, completo com:
  • Pipelines visuais de negócios (arrastar e soltar)
  • Modais editáveis de contatos e empresas
  • Agentes de chamada com IA usando Vapi
  • Enriquecimento de dados de empresas via Apollo.io
  • Fluxos de trabalho de email e segurança com Supabase
  • Automações em tempo real usando Make
1

Configurando Seu CRM no Lovable

Você precisa construir um sistema de CRM e precisa ter: negócios, contatos e empresas. Faça com tema claro.
1

Passo 1

Crie um novo projeto Lovable. Escolha o tipo de projeto: CRM.
2

Passo 2

Defina 3 entidades: Negócios, Contatos e Empresas.
3

Passo 3

Escolha Tema Claro se preferir, e clique em Gerar.CRM with make
2

Adicionar Estágios de Negócios (Visualização Kanban)

Crm Kanban Make
1

Passo 1

Abra a seção Negócios no Lovable.
2

Passo 2

Clique em Editar e introduza cinco estágios:
  • Lead
  • Qualificação
  • Proposta Enviada
  • Negociação
  • Fechado - Ganho/Perdido
3

Passo 3

Habilite a funcionalidade de Arrastar e Soltar para negócios se moverem entre estágios.
Arrastar e soltar permite automatizar ações baseadas no estágio do negócio.
Por quê? Isso permite aos usuários rastrear negócios em um fluxo de trabalho visual.
3

Implementando um Sistema de Gerenciamento de Contatos

Contact Form Crm Make
1

Passo 1

Em Contatos, habilite uma visualização modal clicável.
2

Passo 2

Torne todos os campos editáveis inline dentro do modal.
  • O modal exibe detalhes do contato.
  • Os campos são editáveis para atualizações fáceis.
Isso evita a necessidade de trocar de visualizações—mais rápido que CRMs tradicionais.
Por quê? CRMs tradicionais redirecionam usuários para uma nova página, tornando o fluxo de trabalho mais lento. Um modal mantém tudo no lugar.
4

Conectar Chamadas com IA usando Make + Vapi

1

Criar um Webhook no Make

Webhook Lovable Make
  • Abra o Make e crie um novo cenário.
  • Clique em Webhooks > Custom Webhook e nomeie como Ligar para Contato.
  • Copie a URL do webhook.
2

Disparar Chamada do Lovable

Ai Assistant Make
  • No modal de Contatos, adicione um botão Ligar para Contato.
  • Modifique a ação do botão para enviar dados JSON (nome, número de telefone, empresa e objetivo da chamada) para o webhook do Make.
  • Teste a conexão clicando em Ligar para Contato.
3

Usar Vapi para Chamadas com IA

Vapi MakeVapi Make Automation Pn
  • No Make, adicione um módulo de Chamada de API.
  • Envie uma requisição para o Vapi com os detalhes da chamada.
  • Seu agente Vapi personalizado irá:
    • Fazer a chamada
    • Seguir um prompt dinâmico baseado no negócio
    • Registrar resultados de volta no Lovable
Isso cria uma chamada de IA automatizada de saída, instantaneamente disparada da sua interface CRM.
Call Customer Make Pn
5

Adicionar Enriquecimento de Dados da Empresa com Apollo

1

Criar um Webhook de Enriquecimento no Make

  • Adicione um segundo Custom Webhook no Make chamado Enrich Company.
  • Copie a URL do webhook.
Make Enrich Pn
2

Enviar Requisição do Lovable

  • Em Companies, adicione um botão Enrich Company.
  • Quando clicado, envie o domínio da empresa como um payload JSON.
Quando eu clicar no botão de enriquecimento, faça as seguintes coisas:
  1. Remova o modal que abre NÃO é mais necessário
  2. Nova etapa real > envie o domínio como JSON para o seguinte webhook: [Link]
  3. Você receberá uma resposta do webhook como JSON e precisa analisar isso dinamicamente na visualização do modal, então crie campos dinâmicos.
3

Chamar API do Apollo.io

Apollo Make Lovable Pn
4

Analisar Resposta na Visualização do Modal

Webhook Apollo Webhook Make Pn
  • Gere dinamicamente campos no modal do Lovable a partir do JSON.
  • Apresente os dados em uma UI legível (não JSON bruto).
O enriquecimento do Apollo adiciona insights importantes para ajudar a qualificar empresas mais rapidamente.
6

Ocultar Chamadas de API com Supabase Edge Functions

Make Supabase Automation PnPara proteger webhooks:
  • Habilite a Integração Supabase nas configurações do projeto.
  • Crie uma Edge Function que faça proxy das requisições para o Make.
  • Atualize o Lovable para chamar sua função Supabase em vez do Webhook direto.
Isso oculta sua URL do Webhook do navegador — essencial para aplicativos públicos.
Por favor, ao clicar no botão de enriquecimento, use uma edge function do Supabase para ocultar a chamada da API para o endereço do webhook. VOCÊ precisa alterar, portanto, a funcionalidade e realmente ocultar a chamada da API.
7

Automatizando Follow-Ups e Fluxos de Trabalho

Para automatizar campanhas de Email baseadas nos estágios do Deal:
  • No Make, adicione lógica para disparar eventos:
    • Envie um email quando um deal mover para Proposal Sent
    • Notifique a equipe via Slack quando um deal chegar em Negotiation
    • Adicione contatos a um newsletter ou fluxo de campanha
Isso mantém seu movimento de vendas funcionando mesmo quando você não está online.
8

Teste Final e Deploy

1

Executar Testes End-to-End

  • Crie deals e contatos de teste.
  • Dispare o fluxo de chamada de IA.
  • Enriqueça dados da empresa e verifique os resultados.
2

Deploy, Compartilhe e Entre no Ar

  • Use Custom Domain para personalizar seu CRM.
  • Compartilhe seu aplicativo com sua equipe.
9

🎉 Você Conseguiu!

Você construiu um CRM completo e alimentado por IA — sem necessidade de backend.Próximos Passos
  • Adicione integrações: Slack, Notion, HubSpot, Calendly
  • Proteja tudo com Supabase, adicione trilhas de auditoria

​
Dicas Profissionais da Sessão ao Vivo

  • Use select + prompt dentro do Lovable para edições de precisão
  • Use o Canvas Visual do Make para mapear fluxos antes de conectá-los
  • Analise dinamicamente campos JSON desconhecidos em modais para uma vitória de UX
  • Combine Vapi + Apollo + Make para fluxos de trabalho de IA em tempo real
  • Use Supabase Edge Functions para mascarar todas as chamadas públicas de API/webhook

​
FAQ

​
Recursos