Lead Scoring, Kontaktformular und VertriebspipelineNext.js-Integration (2026)

TL;DR

Lead Scoring ist eine Zahl oder ein Label (cold / warm / hot), das dem Vertrieb sagt, wen zuerst anzurufen — basierend auf Formulardaten, Verhalten auf der Website und Kampagnenquelle. Ein Kontaktformular in Next.js ist nicht nur mailto: — es ist eine Server Action, die den Lead in PostgreSQL auf Branchly Cloud speichert, CRM-Webhook sendet und generate_lead in GA4 feuert. Die Vertriebspipeline mappt Status (new → qualified → proposal → won) auf Automatisierung: Owner-Zuweisung, CRM-Task, Slack bei Score > 70. Im Folgenden: Datenmodell, Scoring-Regeln, Formular-Integration, Anti-Spam.

Für wen

• B2B-Unternehmen mit Dutzenden Formular-Anfragen monatlich — heiße Leads gehen in „info@" verloren
• Vertriebsteams ohne klare Prioritäten — jeder Lead sieht gleich aus
• Entwickler mit Next.js 15 Server Actions, DB- und CRM-Persistenz
• Marketing, das UTM / GA4 mit Lead-Qualität verbinden will, nicht nur Submit-Zahl
• Website-Betreiber nach DevStudio-Launch — Scoring ohne komplettes Rewrite

Keyword

lead scoring kontaktformular, vertriebspipeline crm, nextjs kontaktformular, server actions lead, crm webhook integration, b2b lead bewertung

Vom Formular zum Deal — Prozesskarte

Typischer Ablauf:

Website (UTM in Session) → Formular-Submit → Server-Validierung
    → Lead in Branchly (PostgreSQL)
    → Score + Segment
    → CRM-Webhook (HubSpot / Pipedrive / custom)
    → Benachrichtigung (E-Mail / Slack) bei hot
    → Pipeline: Status und Vertriebsaufgaben

Das Formular ist Systemeinstieg, nicht Ende. Ohne DB und CRM ist jeder Submit eine Mail im Shared Inbox — nicht messbar, leicht verloren.

Datenmodell — Lead und Score

Prisma auf Branchly (Auszug):

model Lead {
  id          String   @id @default(cuid())
  email       String
  company     String?
  budget      String?
  message     String?
  utmSource   String?
  utmCampaign String?
  score       Int      @default(0)
  segment     LeadSegment @default(COLD)
  status      LeadStatus  @default(NEW)
  createdAt   DateTime @default(now())
}

Score als gewichtete Summe. Segment-Schwellen: 0–39 cold, 40–69 warm, 70+ hot — quartalsweise an Won-Conversion kalibrieren.

Scoring-Regeln — was bewerten

Regeln in TypeScript oder Tabelle ScoringRule — letzteres für Marketing ohne Deploy, braucht Admin-UI.

Beispiel-Scoring-Funktion:

function computeLeadScore(input: LeadInput, sessionPages: string[]): number {
  let score = 0;
  if (input.company && !isFreeEmail(input.email)) score += 20;
  if (input.budget === '50000+') score += 30;
  if (input.utmMedium === 'cpc') score += 15;
  if (sessionPages.includes('/preise')) score += 10;
  if ((input.message?.length ?? 0) > 200) score += 10;
  if (isFreeEmail(input.email)) score -= 15;
  return Math.max(0, Math.min(100, score));
}

Next.js — Server Action End-to-End

Server Action validiert (Zod), scored, speichert, sendet Webhook:

'use server';

import { z } from 'zod';
import { prisma } from '@/lib/prisma';
import { computeLeadScore } from '@/lib/scoring';

const schema = z.object({
  email: z.string().email(),
  company: z.string().optional(),
  budget: z.enum(['unknown', '10000', '50000+']).optional(),
  message: z.string().max(5000),
  utmSource: z.string().optional(),
  utmMedium: z.string().optional(),
});

export async function submitContactForm(formData: FormData) {
  const parsed = schema.safeParse(Object.fromEntries(formData));
  if (!parsed.success) return { ok: false, errors: parsed.error.flatten() };

  const score = computeLeadScore(parsed.data, []);
  const segment = score >= 70 ? 'HOT' : score >= 40 ? 'WARM' : 'COLD';

  const lead = await prisma.lead.create({
    data: { ...parsed.data, score, segment: segment as any, status: 'NEW' },
  });

  await fetch(process.env.CRM_WEBHOOK_URL!, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ leadId: lead.id, score, segment }),
  });

  return { ok: true, leadId: lead.id };
}

Der Client übergibt UTMs aus sessionStorage oder Hidden Fields nach page_view. Hosting auf DevStudioIT Cloud mit CRM_WEBHOOK_URL und DATABASE_URL zu Branchly.

Vertriebspipeline im CRM

Kanban-Spalten = LeadStatus. Automatisierung:

Webhook mit score und segment auf Custom Fields mappen. Eine Segment-Definition im Unternehmen.

Anti-Spam, DSGVO und Qualität

• Honeypot + Rate Limit (IP / Fingerprint) — weniger Rauschen im Scoring
• Double Opt-in für Newsletter vs Single Submit für Angebotsanfrage — unterschiedliche Einwilligungen in der Datenschutzerklärung
• Consent für Verarbeitung und Vertriebskontakt — Checkbox vor Submit
• Lead-Speicherung in der EU (Branchly) — Audit, wer auf Daten zugegriffen hat

Bot-getriebene Scores senken die Qualität — Leads mit gleicher IP > 5/h filtern.

GA4 und Marketing-Feedback

Event generate_lead mit lead_score, lead_segment (Custom Dimensions) vergleicht Kampagnen nach durchschnittlichem Score, nicht nur Submit-Anzahl. Eine günstigere CPC-Kampagne mit niedrigerem Durchschnitt kann schlechter sein als eine teure mit hot Leads.

FAQ

Wie viele Regeln am Start?

Fünf bis sieben. Nach 90 Tagen Schwellen an Won-Rate anpassen.

Ersetzt Scoring Qualifizierungsgespräch?

Nein — priorisiert nur die Queue. BANT/MEDDIC bleibt beim Vertrieb.

HubSpot vs eigene DB auf Branchly?

Klein: Branchly + HubSpot-Webhook. Groß: PostgreSQL als Source of Truth, bidirektionaler CRM-Sync.

Pipeline testen ohne CRM-Spam?

Staging auf Branchly + CRM-Sandbox (Staging-Artikel).

Formular, das Leads liefert?

• Kontakt — Formular, Scoring, CRM, Hosting aus einer Hand
• Next.js Server Actions — Kontaktformulare
• Unternehmenswebsites