Diese KI schließt Geschäfte für Sie ab.

Hören Sie auf, Verkäufe zu verlieren, weil Ihr Angebotsprozess zu langsam ist. Dieses automatisierte System verarbeitet Anfragen und sendet professionelle Angebote in weniger als 60 Sekunden, wodurch eine 20-minütige Aufgabe in eine Ein-Klick-Genehmigung verwandelt wird.

Stork.AI
Hero image for: Diese KI schließt Geschäfte für Sie ab.
💡

TL;DR / Key Takeaways

Hören Sie auf, Verkäufe zu verlieren, weil Ihr Angebotsprozess zu langsam ist. Dieses automatisierte System verarbeitet Anfragen und sendet professionelle Angebote in weniger als 60 Sekunden, wodurch eine 20-minütige Aufgabe in eine Ein-Klick-Genehmigung verwandelt wird.

Das $25.000-Problem, das Ihr Unternehmen ignoriert.

Minuten sind kostbar, wenn Sie Dienstleistungen nach Projekten und nicht nach Stunden verkaufen. Ein Logistikunternehmen hat das auf die harte Tour gelernt: Tausende von Angebotsanfragen waren in einem Gmail-Posteingang verborgen, wobei jede Anfrage 10 bis 20 Minuten zur Bearbeitung benötigte, während schnellere Wettbewerber in weniger als 5 Minuten antworteten und leise die Aufträge einsammelten.

Jedes Angebot folgte dem gleichen schmerzhaften Ritual. Der Inhaber durchforstete drei verschiedene Preisplattformen, kopierte Zahlen in eine Tabelle, überprüfte die Margen und entwarf dann eine individuelle E-Mail von Grund auf neu. Bis er auf „Senden“ klickte, hatte der potenzielle Kunde in der Regel bereits mit jemand anderem unterschrieben.

Diese Verzögerungen beeinträchtigten nicht nur die Effizienz; sie vernichteten Einnahmen. Das Unternehmen schätzte, dass es jährlich Hunderte tausend Dollar verlor, einfach weil es nicht schnell genug reagieren konnte. Da ein einzelner Logistikvertrag einen Wert von 25.000 Dollar oder mehr haben kann, wird das Verpassen von 10 bis 20 Aufträgen pro Jahr zu einem sechsstelligen Problem.

Manuelles Angebot versteckt seine Kosten hinter "beschäftigter Arbeit". Zehn Minuten pro Angebot klingen harmlos, bis man die Zahlen betrachtet: - 40 Angebotsanfragen pro Tag - 10–20 Minuten jeweils - 6–13 Stunden Angebotserstellung täglich

Layern Sie Kontextwechsel hinzu – das Springen zwischen Posteingang, Preisinstrumenten, Tabellenkalkulationen und CRMs – und die Fehlerraten steigen. Eine falsche Ziffer, ein veraltetes Preistabelle, eine missinterpretierte Anforderung, und Sie unterbieten entweder die Arbeit oder senden peinliche Korrekturen nachträglich.

Inzwischen feuern Wettbewerber mit automatisierten Systemen in weniger als 60 Sekunden ausgefeilte Angebote ab. Sie überwachen E-Mails rund um die Uhr, klassifizieren Anfragen, ziehen historische Preisangaben heran und erstellen versandbereite Angebote, während Ihr Team noch nach dem letzten E-Mail-Thread sucht. Geschwindigkeit wird zur Waffe, und Sie kommen mit einer Tabelle zu einem Schusswechsel.

Dies ist nicht nur eine Logistikgeschichte. Jedes Dienstleistungsunternehmen, das über E-Mail oder Webformulare kommuniziert, sieht sich demselben Leck gegenüber: - Agenturen, die Projektanfragen bearbeiten - Berater, die Anfragen zur Bedarfsermittlung bearbeiten - Rechtsanwaltskanzleien, die Fallanfragen sichten - Immobilien-Teams, die auf Immobilienanfragen reagieren

Wenn Ihr Tag ein Nebel aus manuellen Antworten und halb fertigen Entwürfen ist, sind Sie nicht nur „beschäftigt“. Sie verlieren leise Geschäfte an jeden, der in fünf Minuten oder weniger „ja“ sagen kann.

Von 20 Minuten auf 60 Sekunden: Die neue Realität

Illustration: Von 20 Minuten auf 60 Sekunden: Die Neue Realität
Illustration: Von 20 Minuten auf 60 Sekunden: Die Neue Realität

Zwanzig Minuten Spreadsheet-Gymnastik münden nun in einen einzigen, fokussierten Bildschirm. Ein sauberes, von Replit unterstütztes Dashboard nimmt leise jede E-Mail und Formularübermittlung auf und blendet nur qualifizierte Leads ein: hohe, mittlere oder niedrige Priorität, bereits bewertet nach Komplexität, Dringlichkeit und geschätztem Wert. Anstatt durch verschachtelte Gmail-Ordner zu wühlen, öffnet ein Manager das Dashboard und sieht „Marcus Chen, Pacific Coast Distributors – Qualifikationsbewertung 90% – Geschätzter Wert 25.000 $“ an oberster Stelle.

Ein Klick auf eine Anfrage zeigt eine vollständige Übersicht. Kundenname, Unternehmen, E-Mail, Dienstleistungsart, Zeitrahmen, besondere Anforderungen und sogar eine Komplexitätsbewertung wie „7/10“ und „Dringlichkeit: Hoch“ sind in einem kompakten, gut lesbaren Layout angeordnet. Darunter schlägt ein KI-generierter E-Mail-Entwurf gestaffelte Preise vor – gut, besser, am besten – direkt auf die Bedürfnisse des Kunden abgestimmt.

Die Bearbeitung des Angebots fühlt sich eher wie das Anpassen eines Schiebereglers an, als wie Mathematik. Wenn die „bessere“ Stufe 19.250 $ betragen sollte statt des Vorschlags der KI, ändert der Manager eine einzige Zahl; das System aktualisiert sofort jeden Verweis im E-Mail-Text. Ein Klick auf „Genehmigen und Senden“ sendet das Angebot über die Gmail-API und ändert seinen Status in Echtzeit von „Ausstehend“ auf „Gesendet“.

Wichtige Kennzahlen verändern sich von mühsam zu automatisiert. Die Bearbeitungszeit für Angebote sinkt von 10–20 Minuten manueller Arbeit auf unter 60 Sekunden der Überprüfung. Die Reaktionszeit auf einen heißen Lead wird nahezu sofort, wodurch Unternehmen im Vorteil sind gegenüber Wettbewerbern, die alleine schon fünf Minuten benötigen, nur um mit dem Entwurf zu beginnen.

Das Dashboard bietet stillschweigend mehr als nur die Anzeige von E-Mails. Manager können: - Nach Priorität oder geschätzter Dealgröße filtern - Vollständige Kunden- und Projektdetails einsehen, bevor sie antworten - Jedes Angebot verfolgen, während es von Ausstehend über Gesendet bis Abgelehnt oder Gewonnen wechselt

Statt eines chaotischen Posteingangs erhalten Entscheidungsträger ein Live-Dashboard für Einnahmen – wo der einzige wirkliche verbleibende Schritt darin besteht, zu entscheiden, ob sie auf „Genehmigen und Senden“ klicken.

Der Transformationspartner-Blueprint

Die meisten Automatisierungsagenturen bieten einen Backend-Workflow für 5.000 Dollar an: einige n8n-Knoten, eine Supabase-Tabelle, vielleicht eine Zapier-Backuplösung. Nützlich, aber unsichtbar. Die Kunden sehen es nie, die Teams greifen nie darauf zu, und es fühlt sich an, als würde man für die Verkabelung hinter einer Wand bezahlen.

Verschieben Sie das Angebot auf ein komplettes System im Wert von 25.000 Dollar, und die Wertgeschichte ändert sich über Nacht. Nun verkaufen Sie ein sichtbares, gebrandetes Replit-Dashboard, Steuerungen mit Mensch-in-der-Schleife und eine Angebotsmaschine, die Führungskräfte in einem Browser öffnen und ihrem Vorstand präsentieren können.

Ein Transformationspartner übernimmt das gesamte Ergebnis. Sie identifizieren den Engpass im Angebot, gestalten den Workflow, implementieren n8n, verbinden Supabase und bringen ein Front-End auf den Markt, das von Verkaufsteams tatsächlich genutzt wird. Sie bleiben lange genug, um die Preislogik, Qualifikationsbewertungen und E-Mail-Vorlagen anhand von Live-Daten zu optimieren.

Transformationspartner übergeben keine rohen Werkzeuge. Sie liefern: - Ein Vorschlagsystem, das Anfragen verarbeitet - Automatische Angebotsversendung - Verfolgt Status, Gewinnquoten und Umsatz an einem Ort

Fragen Sie einen CEO im Bereich Logistik, der in 2.000 ungelesenen E-Mails ertrinkt, ob er "einen n8n-Workflow" möchte, und Sie erhalten einen leeren Blick. Bieten Sie ein Angebotssystem an, das die Angebotsdauer von 20 Minuten auf weniger als 60 Sekunden verkürzt und direkt in sein bestehendes Postfach integriert, und das Budget steigt von experimentell auf strategisch.

Diese Lücke ist der Grund, warum Kunden nackte n8n-Canvas oder exponierte Supabase-Tabellen ablehnen. Interne Teams möchten nicht in einem JSON-Viewer arbeiten. Sie wollen ein ausgearbeitetes Replit-Dashboard mit Filtern für hohe/mittlere/niedrige Priorität, sichtbaren Komplexitäts- und Dringlichkeitswerten sowie einer Ein-Klick-"Genehmigen und Senden"-Funktion.

Psychologisch verkaufen Sie nicht "Automatisierung." Sie verkaufen Geschwindigkeit: die Fähigkeit, in 60 Sekunden zu antworten, anstatt einen Deal über 25.000 Dollar an einen Mitbewerber zu verlieren, der in 5 Minuten geantwortet hat. Sie verkaufen Sichtbarkeit: jedes Angebot, den Status und den Wert auf einem Bildschirm statt vergraben in Gmail-Ordnern.

Sie verkaufen auch einen Wettbewerbsvorteil. Wenn Angebotsanfragen aus E-Mails, Webformularen und eingebetteten Formularen alle im gleichen Workflow landen, wird Ihr Kunde der Anbieter, der immer als Erster antwortet, mit konsistenten Preisen und professionellem Text.

Hinter den Kulissen sind Tools wie n8n und Replit nach wie vor wichtig, und technische Käufer möchten möglicherweise sehen, wie alles zusammenhängt. Für dieses Publikum helfen Ressourcen wie Tutorial: Erstellen Sie einen KI-Workflow in n8n, den Stack zu entschlüsseln – doch die Entscheidung der Führungsebene hängt von den Ergebnissen ab, nicht von der Anzahl der Knoten.

Deconstruction der Systemarchitektur

Vergessen Sie Flussdiagramme und Modewörter. Dieses System basiert auf drei Kernstücken: n8n als das immer aktive Backend, Replit als das Kommandosystem, in dem Menschen die endgültigen Entscheidungen treffen, und Supabase als das gemeinsame Gehirn, das jedes Angebot, jeden Status und jeden Preis synchron hält. Gemeinsam verwandeln sie einen chaotischen Posteingang in eine vorhersehbare Pipeline, die ein Angebot in weniger als 60 Sekunden von der E-Mail bis zur „genehmigt und gesendet“ bewegt.

n8n fungiert als Backend-Engine und überwacht Ihr Postfach rund um die Uhr. Jede neue E-Mail wird durch KI analysiert, die sie als echte Angebotsanfrage, Spam oder „anderes“ klassifiziert und dann strukturierte Felder extrahiert: Kundenname, Dienstleistungstyp, Budget, Zeitrahmen, Dringlichkeit und besondere Anforderungen. Von dort aus fragt n8n historische Angebotsdaten ab, findet ähnliche Projekte, berechnet Preise basierend auf Ihren Geschäftsregeln und erstellt eine Entwurfantwort mit guten/besseren/besten Stufen.

All dies wird in Supabase geschrieben, das als zentrale Datenbank und einzige Quelle der Wahrheit fungiert. Jedes Angebot lebt dort mit seinem Status (ausstehend, gesendet, abgelehnt, gewonnen), Komplexitätsbewertung, Qualifikationsbewertung und geschätztem Wert. Supabase steht in der Mitte als Brücke: n8n schreibt und aktualisiert Datensätze; Replit liest und löst Änderungen darüber aus.

Replit hostet das Dashboard, das die Betreiber tatsächlich nutzen. Die Benutzeroberfläche greift direkt auf Supabase zu und zeigt eine sortierbare Warteschlange von Angeboten nach Priorität an: hoch, mittel, niedrig. Klicken Sie auf eines, und Sie sehen alles, was n8n zusammengestellt hat – Kundendetails, einen Komplexitätsfaktor von 7/10, eine Qualifikation von 90 %, eine Schätzung von 25.000 $ und eine vollständig entworfene E-Mail, die Sie zeilenweise anpassen können.

Wenn jemand auf „Genehmigen und senden“ oder „Ablehnen“ klickt, sendet Replit selbst keine E-Mail. Stattdessen löst es einen Webhook aus, auf den n8n hört, um dieses Signal zu nutzen, die E-Mail über die Gmail-API zu versenden und den Supabase-Datensatz in Echtzeit zu aktualisieren. Frontend und Backend bleiben lose gekoppelt, sind jedoch durch die gemeinsame Datenbankstruktur perfekt synchronisiert.

Den Automatisierungs-Engine in n8n aufbauen

Illustration: Aufbau der Automatisierungsengine in n8n
Illustration: Aufbau der Automatisierungsengine in n8n

Automatisierung beginnt in dem Moment, in dem eine E-Mail im Posteingang landet. Ein n8n Trigger-Knoten überwacht Gmail oder Outlook 24/7, ruft alle paar Minuten ab und zieht Betreffzeile, Absender, Textinhalt und Anlagen ein. Diese Rohdaten werden zur einzigen Vertrauensquelle für alles, was folgt.

Von dort aus sendet eine HTTP-Anfrage oder ein integrierter KI-Knoten den E-Mail-Inhalt an ein Sprachmodell mit einem streng strukturierten Prompt. Das Modell erledigt zunächst eine Aufgabe: Klassifizierung. Handelt es sich um eine echte Angebotsanfrage, eine vage Anfrage oder Spam, der sich als Newsletter ausgibt? Die Antwort wird als maschinenfreundliches JSON zurückgegeben, normalerweise mit Kennzeichnungen wie `is_quote_request: true/false`, `channel: email/form` und `confidence_score`.

n8n verzweigt sofort basierend auf diesem Ergebnis. Ein einfacher IF-Knoten leitet Nicht-Angebote zu einem Archivpfad oder ignoriert sie vollständig. Legitime Angebotsanfragen gehen in einen zweiten KI-Aufruf über, der sich diesmal auf Datenextraktion anstatt auf Klassifikation konzentriert.

Der Workflow sendet die vollständige E-Mail sowie eine Schema-Definition und bittet das Modell, nur mit JSON zu antworten. Er zieht Felder wie heraus: - `name` - `company` - `service_requirements` - `budget` - `timeline` - `urgency_level`

Für fortgeschrittenere Setups extrahiert derselbe Schritt auch einen Komplexitätswert (1–10), einen Qualifikationswert (0–100%) und einen groben geschätzten Wert. Im Logistikbeispiel wird Marcus Chens Frachtd Anfrage daher mit Komplexität 7/10, hoher Dringlichkeit, Qualifikation 90% und einer geschätzten Möglichkeit von 25.000 $ gekennzeichnet.

Sobald n8n saubere, strukturierte Daten hat, kommuniziert es mit Supabase. Ein Supabase-Knoten schreibt das analysierte Zitat in eine Tabelle `quote_requests`, einschließlich Metadaten wie Erstellungszeitstempel, Status (`ausstehend`, `gesendet`, `abgelehnt`) und dem ursprünglichen E-Mail-Inhalt für Prüfpfade. Dieser Schreibvorgang ist es, der das Replit-Dashboard antreibt, das die Benutzer tatsächlich sehen.

Die Preisgestaltung folgt als Nächstes. n8n fragt Supabase nach historischen Angeboten mit ähnlichem Service-Typ, Region und Komplexität und verarbeitet diese Aufzeichnungen über einen Funktionsknoten, der die Geschäftsregeln kodiert: Mindestmargen, Mengenrabatte und Logik für gut/besser/best. Das Ergebnis könnten drei konkrete Zahlen sein, wie 12.500 $, 19.250 $ und 25.000 $.

Schließlich generiert ein weiterer KI-Knoten die Entwurfs-E-Mail. Er erhält die Kundendaten, Preiskategorien und Tonrichtlinien und gibt eine versandbereite Antwort zurück, die Replit im Proposal System That Processes Requests, Sends Quotes Automatically Interface anzeigt. n8n speichert diesen Entwurf zurück in Supabase, wodurch jedes Angebot mit seiner E-Mail, Preisaufstellung und Status verknüpft wird, sodass ein Klick auf „genehmigen und senden“ den Job abschließen kann.

Das KI-Gehirn: Perfekte Eingabeaufforderungen erstellen

KI in diesem n8n-Workflow verhält sich weniger wie ein gesprächiger Assistent und mehr wie ein deterministischer Mikrodienst. Eingaben fungieren als API-Verträge: strikte Rollen, explizite Formate und kein Spielraum für kreative Abschweifungen.

Der erste Schritt ist die Triage. Eine typische Klassifizierungs-Eingabeaufforderung sieht in einem OpenAI-Knoten folgendermaßen aus:

{ "is_quote_request": false, "category": "other", "priority": "low", "spam": false, "reason": "No quote request detected in the email." }

n8n leitet das JSON dann direkt in einen Switch-Knoten weiter. Kein Regex, kein anfälliges Scraping, nur strukturierte Ausgaben, die entweder in den Angebots-Pipeline gelangen oder als Spam ausscheiden.

Als Nächstes folgt die anspruchsvolle Aufgabe: die Bewertung. Eine zweite, komplexere Analyse- Aufforderung verwendet extrahierte Felder wie Diensttyp, Zeitplan, Budget und Anforderungen:

„Sie sind ein leitender Verkaufsanalyst. Verwenden Sie die strukturierten Daten unten, um zu berechnen: - complexity_score: Ganzzahl 1-10 (10 = äußerst komplex) - urgency_level: 'niedrig' | 'mittel' | 'hoch' - qualification_score: Ganzzahl 0-100 (Wahrscheinlichkeit, dass dies ein geeigneter Kunde ist) Geben Sie NUR JSON zurück: { "complexity_score": number, "urgency_level": string, "qualification_score": number, "reasoning": string } Daten: {{ JSON.stringify($json) }}“

Diese Punktzahlen beeinflussen die Routenführung: Sehr dringende, hochqualifizierte Angebote springen an die Spitze des Replit-Dashboards.

Preise und Texte kommen zuletzt. Ein Gut, Besser, Beste Eingabeaufforderung zieht historische Zeilen aus Supabase hervor:

„Sie sind Preisstrategieberater für ein Logistikunternehmen. Sie erhalten: - aktuelle_anfrage: {{ JSON.stringify($json.request) }} - ähnliche angebote: {{ JSON.stringify($json.similar_quotes) }} // letzte 50 Geschäfte Erstellen Sie gestaffelte Preise und einen E-Mail-Entwurf. Verankern Sie die Preisspannen an den ähnlichen Angeboten, passen Sie jedoch die Komplexitätsbewertung und das Dringlichkeitsniveau an.“

{ "pricing": { "good": { "label": "Gut", "price": 29.99, "summary": "Ausgezeichnetes Preis-Leistungs-Verhältnis." }, "better": { "label": "Besser", "price": 49.99, "summary": "Höhere Qualität und zusätzliche Funktionen." }, "best": { "label": "Best", "price": 79.99, "summary": "Die beste Wahl für höchste Ansprüche." } }, "email_draft": { "subject": "Wichtige Informationen zu Ihren Preisen", "body": "Sehr geehrte Damen und Herren,\n\nwir freuen uns, Ihnen unsere neuen Preismodelle vorstellen zu dürfen. Hier sind die Details:\n\nVielen Dank für Ihr Interesse!\n\nMit freundlichen Grüßen,\nIhr Team" } }

Systeme wie n8n's eigenen AI Premium Vorschlagsersteller mit OpenAI, Google Slides und PandaDoc folgen dem gleichen Muster: präzise Eingaben, strenges JSON und KI wird als meinungsbasierter Backend behandelt, nicht als kreative Inspirationsquelle.

Die Punkte mit Supabase verbinden

Supabase erledigt still die unglamouröse Arbeit, die diese gesamte Angebotsmaschine möglich macht. n8n, KI-Modelle und Replit bewegen sich schnell und brechen Dinge; Supabase sitzt in der Mitte und weigert sich, den Zustand zu verlieren. Es wird zum System der Aufzeichnung: jede Angebotsanfrage, jede Statusänderung, jeder KI-generierte Entwurf lebt dort, nicht im Posteingang oder im Browser-Cache von jemandem.

Im Mittelpunkt steht eine einzelne Tabelle: quote_requests. Ein minimales Schema umfasst Felder wie: - id (UUID) - created_at, updated_at (Zeitstempel) - status (ausstehend, gesendet, abgelehnt, gewonnen, verloren) - client_name, client_email, company_name - service_type, timeline, budget, special_requirements - complexity_score, urgency_level, qualification_score, estimated_value - draft_email, ai_analysis, pricing_tiers (JSON) - source (E-Mail, Web-Formular), owner, last_action_by

n8n schreibt jedes Mal in diese Tabelle, wenn es eine neue Anfrage verarbeitet hat. Nachdem der Gmail- oder Outlook-Trigger ausgelöst wurde und die KI die E-Mail klassifiziert, Details extrahiert und Preise berechnet hat, fügt ein dedizierter Supabase-Knoten eine neue Zeile mit allen analysierten Feldern sowie dem draft_email und dem complexity_score ein. Wenn ein Benutzer später ein Angebot genehmigt, sendet oder ablehnt, aktualisiert n8n den Status und die Zeitstempel dieser gleichen Zeile, anstatt einen neuen Datensatz zu erstellen.

Replit verwandelt diese Datenbank dann in einen Live-Überwachungsraum. Das Frontend verwendet den JavaScript-Client von Supabase, um sich für Angebotsanfragen anzumelden und nach Status zu filtern, sodass die Ansichten „Ausstehend“, „Gesendet“ und „Abgelehnt“ in Echtzeit aktualisiert werden, ohne dass eine manuelle Aktualisierung erforderlich ist. Wenn Sie auf eine Karte für „Marcus Chen, Pacific Coast Distributors“ klicken, liest Replit die gesamte Zeile, füllt das Detailfeld mit Bewertungen, Analysen und Preisstufen und ermöglicht es Ihnen, die Zahlen anzupassen, bevor Sie die Änderungen zurück an Supabase senden und einen Webhook an n8n auslösen.

Ihr Befehlszentrum: Das Replit-Dashboard

Illustration: Ihr Befehlszentrum: Das Replit-Dashboard
Illustration: Ihr Befehlszentrum: Das Replit-Dashboard

Replit wird zur Mission Control für dieses gesamte System. Anstatt eine lokale Entwicklungsumgebung aufzubauen, Webpack zu konfigurieren und Ihre eigene Build-Pipeline einzurichten, öffnen Sie einen Browser-Tab und erhalten eine Full-Stack-IDE mit Hosting, Protokollen und einer Live-URL. Für eine KI-Zitatmaschine, die schnell mit echten Kunden iterieren muss, ist dieser Typ von schneller Entwicklung-Schleife wichtiger, als ein paar Millisekunden von der Bundle-Größe abzuziehen.

Sie erhalten auch Replit's eigene KI auf Abruf. Um das Dashboard zu starten, können Sie buchstäblich in einem Prompt beschreiben, was Sie möchten: „Erstelle ein responsives React-Dashboard mit TypeScript und Tailwind CSS, das mit Supabase verbunden ist. Es sollte: - Mit Supabase über Umgebungsvariablen authentifizieren - Eine 'quotes'-Tabelle mit Status, Priorität, Kundendetails, Bewertungen und Entwurf_E-Mail-Feldern abrufen - Filter für Alle, Ausstehend, Gesendet und Abgelehnt sowie Hoch/Mittel/Niedrig-Priorität anzeigen - Eine Listenansicht und ein Detailbereich mit bearbeitbaren Preisstufen und Entwurf-E-Mails anzeigen - Eine Schaltfläche 'Genehmigen und Senden' und einen 'Ablehnen'-Flow enthalten, der Supabase aktualisiert und externe Webhooks aufruft.“

Aus dieser einzigen Anweisung erstellt die KI von Replit ein funktionierendes Layout in React + Vite (oder im Next-Stil), einen typisierten Supabase-Client und Tailwind-Nutility-Klassen. Du verfeinerst von dort aus, anstatt in einem leeren src-Ordner zu beginnen. Für die meisten Agenturen reduziert das Tage an Boilerplate auf weniger als eine Stunde.

Unter der Haube kommuniziert das Dashboard über eine kleine Datenzugriffs-Schicht mit Supabase. Eine Datei namens quotesService.ts stellt Funktionen wie `getPendingQuotes`, `getQuoteById` und `updateQuoteStatus` zur Verfügung. React-Hooks rufen diese beim Mounten oder wenn sich die Filter ändern auf und speichern die Ergebnisse im lokalen Zustand. Offene Angebote werden in einer Tabelle geladen, die Spalten für Kunde, geschätzten Wert, Dringlichkeit und Qualifikationspunktzahl enthält, damit ein Vertriebsmitarbeiter auf einen Blick priorisieren kann.

Ein Klick auf eine Zeile zeigt alle Details: Kontaktinformationen, Dienstleistungsbeschreibung, Komplexitätsbewertung, Dringlichkeit und die KI-gestartete Entwurf-E-Mail mit den Preistufen gut/besser/am besten. Eingaben, die an den lokalen Zustand gebunden sind, ermöglichen es Ihnen, eine 19.000 $-Stufe auf 19.250 $ anzupassen und sofort diese Änderung im Text der E-Mail zu spiegeln. Eine einzige Quelle der Wahrheit im Zustand stellt sicher, dass Supabase, UI und das, was gesendet wird, niemals abweichen.

Der „Genehmigen und Senden“-Button leitet das Frontend zurück an n8n. Beim Klicken ruft er eine dedizierte Webhook-URL auf – einzigartig für diesen Workflow – mit einem JSON-Payload, der die quote_id, den endgültigen Preis, die bearbeitete draft_email und den Aktionstyp enthält. n8n empfängt diesen Webhook, sendet die E-Mail über die Gmail-API, aktualisiert den Status des Angebots in Supabase auf „gesendet“, und die React-Benutzeroberfläche spiegelt die Änderung beim nächsten Abrufen oder über ein Echtzeit-Abonnement wider.

Den Kreis schließen: Ein-Klick-Versand

Das Klicken auf Genehmigen ist keine Empfehlung; es ist ein Zündmechanismus. Ein Knopfdruck im Replit-Dashboard löst die endgültige Phase des Proposal-Systems aus, das Anfragen bearbeitet und automatisch Angebote versendet, wodurch ein geprüfter Entwurf innerhalb von Sekunden zu einer aktiven E-Mail im Posteingang Ihres Interessenten wird.

Hinter diesem einzelnen Klick verbirgt sich ein n8n Webhook-Trigger. Anstatt Polling oder Cron-Jobs zu verwenden, ruft das Replit-Frontend eine einzigartige Webhook-URL auf, die von n8n bereitgestellt wird, und überträgt einen minimalen Payload: die interne Angebots-ID, die Entscheidung des Nutzers (genehmigen) sowie eventuelle letzte Änderungen an Preisen oder Texten.

Dieser Webhook aktiviert einen zweiten, dedizierten n8n-Workflow, der ausschließlich für den Versand und Statusaktualisierungen aufgebaut ist. Erster Knoten: Webhook, der den JSON-Inhalt von Replit analysiert und überprüft, ob das Angebot sich noch im Status "Ausstehend" befindet, um Duplikate oder Wettlaufbedingungen zu vermeiden.

Als Nächstes greift n8n über die Angebots-ID als Primärschlüssel auf Supabase zu. Ein Supabase-Knoten zieht den voll genehmigten Datensatz: Kundendaten, Leistungsübersicht, Preisstufen gut/besser/best und den finalen E-Mail-Text, den der Mensch gerade genehmigt hat.

Mit diesen Daten übergeben Sie die Kontrolle an einen Gmail-Knoten, der mit der Gmail-API verbunden ist. Der Workflow ordnet die Supabase-Felder direkt zu: - An: E-Mail des Kunden - Betreff: Titel des Angebots oder Zusammenfassung des Projekts - Nachricht: der von der KI generierte, vom Menschen bearbeitete Entwurf

Gmail sendet die Nachricht von einem echten Geschäftseingang, nicht von einer No-Reply-Adresse, sodass Antworten direkt wieder in dasselbe Konto eingehen, das n8n bereits auf neue Anfragen überwacht. Für Teams können Sie gemeinsame Postfächer oder Dienstkonten verwenden, ohne die Replit-Benutzeroberfläche zu berühren.

Die Hauswirtschaft kommt zuletzt, hat aber Bedeutung für das Vertrauen. Nachdem Gmail eine Erfolgsmeldung zurückgibt, kontaktiert n8n erneut Supabase und ändert den Status des Angebots von Ausstehend auf Gesendet, wobei optional ein Zeitstempel und eine Nachrichten-ID für Prüfprotokolle protokolliert werden.

Replit spiegelt diesen Status dann in Echtzeit wider. Die Spalte "Ausstehend" im Dashboard schrumpft, "Gesendet" wächst, und das Vertriebsteam kann genau sehen, welche Deals das Gebäude bereits verlassen haben, ohne die Seite zu aktualisieren oder in Gmail-Threads zu graben.

Jeder, der diesen Stack repliziert, kann die Webhook- und Supabase-Aufrufe in weniger als einer Stunde einrichten, insbesondere mit den Schnellstartanleitungen von Replit und dem offiziellen Replit-Dokumentation – Erste Schritte Verweis.

Jenseits von Zitaten: Wohin dieses System als Nächstes geht

Die meisten Menschen werden dieses Zitate-Tool betrachten und bei „cool, es sendet E-Mails schneller“ stehen bleiben. Das verpasst die eigentliche Geschichte: Sie haben jetzt ein wiederverwendbares Muster, um jeden unordentlichen, inboxgesteuerten Prozess in ein strukturiertes, umsatzfähiges System umzuwandeln.

Tauschen Sie „Angebotsanfrage“ gegen „neuer Kunde“ aus, und derselbe n8n–Supabase–Replit-Stack wird zu einem vollständigen Kunden-Onboarding-Pipeline. n8n überwacht unterzeichnete Vereinbarungen, analysiert den Umfang und die Fristen, schreibt alles in Supabase, und Ihr Replit-Dashboard verwandelt es in Aufgaben, Kickoff-Checklisten und Projektgesundheitswerte, auf die Ihr Team tatsächlich reagieren kann.

Support-Teams können die identische Architektur nutzen, um Supportanfragen zu priorisieren und weiterzuleiten. Eingehende E-Mails oder Formularübermittlungen werden nach Dringlichkeit, Produkt und Stimmung klassifiziert, in Supabase eingegeben und dann in einem Dashboard angezeigt, das automatisch Antworten, Handlungsanleitungen oder Eskalationswege vorschlägt. Ein Klick weist zu, ein anderer sendet eine von Menschen überprüfte Antwort.

Interne Betriebsteams können dies auf wenig glamouröse, aber kostspielige Arbeitsabläufe richten: - HR-Anfragen: Urlaub, Ausstattung, Richtlinienfragen, Zugriffsrechte für Neueinstellungen - Inhaltsgenehmigungen: Briefings, Entwürfe, rechtliche Überprüfungen, Markenfreigaben - Anbietermanagement: Einarbeitung, Compliance-Dokumente, Verlängerungen

In jedem Fall übernimmt n8n die Datenaufnahme und das KI-Argumentieren, Supabase speichert die einzige Quelle der Wahrheit, und Replit stellt ein maßgeschneidertes Steuerpanel mit „Genehmigen“, „Überarbeiten“ oder „Ablehnen“ als letzte menschliche Instanz bereit.

Hochwertige Berater und Agenturen hören auf, „ein paar Zaps“ zu verkaufen, und beginnen, komplette Systeme anzubieten, die den schlimmsten Engpass eines Kunden beseitigen. So klappt der Übergang von Automatisierungen im Wert von 5.000 Dollar zu Transformationsprojekten im Wert von 15.000 bis 25.000 Dollar, die Umsatz, Abwanderung und Personalstärke beeinflussen.

Wenn du bereits weißt, wie man Werkzeuge miteinander verbindet, ist dies dein nächster Fähigkeitsprung: Gestalte den Workflow, übernehme das Datenmodell und liefere das Dashboard aus. Gehe dann zu deinem nächsten Kunden und stelle eine bessere Frage: „Welcher Prozess bereitet dir die meisten Probleme und was wäre es wert, wenn er sich selbstständig erledigen würde?“

Häufig gestellte Fragen

Was ist ein KI-Vorschlagsystem?

Es ist ein automatisierter Workflow, der KI nutzt, um eingehende Anfragen aus E-Mails oder Formularen zu lesen, die Anforderungen zu analysieren, Preise zu kalkulieren, ein professionelles Angebot zu erstellen und es mit minimalem menschlichen Eingriff für den Versand vorzubereiten.

Warum n8n und Replit für dieses System verwenden?

n8n ist ein leistungsstarkes, Open-Source-Tool zum Erstellen der Backend-Automatisierungslogik (der Motor), während Replit eine einfache, KI-gestützte Möglichkeit bietet, eine professionelle Benutzeroberfläche (das Cockpit) für die Nutzung durch Kunden zu erstellen und bereitzustellen.

Wie viel können Sie für den Aufbau dieses Systems berechnen?

Da dies ein vollständiges End-to-End-Produkt ist, das ein großes Unternehmensengpass wie verlorene Einnahmen löst, können AI-Agenturen und Berater Premiumpreise von 15.000 bis 25.000 Dollar oder mehr verlangen.

Ist umfangreiche Programmierung erforderlich, um dies zu erstellen?

Der Backend-n8n-Workflow ist hauptsächlich no-code/low-code. Das Replit-Frontend umfasst React und TypeScript, aber die KI-Fähigkeiten von Replit können einen Großteil des anfänglichen Codes aus einer natürlichen Sprachaufforderung generieren.

Frequently Asked Questions

Was ist ein KI-Vorschlagsystem?
Es ist ein automatisierter Workflow, der KI nutzt, um eingehende Anfragen aus E-Mails oder Formularen zu lesen, die Anforderungen zu analysieren, Preise zu kalkulieren, ein professionelles Angebot zu erstellen und es mit minimalem menschlichen Eingriff für den Versand vorzubereiten.
Warum n8n und Replit für dieses System verwenden?
n8n ist ein leistungsstarkes, Open-Source-Tool zum Erstellen der Backend-Automatisierungslogik , während Replit eine einfache, KI-gestützte Möglichkeit bietet, eine professionelle Benutzeroberfläche für die Nutzung durch Kunden zu erstellen und bereitzustellen.
Wie viel können Sie für den Aufbau dieses Systems berechnen?
Da dies ein vollständiges End-to-End-Produkt ist, das ein großes Unternehmensengpass wie verlorene Einnahmen löst, können AI-Agenturen und Berater Premiumpreise von 15.000 bis 25.000 Dollar oder mehr verlangen.
Ist umfangreiche Programmierung erforderlich, um dies zu erstellen?
Der Backend-n8n-Workflow ist hauptsächlich no-code/low-code. Das Replit-Frontend umfasst React und TypeScript, aber die KI-Fähigkeiten von Replit können einen Großteil des anfänglichen Codes aus einer natürlichen Sprachaufforderung generieren.
🚀Discover More

Stay Ahead of the AI Curve

Discover the best AI tools, agents, and MCP servers curated by Stork.AI. Find the right solutions to supercharge your workflow.

Back to all posts