ทำ Real-time lead scoring บนเว็บ Webflow ด้วย n8n โดยตั้ง Webhook รับฟอร์ม → ทำความสะอาด/เติมข้อมูล → คำนวณคะแนนจากสัญญาณ (อีเมลโดเมน, UTM, ตำแหน่งงาน, หน้าแลนดิ้ง) → แบ่ง Tier → แจ้งเตือน/ส่งเข้า CRM และเขียนผลกลับ CMS หรือ GA4 เพื่อวัดผลทันที
Real-time Lead Scoring ด้วย Webflow + n8n: ตั้งแต่ Webhook จนถึงคะแนนพร้อมใช้งาน
Executive view เป้าหมาย: ส่งลีดร้อนถึงทีมไวขึ้น และไม่ให้พลาดโอกาส โดยประเมิน “คุณภาพ” ตั้งแต่วินาทีที่กดส่งฟอร์ม ด้วยเวิร์กโฟลว์ที่ตรวจสอบได้ วัดผลได้ และดูแลง่าย
สถาปัตยกรรมสั้น ๆ
- Webflow: ฟอร์ม + สร้าง Form submission webhook → ยิงไปยัง URL ของ n8n
- n8n: Webhook (trigger) → Set/Function (normalize) → HTTP Request (enrichment/CRM) → Function (scoring) → IF (tiering) → Slack/Email และ/หรือ HTTP Request เขียนกลับ Webflow CMS / ส่ง GA4
- ปลายทาง: CRM/Sheet/Slack/Email + บันทึกคะแนนใน CMS (เพื่อทำรีพอร์ต/รีมาร์เก็ต)
โหนดหลักใน n8n (โครงอ้างอิง)
| ลำดับ |
Node |
หน้าที่ |
หมายเหตุสำคัญ |
| 1 |
Webhook (Trigger) |
รับ payload จาก Webflow Form submission |
เลือกระบบตอบกลับ “When Last Node Finishes” หรือใช้ Respond to Webhook แยก |
| 2 |
Set / Code |
Normalize ฟิลด์, แยก UTM, ดึงโดเมนอีเมล |
กันค่าว่าง, trim, lowercase |
| 3 |
HTTP Request (optional) |
Enrichment/CRM lookup |
ตั้ง Timeout/Retry, จัดการ error branch |
| 4 |
Function (Scoring) |
ให้คะแนนตามกฎธุรกิจ |
คืนค่า score+tier เพื่อง่ายต่อ branch |
| 5 |
IF / Switch |
แยก Tier (A/B/C) |
กำหนด SLA แจ้งเตือนต่างกัน |
| 6 |
Slack/Email |
แจ้งทีมพร้อมข้อมูลสรุป |
แนบลิงก์ย้อนกลับหน้า lead |
| 7 |
HTTP Request → Webflow CMS |
บันทึกคะแนนเข้า Collection |
ใช้ API token, ตั้ง permissions เฉพาะที่จำเป็น |
| 8 |
HTTP Request → GA4 MP (optional) |
ส่ง event lead_scored |
ใช้ Measurement Protocol แบบเสริม ไม่แทนที่ tag หลัก |
ตัวอย่าง “กฎให้คะแนน” (เริ่มต้นแล้วปรับด้วยข้อมูลจริง)
| สัญญาณ |
ตัวอย่างเงื่อนไข |
คะแนน |
เหตุผล |
| อีเมลโดเมน |
ไม่ใช่ฟรีเมล (ไม่ใช่ @gmail/@yahoo) |
+15 |
มีแนวโน้มเป็น B2B |
| ตำแหน่งงาน |
Founder|Head|Director|VP |
+20 |
อำนาจตัดสินใจสูง |
| UTM |
utm_source=google && utm_medium=cpc |
+10 |
เจตนาซื้อสูงจากโฆษณา |
| หน้า Landing |
/services/ หรือหน้า “เงิน” |
+10 |
ความพร้อมซื้อ/จ้าง |
| ประเทศ/โซนเวลา |
ตลาดเป้าหมายหลักของทีมขาย |
+10 |
โอกาสปิดดีลจริง |
| ช่องทางเดิม |
Referrer มาจากเคสสตัดดี้/รีวิว |
+10 |
Trust สูง |
| อีเมลฟรีเมล |
@gmail/@yahoo |
-10 |
กรองสแปมเบื้องต้น |
โค้ดตัวอย่าง (Function node) — คำนวณคะแนน
// n8n Function node (JavaScript)
const lead = $json;
let score = 0;
const email = (lead.email || '').toLowerCase();
const title = (lead.title || '').toLowerCase();
const url = (lead.landing_page || '').toLowerCase();
const utm = lead.utm || { source:'', medium:'', campaign:'' };
// + คะแนน
if (!/@(gmail|yahoo|hotmail|outlook)\./.test(email)) score += 15;
if (/(founder|co-?founder|head|director|vp|chief|cmo|cto|owner)/.test(title)) score += 20;
if (utm.source === 'google' && utm.medium === 'cpc') score += 10;
if (/^https?:\/\/[^\/]+\/services\//.test(url) || /pricing|services/.test(url)) score += 10;
// - คะแนน
if (/@(gmail|yahoo|hotmail|outlook)\./.test(email)) score -= 10;
const tier = score >= 60 ? 'A' : score >= 40 ? 'B' : 'C';
return [{ json: { ...lead, score, tier } }];
ตัวอย่างเรียก Webflow CMS API (บันทึกผลคะแนน)
POST https://api.webflow.com/v2/collections/{collectionId}/items
Authorization: Bearer <API_TOKEN>
Content-Type: application/json
{
"isArchived": false,
"isDraft": false,
"fieldData": {
"name": "Lead — {{email}}",
"email": "{{email}}",
"score": {{score}},
"tier": "{{tier}}",
"source": "{{utm.source}}",
"medium": "{{utm.medium}}",
"campaign": "{{utm.campaign}}",
"landing_url": "{{landing_page}}"
}
}
ตัวอย่างส่ง GA4 Measurement Protocol (เสริม เพื่อวัด event ฝั่งเซิร์ฟเวอร์)
POST https://www.google-analytics.com/mp/collect?measurement_id=G-XXXXXXX&api_secret=YYYYYYYY
Content-Type: application/json
{
"client_id": "555.{{unix_timestamp}}",
"events": [{
"name": "lead_scored",
"params": {
"score": {{score}},
"tier": "{{tier}}",
"utm_source": "{{utm.source}}",
"utm_medium": "{{utm.medium}}",
"utm_campaign": "{{utm.campaign}}"
}
}]
}
หมายเหตุ: GA4 MP มีไว้ “เสริม” ไม่แทนที่การเก็บข้อมูลอัตโนมัติ (gtag/GTM/Firebase) และบางพารามิเตอร์รายงานอาจไม่สมบูรณ์หากใช้ MP เพียงอย่างเดียว
เช็กลิสต์ UAT ก่อนขึ้นจริง
- ทดสอบ Webhook (ทั้ง Test/Production URL ใน n8n) และตรวจสอบ Response 200
- ลอง Payload ที่ฟิลด์ว่าง/ผิดรูปแบบ → ควรไม่พังและส่งต่อได้
- ตรวจสิทธิ์ API Token ของ Webflow ให้เป็น “least privilege”
- ทดสอบ Branch Tier A/B/C และ SLA การแจ้งเตือน
- คิวรีรายงาน: อัตรา A/B/C ต่อช่องทาง, เวลาตอบกลับทีม, Win rate
บริการที่เกี่ยวข้อง (Internal Links)
อ่านต่อ (บทความที่เกี่ยวข้อง)
อ้างอิงภายนอก (เอกสาร/มาตรฐาน)
FAQ (People Also Ask)
ต้องใช้แอปเสริมใน Webflow ไหม?
ไม่จำเป็น หากใช้ Webhook + n8n ก็ทำเรียลไทม์ได้แล้ว แต่ถ้าต้อง enrichment ลึก ๆ อาจเรียก API ภายนอก
ทำไมต้องเขียนกลับ Webflow CMS?
เพื่อเก็บประวัติ/รีพอร์ต และใช้ทำ segment หรือแสดง badge “Qualified” ในแดชบอร์ดหลังบ้าน
GA4 Measurement Protocol จำเป็นไหม?
ไม่จำเป็น เป็น “เสริม” เพื่อส่งเหตุการณ์ฝั่งเซิร์ฟเวอร์เท่านั้น ระบบติดแท็กปกติ (gtag/GTM) ต้องยังอยู่
อัปเดตล่าสุด: 13 Aug 2025
เกี่ยวกับผู้เขียน
Vision X Brain Team — ทีม Website/SEO/CRO & Webflow เราเชื่อม Webflow+n8n ทำระบบลีดเรียลไทม์ วัดผลจริง และส่งให้ทีมขายทันเวลา สนใจเริ่มโปรเจกต์ ดู บริการ Webflow และ Website Renovation
