Landing Page Builder ใน GTG CRM ช่วยให้คุณสร้างหน้าขายสินค้าอย่างมืออาชีพ โดยไม่ต้องมีความรู้เรื่องโค้ด หรือจ้างนักออกแบบ ทุกอย่างตั้งแต่การออกแบบ เนื้อหา ฟอร์มการรวบรวมข้อมูล ไปจนถึงการชำระเงินล้วนได้รับการสนับสนุนจาก AI และผสานรวมกับระบบ CRM ได้ทันที
บทความนี้จะแนะนำกระบวนการทั้งหมด ตั้งแต่ขั้นตอนแรกไปจนถึงการเปิดใช้งาน Landing Page และรับคำสั่งซื้อจริง
1. การเข้าถึง Landing Page Builder
จากเมนูหลักของ GTG CRM:
Website → Landing Pages
หน้าจอจะแสดงรายการ Landing Page ที่สร้างไว้ หากยังไม่มีหน้าใด คุณจะเห็นหน้าจอว่างพร้อมปุ่ม สร้าง Landing Page
หมายเหตุ: จำเป็นต้องมีสิทธิ์
CREATE_LANDING_PAGEเพื่อสร้างและแก้ไข Landing Page
2. การสร้าง Landing Page ใหม่
กด "+ สร้าง Landing Page" → ระบบจะเปิดฟอร์มสร้างใหม่:
| ฟิลด์ | คำอธิบาย |
|---|---|
| ชื่อ Landing Page | ชื่อภายในเพื่อแยกแยะหน้าต่างๆ (จะไม่แสดงให้ลูกค้าเห็น) |
| วัตถุประสงค์ | รวบรวม Lead / ขายสินค้า / ลงทะเบียนกิจกรรม / แนะนำบริการ |
| ภาษา | ภาษาเวียดนาม ภาษาอังกฤษ หรือภาษาอื่นๆ |
หลังจากกรอกข้อมูลเสร็จ → ดำเนินการต่อ → จะไปยังขั้นตอนการเลือกเทมเพลต
3. การเลือกเทมเพลต
คลังเทมเพลตที่หลากหลาย
GTG CRM มีเทมเพลต Landing Page เกือบ 100 แบบ จัดหมวดหมู่ตามอุตสาหกรรม:
- E-commerce / ขายสินค้าออนไลน์
- บริการความงาม / สปา / คลินิกเสริมความงาม
- F&B / ร้านอาหาร / คาเฟ่
- การศึกษา / คอร์สออนไลน์
- อสังหาริมทรัพย์
- กิจกรรม / สัมมนา
- ฟิตเนส / โยคะ / กีฬา
- Tech / SaaS / แอปพลิเคชัน
ค้นหาเทมเพลตด้วย AI
แทนที่จะเลื่อนดูแต่ละแบบ คุณสามารถ อธิบายด้วยคำพูด สิ่งที่คุณต้องการ:
"หน้าสำหรับขายเสื้อยืด unisex สไตล์ streetwear สำหรับวัยรุ่นอายุ 20-30 ปี" "Landing Page สำหรับลงทะเบียนคอร์สเรียนภาษาอังกฤษสนทนา โทนเสียงแบบมืออาชีพ"
AI จะแนะนำเทมเพลตที่เหมาะสมที่สุดกับคำอธิบายของคุณ
ดูตัวอย่างก่อนเลือก
คลิกที่เทมเพลตใดก็ได้เพื่อดูตัวอย่างเต็มรูปแบบทั้งบนเดสก์ท็อปและมือถือก่อนตัดสินใจ
4. ขอออกแบบเฉพาะ
หากไม่พบเทมเพลตที่ถูกใจ คุณสามารถขอให้ AI สร้างการออกแบบใหม่ทั้งหมด:
ขั้นตอนที่ 1: เลือก "สร้างการออกแบบเฉพาะ" แทนการเลือกจากคลัง
ขั้นตอนที่ 2: อธิบายความต้องการโดยละเอียด: - ประเภทธุรกิจ - สไตล์การออกแบบ (มินิมอล, สดใส, หรูหรา...) - โทนสีหลัก - ส่วนประกอบที่ต้องการ (Hero, สินค้า, คำนิยม, แบบฟอร์มติดต่อ...) - กลุ่มลูกค้าเป้าหมาย
ขั้นตอนที่ 3: AI จะวิเคราะห์และสร้างเลย์เอาต์ที่เหมาะสม - โดยปกติใช้เวลา 1-3 นาที
เคล็ดลับ: ยิ่งอธิบายละเอียดเท่าไร AI ก็จะยิ่งสร้างผลลัพธ์ที่ใกล้เคียงกับความคาดหวังของคุณมากขึ้นเท่านั้น คุณยังสามารถแก้ไขได้หลังจาก AI สร้างเสร็จ
5. แปลภาษาทั้งหน้า
หากต้องการให้ Landing Page รองรับหลายตลาด GTG CRM รองรับการ แปลเนื้อหาทั้งหมด เพียงคลิกเดียว:
การตั้งค่า → ภาษา → เพิ่มภาษา → เลือกภาษาปลายทาง → แปลอัตโนมัติ
AI จะแปลข้อความทั้งหมดบนหน้าเป็นภาษาที่คุณเลือก จากนั้นคุณสามารถแก้ไขแต่ละส่วนได้หากต้องการปรับน้ำเสียงให้เข้ากับตลาด
ภาษาที่รองรับ: อังกฤษ, เวียดนาม, จีน, ญี่ปุ่น, เกาหลี, ไทย และอื่นๆ อีกมากมาย
6. การปรับแต่งสไตล์ & ฟอนต์
ในส่วน การออกแบบ ของตัวแก้ไข:
สี
- สีหลัก (Primary) - สีของปุ่ม, หัวข้อหลัก, ส่วนที่ไฮไลท์
- สีรอง (Secondary) - พื้นหลังส่วนต่างๆ, เส้นขอบ
- สีข้อความ - สีตัวอักษรทั่วทั้งหน้า
- รองรับการป้อนรหัส HEX โดยตรง หรือเลือกจาก color picker
ฟอนต์
เลือกชุดฟอนต์สำหรับ: - หัวข้อ (Heading) - โดดเด่น, ดึงดูดความสนใจ - เนื้อหา (Body) - อ่านง่าย, ชัดเจน
มี Google Fonts ให้เลือกมากกว่า 50 แบบที่คัดสรรมาเพื่อสไตล์ที่หลากหลาย
7. การแก้ไข Header & Brand Identity
7.1 Header
Header จะปรากฏที่ด้านบนของแต่ละหน้า คุณสามารถเปิด/ปิด header และปรับแต่งได้: - แสดง/ซ่อน header - สีพื้นหลัง, สีตัวอักษร - ความสูงและ padding
7.2 โลโก้
อัปโหลดโลโก้แบรนด์ไปยัง header: - รูปแบบที่รองรับ: PNG, JPG, SVG, WebP - คำแนะนำ: PNG พื้นหลังโปร่งใส, ขนาดขั้นต่ำ 200×60px - โลโก้จะปรับขนาดอัตโนมัติตามความสูงของ header
7.3 Brand Identity อัตโนมัติ
หากได้ตั้งค่า Brand Identity ไว้ใน GTG CRM ระบบจะแนะนำให้ใช้โดยอัตโนมัติ:
| ข้อมูล Brand Identity | นำไปใช้กับ Landing Page |
|---|---|
| โลโก้ | Header, favicon |
| สีหลัก | ปุ่ม, หัวข้อ, ส่วนที่ไฮไลท์ |
| สีรอง | พื้นหลัง, ตัวคั่นส่วน |
| ฟอนต์ | ข้อความทั้งหมดบนหน้า |
| Favicon (ใหม่ 4/2026) | แท็บเบราว์เซอร์, บุ๊กมาร์ก |
ใหม่ 4/2026 — Brand Kit ตอนนี้รวมถึง favicon (ไอคอนแท็บเบราว์เซอร์) หลังจากตั้งค่า favicon ใน Brand Identity แล้ว landing page ทั้งหมดจะใช้ favicon นั้นโดยอัตโนมัติเมื่อเผยแพร่
7.4 AI สร้างโลโก้
ยังไม่มีโลโก้? ใช้ฟีเจอร์ AI สร้างโลโก้: 1. ป้อนชื่อแบรนด์และคำอธิบายสไตล์ 2. AI จะสร้างโลโก้ 4 เวอร์ชันที่แตกต่างกัน 3. เลือกโลโก้ที่ถูกใจ → ปรับสีหากจำเป็น → บันทึก
7.5 เมนูนำทาง & CTA
กำหนดค่าเมนูใน header: - เพิ่ม/ลบ/จัดเรียงรายการเมนู - ลิงก์ไปยังส่วนต่างๆ ในหน้า (anchor link) หรือ URL ภายนอก - ปุ่ม CTA: ข้อความ, สี, ลิงก์ปลายทาง (ฟอร์ม, ชำระเงิน, ติดต่อ)
7.6 Social Links
แสดงไอคอนโซเชียลมีเดียใน header หรือ footer: - Facebook, Instagram, TikTok, YouTube, Zalo, LinkedIn, X (Twitter) - ดึงมาจาก Social Hub โดยอัตโนมัติหากเชื่อมต่อไว้แล้ว
7.7 รูปแบบ Header
- Sticky header - header จะอยู่กับที่เมื่อเลื่อนหน้า
- Transparent header - header โปร่งใสบน section แรก, เปลี่ยนสีเมื่อเลื่อน
- Compact - header จะย่อขนาดลงเมื่อเลื่อนลง
8. การตั้งค่าฟอร์มรวบรวมข้อมูล
ฟอร์มคือหัวใจของ landing page — เป็นที่ที่ลูกค้าจะทิ้งข้อมูลหรือสั่งซื้อ
8.1 การตั้งค่าฟอร์มพื้นฐาน
ในส่วน Form Settings: - หัวข้อฟอร์ม — ข้อความที่จะแสดงด้านบนฟอร์ม - ปุ่มส่ง — ข้อความ, สี, ขนาด - ข้อความแจ้งความสำเร็จ — จะแสดงหลังจากลูกค้าส่งข้อมูล
8.2 AI สร้างเนื้อหาฟอร์ม
คลิก "AI แนะนำ" → AI จะแนะนำ: - หัวข้อฟอร์มที่น่าสนใจและเหมาะกับวัตถุประสงค์ของหน้า - ข้อความปุ่ม CTA ที่มีอัตราการแปลงสูง (แทนที่คำว่า "ส่ง" ทั่วไป) - ข้อความยืนยันที่ดูเป็นมิตร
8.3 ช่องข้อมูล
เพิ่ม/ลบ/จัดเรียงช่องต่างๆ ในฟอร์ม:
| ฟิลด์เริ่มต้น | ชนิดข้อมูล |
|---|---|
| ชื่อ-นามสกุล | Text |
| เบอร์โทรศัพท์ | Phone |
| อีเมล | |
| ที่อยู่ | Text |
| หมายเหตุ | Textarea |
เพิ่มฟิลด์ที่กำหนดเอง: Dropdown, Checkbox, Radio, Date picker, File upload...
เมื่อลูกค้ากรอกหมายเลขโทรศัพท์ ระบบจะปรับรูปแบบให้เป็นมาตรฐานตามตลาดโดยอัตโนมัติ: - เวียดนาม: Prefix +84 (ลบเลข 0 ตัวแรกหากมี) - สิงคโปร์: Prefix +65 (8 หลัก)
ข้อมูลที่บันทึกใน CRM จะอยู่ในรูปแบบมาตรฐานเสมอ ไม่จำเป็นต้องทำความสะอาดด้วยตนเอง
8.4 ค่าจัดส่ง
หากหน้า Landing Page มีการจัดส่ง ให้กำหนดค่า: - ค่าจัดส่งคงที่ - ใช้กับทุกคำสั่งซื้อ - จัดส่งฟรี - เมื่อยอดสั่งซื้อถึงขั้นต่ำที่กำหนด - คิดค่าจัดส่งตามพื้นที่ - แตกต่างกันไปตามจังหวัด/เมือง
9. แก้ไข Hero Section
Hero section คือส่วนแรกที่ลูกค้าเห็น — จำเป็นต้องสร้างความประทับใจอย่างมากภายใน 3 วินาทีแรก
องค์ประกอบของ Hero
- Headline - หัวข้อหลัก ขนาดตัวอักษรใหญ่ โดดเด่น
- Sub-headline - คำอธิบายสั้นๆ เพื่อสนับสนุน Headline
- Background - รูปภาพ วิดีโอ Gradient หรือสีพื้น
- CTA Button - ปุ่มดำเนินการหลัก (ซื้อเลย / ลงทะเบียน / รับข้อเสนอ)
- Social proof - Badge ความน่าเชื่อถือ ตัวเลข เรตติ้ง
AI เพิ่มประสิทธิภาพ Hero
กด "AI ปรับปรุง" ใน Hero section → AI จะวิเคราะห์เนื้อหาปัจจุบันและเสนอแนะ: - Headline ที่มี Hook แข็งแกร่งขึ้น - Copy CTA ที่มีการแปลงสูงขึ้น - วิธีการจัดลำดับชั้นของภาพที่ดีขึ้น
สื่อ Hero
- รูปภาพ: อัปโหลดจากคอมพิวเตอร์ หรือเลือกจาก Media Library ใน GTG CRM
- วิดีโอพื้นหลัง: รองรับ MP4, WebM — ปิดเสียงอัตโนมัติ วนซ้ำ
- Overlay: เพิ่มเลเยอร์สีโปร่งแสงบนสื่อเพื่อให้ข้อความอ่านง่ายขึ้น
10. การขาย & การชำระเงิน
10.1 เปิดใช้งานฟีเจอร์การขาย
ใน การตั้งค่า Landing Page → การค้า: - เปิด "อนุญาตให้ซื้อสินค้า" - เลือกสินค้าจาก Product Hub (GTG CRM) - หรือสร้างสินค้าใหม่โดยตรงภายในหน้า Landing Page
10.2 การกำหนดค่าผลิตภัณฑ์ที่แสดง
สำหรับแต่ละผลิตภัณฑ์บนหน้า: - ชื่อ คำอธิบาย ราคา - รูปภาพผลิตภัณฑ์ (หลายรูป ลากและวางเพื่อจัดเรียง) - รูปแบบ: สี ขนาด ประเภท... - จำนวนสินค้าคงคลัง (ซิงค์อัตโนมัติจากคลัง GTG CRM)
10.3 หน้าชำระเงิน
หน้า Landing Page มี หน้าชำระเงินเฉพาะ ในตัว: - ข้อมูลการจัดส่ง (เติมอัตโนมัติหากลูกค้าเคยซื้อมาก่อน) - เลือกวิธีการชำระเงิน: COD, โอนเงิน, เกตเวย์ชำระเงิน - สรุปคำสั่งซื้อ + ค่าจัดส่ง - ยืนยันคำสั่งซื้อผ่านอีเมล/SMS อัตโนมัติ
10.4 Upsell & Cross-sell
เพิ่มผลิตภัณฑ์ที่แนะนำลงในหน้า: - Upsell: ผลิตภัณฑ์ที่ดีกว่า / รุ่นพรีเมียมกว่า - Cross-sell: ผลิตภัณฑ์ที่ใช้ร่วมกันได้ดี - แสดงระหว่างขั้นตอนการชำระเงิน หรือหลังจากการสั่งซื้อสำเร็จ
11. การจัดการคำสั่งซื้อ & CRM
11.1 ดูคำสั่งซื้อจาก Landing Page
คำสั่งซื้อทั้งหมดจากหน้า Landing Page จะปรากฏใน CRM → Orders โดยอัตโนมัติ: - กรองตามแหล่งที่มา: ดูเฉพาะคำสั่งซื้อจาก Landing Page ที่ระบุ - สถานะคำสั่งซื้อ: ใหม่ → กำลังดำเนินการ → จัดส่งแล้ว → เสร็จสมบูรณ์ / คืนสินค้า - Export CSV ตามช่วงเวลา
11.2 รายละเอียดคำสั่งซื้อ
คลิกที่คำสั่งซื้อใดก็ได้เพื่อดู: - ข้อมูลลูกค้าครบถ้วน - สินค้าที่สั่งซื้อ + จำนวน + ราคา - ที่อยู่จัดส่ง + ค่าจัดส่ง - ประวัติสถานะและบันทึกภายใน - ออกใบแจ้งหนี้อิเล็กทรอนิกส์ (เชื่อมต่อ E-Invoice)
11.3 บันทึกผู้ติดต่อใน CRM โดยอัตโนมัติ
ลูกค้าทุกรายกรอกแบบฟอร์มหรือสั่งซื้อ → บันทึกลง CRM Contacts โดยอัตโนมัติ:
- ไม่ซ้ำซ้อน: ระบบจะรวมข้อมูลหากมีอีเมล/โทรศัพท์อยู่แล้ว
- แท็กอัตโนมัติ: source: landing-page, ชื่อ landing page
- ประวัติการซื้อจะเชื่อมโยงกับโปรไฟล์ผู้ติดต่อ
11.4 Custom Object & Pipeline
คำสั่งซื้อจาก Landing Page สามารถสร้าง Deal ใน Pipeline ได้โดยอัตโนมัติ: - กำหนดค่าใน การตั้งค่า Landing Page → CRM Integration - เลือก Pipeline ปลายทางและ Stage เริ่มต้น - พนักงานที่รับผิดชอบจะถูกกำหนดโดยอัตโนมัติตามกฎ
12. ดู Analytics
12.1 ภาพรวมข้อมูล
ในแท็บ Analytics ของ Landing Page:
| ตัวชี้วัด | ความหมาย |
|---|---|
| Page Views | จำนวนครั้งทั้งหมดที่หน้าเว็บถูกเข้าชม |
| Unique Visitors | ผู้เยี่ยมชมที่ไม่ซ้ำกัน (กรองข้อมูลซ้ำ) |
| Bounce Rate | % ของผู้ที่ออกจากหน้าทันที |
| Average Time on Page | ระยะเวลาที่ลูกค้าใช้บนหน้าเว็บ |
| Conversion Rate | % ของลูกค้าที่ส่งแบบฟอร์ม / สั่งซื้อ |
| Total Revenue | หากมีการขาย |
12.2 วิเคราะห์อุปกรณ์
สัดส่วนการเข้าชมตามอุปกรณ์: - Desktop / Mobile / Tablet - ช่วยในการตัดสินใจปรับแต่งการออกแบบ (เน้น mobile หาก traffic มาจากมือถือมากกว่า 60%)
12.3 แหล่งที่มาของการเข้าชม
ทราบว่าลูกค้ามาจากที่ไหน: - Facebook Ads / Google Ads (ผ่าน UTM) - Organic Search - Direct (พิมพ์ URL โดยตรง) - Referral (จากเว็บไซต์อื่น)
12.4 Conversion Funnel
ดูว่าลูกค้าออกจากขั้นตอนใด:
เข้าสู่หน้า → ดูแบบฟอร์ม → กรอกแบบฟอร์ม → สั่งซื้อ → ชำระเงิน
[100%] [75%] [40%] [25%] [18%]
13. จัดการ & แก้ไข Landing Page
13.1 รายการ Landing Pages
หน้าจอ Website → Landing Pages จะแสดงหน้าทั้งหมดที่สร้างขึ้นพร้อม: - ชื่อหน้า, สถานะ (Draft / Published / Paused) - URL โดยตรง - ข้อมูลสรุป: จำนวนการดู, การแปลง, รายได้ (7 วันล่าสุด) - ปุ่ม: แก้ไข / ดูโดยตรง / ทำซ้ำ / ลบ
13.2 แก้ไขและเผยแพร่อีกครั้ง
ในการอัปเดตเนื้อหา: 1. คลิก "แก้ไข" → ตัวแก้ไขจะเปิดขึ้น 2. ทำการเปลี่ยนแปลง 3. คลิก "เผยแพร่"
13.3 การจัดการเมื่อติดสถานะเผยแพร่
หากหน้าเว็บติดสถานะ "กำลังเผยแพร่" นานเกินไป: - ระบบจะตรวจจับโดยอัตโนมัติหลังจาก 30 นาที หากไม่มีความคืบหน้า - Auto-recovery: ระบบจะเริ่มกระบวนการเผยแพร่ใหม่โดยอัตโนมัติ - หากไม่สามารถกู้คืนได้ → สถานะจะเปลี่ยนเป็น "Failed" พร้อมข้อความแจ้งที่ชัดเจน - คุณสามารถกด "ลองอีกครั้ง" เพื่อเผยแพร่ใหม่ทันที
ไม่จำเป็นต้องติดต่อฝ่ายสนับสนุน — ระบบจัดการส่วนใหญ่ให้โดยอัตโนมัติ
13.4 เปลี่ยน Domain
Domain เริ่มต้น: <slug>.gtg.in (ฟรี)
Domain เฉพาะ: เชื่อมต่อ domain ของคุณ:
1. การตั้งค่า → Domain → เพิ่ม domain
2. ป้อน domain (ตัวอย่าง: sale.thuonghieu.com)
3. ระบบจะให้ CNAME record → อัปเดตใน DNS provider ของคุณ
4. รอการยืนยัน DNS (ปกติ 5-30 นาที)
5. SSL จะถูกออกและต่ออายุโดยอัตโนมัติ
13.5 ทำซ้ำ Landing Page
ใช้ดีไซน์เดิมสำหรับแคมเปญใหม่: - คลิก "ทำซ้ำ" → ป้อนชื่อหน้าใหม่ → ยืนยัน - สำเนาจะนำการออกแบบ, แบบฟอร์ม, การตั้งค่าทั้งหมดมาด้วย - เพียงแค่เปลี่ยนเนื้อหาและเผยแพร่แยก
13.6 หยุดชั่วคราว & ลบ
- ระงับ: หน้าเว็บยังคงอยู่ แต่ไม่สามารถเข้าถึงได้ (แสดง 404) ข้อมูลและการตั้งค่าจะยังคงอยู่
- ลบ: ลบถาวร — ไม่สามารถกู้คืนได้ ข้อมูลแบบฟอร์ม/คำสั่งซื้อยังคงถูกบันทึกใน CRM
14. เครื่องมือสร้างฟอร์มแบบฝัง
คุณสมบัติใหม่ล่าสุด - สร้างฟอร์มที่สามารถฝังลงในเว็บไซต์ใดก็ได้นอกเหนือจาก GTG CRM
14.1 เครื่องมือสร้างฟอร์มคืออะไร?
นอกเหนือจากหน้า Landing Page แบบเต็มรูปแบบแล้ว GTG CRM ยังอนุญาตให้สร้าง แบบฟอร์มอิสระ เพื่อฝังลงใน: - เว็บไซต์ WordPress, Webflow, Wix ของคุณ - บล็อกส่วนตัว - เว็บไซต์ของพันธมิตร - หน้า HTML ใดก็ได้
ฟอร์มทำงานร่วมกับ GTG CRM ได้อย่างสมบูรณ์ — ทุกการส่งจะถูกบันทึกโดยอัตโนมัติในผู้ติดต่อ สร้างดีล และกระตุ้นระบบอัตโนมัติ
14.2 สร้างฟอร์มแบบฝัง
เว็บไซต์ → หน้า Landing Page → ฟอร์มแบบฝัง → + สร้างฟอร์ม
อินเทอร์เฟซการสร้างฟอร์มเหมือนกับ Landing Page Builder: - เพิ่มฟิลด์ข้อมูล (ข้อความ, อีเมล, โทรศัพท์, รายการดรอปดาวน์, ช่องทำเครื่องหมาย...) - กำหนดความกว้างของแต่ละฟิลด์ - ตั้งค่าปุ่ม CTA - ข้อความแจ้งหลังจากการส่ง - เชื่อมต่อกับไปป์ไลน์/ดีลโดยอัตโนมัติ
14.3 สองวิธีในการฝังฟอร์ม
วิธีที่ 1: วิดเจ็ต JavaScript (แนะนำ)
ปรับปรุงประสบการณ์ผู้ใช้และประสิทธิภาพได้ดีที่สุด วิดเจ็ตจะโหลดฟอร์มแบบอะซิงโครนัส ไม่ส่งผลกระทบต่อความเร็วของหน้าหลัก:
<!-- วางไว้ใน <head> ของหน้า -->
<script src="https://widget.gtgcrm.com/form.js" async></script>
<!-- วางไว้ในตำแหน่งที่ต้องการแสดงฟอร์ม -->
<div data-gtg-form="FORM_ID_CUA_BAN"></div>
วิดเจ็ตจะทำงานโดยอัตโนมัติ: - โหลดฟอร์มตามการออกแบบที่กำหนดค่าไว้ - จัดการการตรวจสอบข้อมูลฝั่งไคลเอ็นต์ - ส่งไปยังเซิร์ฟเวอร์ GTG CRM - แสดงข้อความสำเร็จ/ข้อผิดพลาด
วิธีที่ 2: iFrame
ง่ายกว่า เหมาะสำหรับกรณีที่ไม่ต้องการเพิ่ม JavaScript:
<iframe
src="https://form.gtgcrm.com/embed/FORM_ID_CUA_BAN"
width="100%"
height="600"
frameborder="0"
scrolling="no">
</iframe>
14.4 รับรหัสฝัง
หลังจากสร้างฟอร์มแล้ว: 1. คลิก "ฝัง" (Embed) บนฟอร์มที่ต้องการใช้ 2. เลือกวิธีการ: วิดเจ็ต หรือ iFrame 3. คัดลอกโค้ด → วางลงในเว็บไซต์ภายนอก
14.5 การติดตามและการระบุแหล่งที่มา
ฟอร์มแบบฝังจะติดตามโดยอัตโนมัติ: - แหล่งที่มาของการเข้าชม (พารามิเตอร์ UTM ถ้ามี) - เว็บไซต์ที่ฝังฟอร์ม (ผู้แนะนำ) - เวลาที่ส่ง
ข้อมูลทั้งหมดจะถูกแนบไปยังระเบียนผู้ติดต่อใน CRM เพื่อวิเคราะห์ประสิทธิภาพของแคมเปญ
14.6 การป้องกันสแปม
ฟอร์มแบบฝังมีการป้องกันสแปมในตัว: - CAPTCHA (เปิด/ปิดตามต้องการ) - การจำกัดอัตรา: จำกัดจำนวนครั้งที่ส่งจาก IP เดียวกัน - ฟิลด์ Honeypot ที่ซ่อนไว้เพื่อตรวจจับบอทอัตโนมัติ
เคล็ดลับการเพิ่มประสิทธิภาพหน้า Landing Page
หัวข้อที่ชัดเจน ประโยชน์ที่จับต้องได้
แทนที่จะเป็น: "ผลิตภัณฑ์คุณภาพสูง" ใช้: "ลดต้นทุนการดำเนินงานลง 30% ภายใน 30 วันแรก"
หัวข้อที่ดีจะตอบคำถาม: "ฉันจะได้อะไรจากหน้านี้?"
CTA ที่โดดเด่นและเป็นเอกลักษณ์
หน้า Landing Page แต่ละหน้าควรมี CTA หลัก 1 รายการ CTA หลายรายการทำให้ลูกค้าลังเลและลดอัตราการแปลง
ใช้สีที่ตัดกันสูงกับพื้นหลัง ขนาดใหญ่พอ (อย่างน้อย 44px ความสูงบนมือถือ)
รูปภาพ/วิดีโอคุณภาพสูง
- รูปภาพจริง > รูปภาพสต็อกทั่วไป
- วิดีโอสั้น 15-30 วินาที เพิ่มอัตราการอยู่บนหน้าเว็บ
- ปรับขนาดไฟล์ให้เหมาะสมเพื่อให้หน้าเว็บโหลดเร็ว (GTG CRM บีบอัดรูปภาพโดยอัตโนมัติ)
ฟอร์มที่สั้นกระชับ
แต่ละฟิลด์ที่เพิ่มเข้ามาจะลดอัตราการกรอกฟอร์มลงประมาณ 10–15% ขอเฉพาะข้อมูลที่จำเป็นจริงๆ รวบรวมข้อมูลเพิ่มเติมหลังจากที่มีผู้ติดต่อแล้ว
ความเร็วในการโหลดหน้าเว็บ
ด้วย V2 SSR หน้า Landing Page จะถูกเรนเดอร์ฝั่งเซิร์ฟเวอร์ — ความเร็วในการโหลดจะเร็วกว่า Page Builder แบบดั้งเดิมอย่างมาก สิ่งนี้ส่งผลโดยตรงต่อคะแนนคุณภาพบน Google Ads และอัตราการตีกลับของหน้า
การทดสอบ A/B
สร้าง 2 เวอร์ชันของหน้า Landing Page โดยมีองค์ประกอบที่แตกต่างกัน (หัวข้อ, สีของปุ่ม CTA, รูปภาพหลัก) → แบ่งปริมาณผู้เข้าชมเท่าๆ กัน → เปรียบเทียบอัตรา Conversion หลังจาก 1-2 สัปดาห์ → เก็บเวอร์ชันที่ชนะ
คำถามที่พบบ่อย
หน้า Landing Page หนึ่งหน้าใช้เครดิตเท่าไหร่?
การเผยแพร่ครั้งแรก: 500 เครดิต. การแก้ไขและเผยแพร่ซ้ำครั้งต่อไป: ฟรี.
ฉันสามารถสร้างหน้า Landing Page ได้กี่หน้า?
ไม่จำกัดจำนวนหน้า การเผยแพร่ครั้งแรกแต่ละครั้งจะเสีย 500 เครดิต
หน้า Landing Page ปรับให้เหมาะกับมือถือโดยอัตโนมัติหรือไม่?
ใช่ เทมเพลตและการออกแบบ AI ทั้งหมดได้รับการตอบสนองโดยอัตโนมัติ คุณสามารถดูตัวอย่างบนมือถือได้ภายในโปรแกรมแก้ไข
แบบฟอร์มฝังสามารถใช้งานกับ WordPress ได้หรือไม่?
ใช่ วางโค้ด Widget หรือ iFrame ลงในหน้า WordPress ใดก็ได้ ไม่จำเป็นต้องติดตั้งปลั๊กอิน
หากโดเมนส่วนตัวมีข้อผิดพลาด SSL ควรทำอย่างไร?
ไปที่ การตั้งค่า → โดเมน → คลิก "ออกใบรับรอง SSL ใหม่" ระบบจะต่ออายุใบรับรองโดยอัตโนมัติ หากยังมีข้อผิดพลาด ให้ตรวจสอบ CNAME record ของผู้ให้บริการ DNS อีกครั้ง
สามารถใช้หน้า Landing Page เพื่อขายสินค้าโดยไม่มีเว็บไซต์ของตัวเองได้หรือไม่?
ทำได้แน่นอน หน้า Landing Page ของ GTG CRM มีความสามารถครบถ้วน: แสดงสินค้า, ตะกร้าสินค้า, การชำระเงิน, การชำระเงิน, การออกใบแจ้งหนี้ — โดยไม่ต้องมีเว็บไซต์ของตัวเอง
