ระบบจัดการเนื้อหา (CMS)←
จัดการหน้า Landing Page, ธีม, SEO และ Site Configurations
วิธีเข้าใช้งาน CMS←
- เข้า URL:
/cms(เช่นhttps://yourdomain.com/cms) - ล็อกอินด้วย Username + Password ที่กำหนดใน
.env(ADMIN_USERNAME/ADMIN_PASSWORD) - ระบบจะแสดง Landing Page editor พร้อมเมนูด้านซ้าย
เมนูหลัก 4 เมนู: Landing Page, Theme, Site Configs, SEO
1. Landing Page←

หมายเลขในรูป:
① Hero Section — หัวข้อหลัก + ปุ่ม CTA (รองรับหลายภาษา)
② Stats Bar — ตัวเลขสถิติ (จำนวนเกม, ความเร็ว, บริการ)
③ USP Strip — จุดเด่น 3 ข้อ
Hero Section←
| ช่องกรอก | รายละเอียด | ผลต่อเว็บ |
|---|---|---|
| Title | หัวข้อหลัก | ข้อความใหญ่บน Hero banner |
| Subtitle | คำอธิบายรอง | ข้อความใต้หัวข้อ |
| CTA Button Text | ข้อความปุ่ม (เช่น "เริ่มเล่นเลย") | ปุ่มกดบน Hero |
| CTA Link | ลิงก์ปลายทาง (เช่น /register) |
เมื่อกดปุ่ม CTA |
| Hero Background Image | ภาพพื้นหลัง (1920x1080px) | พื้นหลัง Hero banner |
รองรับหลายภาษา: Thai, English, Lao, Khmer, Chinese — กดเลือก tab ภาษาที่ต้องการแก้ไข
Stats Bar←
| ช่องกรอก | ค่าตัวอย่าง | รายละเอียด |
|---|---|---|
| Games Count | 1000+ | จำนวนเกมทั้งหมด |
| Transaction Speed (sec) | 3 | ความเร็วฝาก-ถอน (วินาที) |
| Support Hours | 24/7 | ชั่วโมงบริการ |
USP Strip (Unique Selling Points)←
จุดเด่น 3 ข้อที่แสดงใต้ Hero — แต่ละข้อมี:
| ช่องกรอก | ตัวอย่าง |
|---|---|
| Icon | Zap / Shield / Headphones |
| Title | ฝากถอน 3 วิ |
| Description | ระบบอัตโนมัติที่เร็วที่สุด |
2. Theme←

หมายเลขในรูป:
① Select Theme — เลือกธีมสำหรับ Landing Page
Theme Presets (5 แบบ)←
| Theme | โทนสี | เหมาะกับ | Tags |
|---|---|---|---|
| Siam Neon | เขียวนีออน + ชมพู | Gen Z, สล็อต | Glass, Neon, Gradients |
| Golden Dragon | ดำ + ทอง + แดง | VIP, High Rollers | Gradients |
| Blue Horizon | ฟ้า + ส้ม | กีฬา, ลอตโต้ | - |
| Fortune Red | แดง + ทอง | งานเทศกาล | Gradients |
| Midnight Pro | เทา + เขียวอ่อน | Professional, กลางคืน | - |
วิธีเปลี่ยนธีม:
- กดเลือกธีมที่ต้องการ (เครื่องหมาย ✅ จะแสดง)
- ธีมมีผลทันทีกับ Landing Page
3. Site Configs←

หมายเลขในรูป:
① Configurations — รายการ config ที่มี + config ที่ active
② Create New Config — สร้าง config ใหม่ (copy จาก active)
ระบบ Multi-Config←
| ฟีเจอร์ | รายละเอียด |
|---|---|
| หลาย config พร้อมกัน | สร้าง config หลายชุด (เช่น configA, configB) |
| สลับ config ได้ทันที | กดเลือก config ที่ต้องการ active |
| แต่ละ config เป็นอิสระ | เนื้อหา, ธีม, รูปภาพ แยกกันทั้งหมด |
| Copy จาก active | config ใหม่เริ่มจาก copy ของ config ปัจจุบัน |
ใช้เมื่อ: ต้องการสลับ Landing Page ระหว่างช่วงปกติ / ช่วงโปรโมชัน / ช่วงเทศกาล
4. SEO←

หมายเลขในรูป:
① Site Identity — ชื่อเว็บ + Canonical URL + Keywords
② Landing Page Meta — Meta Title + Description สำหรับ search engine
Site Identity←
| ช่องกรอก | รายละเอียด | ผลต่อเว็บ |
|---|---|---|
| Site Name | ชื่อเว็บ | แสดงใน browser tab + SEO |
| Canonical URL | URL หลักของเว็บ | ป้องกัน duplicate content |
| Global Keywords | คำค้นหา (คั่นด้วย ,) |
SEO meta keywords ทุกหน้า |
Landing Page Meta←
| ช่องกรอก | แนะนำ | รายละเอียด |
|---|---|---|
| Meta Title | 50-60 ตัวอักษร | หัวข้อที่แสดงใน Google (แสดงจำนวนตัวอักษร) |
| Meta Description | 120-160 ตัวอักษร | คำอธิบายที่แสดงใต้หัวข้อใน Google |
| Keywords | คั่นด้วย , |
คำค้นหาเฉพาะหน้า Landing |