คู่มือแบบมีภาพ

เห็นหน้าจอจริงทุกเมนู — ทำตามได้ทีละขั้น
Visual Guide — see every screen, step by step
🖼️
ภาพในคู่มือนี้คือ ตัวอย่างหน้าจอจริง ของ ClockPin (ข้อมูลตัวอย่าง) — หน้าจอจริงของคุณจะหน้าตาแบบเดียวกัน The pictures here mirror the real ClockPin screens (with sample data). Your actual screens look the same.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
1

แถบเมนูด้านบนThe top menu bar

ทุกหน้าจะมีแถบนี้อยู่บนสุด — ใช้สลับลูกค้า สลับบริษัท เปิดสไลด์อบรม และคู่มือ Every page has this bar on top — switch customer, switch company, open the training slides and the guide.

clockpin.app/dashboard
📍 ClockPin
🗂️ ลูกค้าทั้งหมด ▾ ⚪ ทุกบริษัท ▾ 🖥️ สไลด์อบรม ❓ วิธีใช้ 🌐 EN ⎋ ออกจากระบบ
🟣
ปุ่มสีม่วง “ลูกค้าทั้งหมด” และเมนู “แพลตฟอร์ม” จะเห็นเฉพาะ เจ้าของแอป เท่านั้น — เจ้าของบริษัททั่วไปไม่เห็น
The violet “All customers” switcher and the “Platform” menu appear only for the app owner, not for regular company owners.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
2

ภาพรวม (แดชบอร์ด)Dashboard overview

หน้าแรกหลังเข้าระบบ — เห็นสรุปวันนี้ทั้งหมด: ใครมา ใครขาด กำลังทำงานกี่คน ชั่วโมงรวม และค่าแรงประมาณการ The first page after sign-in — today at a glance: who's in, who's absent, how many working, total hours, estimated pay.

.../dashboard
ภาพรวม
ข้อมูลวันนี้ · วันอังคารที่ 2 มิถุนายน 2569
พนักงานทั้งหมด
7
มาวันนี้
0
ขาด/ยังไม่มา: 7
กำลังทำงาน
3
ภาคสนาม: 2
มาสายวันนี้
0
ตรงเวลา: 0
ชั่วโมงรวมวันนี้
0.0 ชม.
ชั่วโมงรวมเดือนนี้
0.0 ชม.
ค่าแรงประมาณการเดือนนี้
฿87,000
🏢 แยกตามบริษัท
C
Chang Construction
พนักงาน 5 · มาวันนี้ 0 · กำลังทำงาน 2
C
Chang Service
พนักงาน 1 · มาวันนี้ 0 · กำลังทำงาน 0
C
Chang Logistics
พนักงาน 1 · มาวันนี้ 0 · กำลังทำงาน 1
🎨
แต่ละบริษัทมี “สีประจำ” ทำให้ดูแยกง่าย — ตั้งสีได้ในเมนูตั้งค่า
Each company has its own colour for easy reading — set it in Settings.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
3

พนักงาน & เชิญพนักงานEmployees & inviting them

ดูพนักงานทุกคนแยกตามบริษัท และเชิญคนใหม่ด้วยปุ่ม “+ เชิญพนักงาน” มุมขวาบน See everyone grouped by company, and add new people with the “+ Invite employee” button.

.../dashboard/employees
พนักงาน
เชิญพนักงานผ่านลิงก์ส่วนตัว — พนักงานตั้งบัญชีเข้าระบบเอง
+ เชิญพนักงาน
Chang Construction 5 พนักงาน
So
Somchai Jaidee
ประจำออฟฟิศ · EMP-101 · Admin staff
รายเดือน฿25,000
พนักงาน✏️ แก้ไข
Ko
Kong (Field)
ภาคสนาม · EMP-201 · Installer
รายวัน฿650
พนักงาน✏️ แก้ไข
Ad
Admin (Company A)
ประจำออฟฟิศ · ADM-001 · Manager
รายเดือน฿35,000
แอดมิน✏️ แก้ไข

กด “+ เชิญพนักงาน” แล้วกรอกแบบฟอร์มนี้ จากนั้นกด “สร้างลิงก์เชิญ” แล้วส่งลิงก์ให้พนักงานทาง LINE Tap “+ Invite employee”, fill this form, tap “Create invite link”, and send the link via LINE.

.../dashboard/employees · เชิญพนักงาน
เชิญพนักงานใหม่
สมหญิง รักงาน
Chang Construction ▾
ประจำออฟฟิศ ▾
08:30
25,000 (รายเดือน) ▾
EMP-103
🔗 สร้างลิงก์เชิญ
🛡️
ระบบปิด — เฉพาะคนที่ได้ลิงก์เท่านั้นที่สมัครได้ พนักงานเปิดลิงก์แล้ว ตั้งรหัสผ่านเอง
Closed system — only people with a link can join, and they set their own password.
🔑
พนักงาน ลืมรหัสผ่าน? กดปุ่มรูปกุญแจข้างชื่อพนักงาน เพื่อตั้งรหัสชั่วคราวใหม่ให้ แล้วแจ้งเขาทาง LINE (พนักงานที่มีอีเมลก็กด “ลืมรหัสผ่าน” ที่หน้าเข้าสู่ระบบเองได้)
Staff forgot their password? Tap the key button next to their name to set a new temporary password, then send it via LINE. (Staff with email can also use “Forgot password” on the sign-in page.)
สำหรับเจ้าของ / แอดมิน · Owner / Admin
4

การลงเวลาAttendance records

เลือกวันที่แล้วกด “ดูข้อมูล” เพื่อดูว่าใครเข้า–ออกกี่โมง ที่ไหน · กด “ส่งออก Excel” เพื่อโหลดเป็นไฟล์ Pick a date and tap “View” to see who clocked in/out, when and where · tap “Export Excel” to download.

.../dashboard/attendance
การลงเวลา
ตรวจสอบเวลา ตำแหน่ง และการยืนยันของพนักงาน
02/06/2026
ทั้งหมด ▾
ดูข้อมูล📄 ส่งออก Excel
So
Somchai Jaidee
เข้า 08:28 · ออก 17:32 · Headquarters (Silom)
ตรงเวลา
Oh
Oh (Logistics)
เข้า 09:14 · กำลังทำงาน · นอกสถานที่
มาสาย
สำหรับเจ้าของ / แอดมิน · Owner / Admin
5

แผนที่Live map

ดูตำแหน่งที่พนักงานลงเวลาบนแผนที่จริง — หมุดสีตามบริษัท See where staff clocked in on a real map — pins coloured by company.

.../dashboard/map
📍
📍
📍
© OpenStreetMap
🎯
แผนที่ยังแสดง พื้นที่ทำงานที่ตั้งไว้พร้อมวงรัศมี GPS และจุด “นอกพื้นที่” ที่ตรวจพบระหว่างพนักงานลงเวลาอยู่ — ไม่ใช่แค่คนที่กำลังลงเวลาเท่านั้น
The map also shows your configured work locations with their GPS radius circles, plus any “out-of-area” GPS pings detected while staff are clocked in — not just who's currently clocked in.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
6

อนุมัติคำขอ (ลา & นอกสถานที่)Approvals (leave & off-site)

คำขอลา และคำขอลงเวลานอกสถานที่ ของพนักงานจะมาโผล่ที่นี่ — กด “อนุมัติ” หรือ “ปฏิเสธ” Staff leave and off-site requests land here — tap “Approve” or “Reject”.

.../dashboard/leave
การลางาน
ตรวจสอบและอนุมัติการลาของพนักงาน
รออนุมัติ
Ko
Kong (Field)
ลาป่วย · 5–6 มิ.ย. 2569 (2 วัน)
“ไม่สบาย เป็นไข้”
✓ อนุมัติ✕ ปฏิเสธ
🧭
เมนู “ลงเวลานอกสถานที่” ทำงานเหมือนกัน — ใช้อนุมัติพนักงานที่ต้องออกไปทำงานนอกออฟฟิศ
The “Off-site” menu works the same way — approve staff who must work away from the office.
🔁
เมนู “ทำงานวันหยุด” — อนุมัติ “สลับวันหยุด” จะสลับวันทำงาน/วันหยุดในตารางให้อัตโนมัติ · อนุมัติ “ทำงานวันหยุด (OT)” จะอนุมัติค่าจ้างอัตราวันหยุดให้พร้อมกันในคลิกเดียว (ไม่ต้องอนุมัติซ้ำที่รายงาน OT) — อนุมัติคำขอของตัวเองไม่ได้
The “Work a day off” menu — approving a “Swap for another day off” flips the two days on the schedule automatically; approving “Work it (OT)” also approves that day’s holiday pay in the same click (no need to approve it again in the OT report). You can’t approve your own request.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
7

พื้นที่ (Geofence)Locations (Geofence)

กำหนดจุดออฟฟิศและ รัศมี — พนักงานแบบ “ประจำออฟฟิศ” ต้องอยู่ในรัศมีนี้ถึงจะลงเวลาเข้าได้ Set office points and a radius — “office” staff must be inside it to clock in.

.../dashboard/locations
พื้นที่ / Geofence
จุดออฟฟิศและรัศมีสำหรับพนักงานแบบ office
+ เพิ่มพื้นที่
📍
Headquarters (Silom)
Chang Construction · รัศมี 200 m · 13.72480, 100.53400
✏️🗑️
📍
Construction Site (Rama 9)
Chang Construction · รัศมี 250 m · 13.75690, 100.56500
✏️🗑️
🧭
กดปุ่ม “+ เพิ่มพื้นที่” แล้วปักหมุดบนแผนที่ได้เลย — ปรับรัศมีให้พอดีกับบริเวณที่ทำงาน
Tap “+ Add location” and drop a pin on the map — set the radius to fit your worksite.
🔗
มีกลุ่มบริษัทที่ทำงานร่วมกัน 2 บริษัท? เปิดใช้ “ลงเวลาข้ามบริษัท” ได้ตามคำขอ ให้พนักงานลงเวลาที่พื้นที่ของอีกบริษัทในกลุ่มได้ด้วย
For a company group whose two companies work together, “cross-company clock-in” can be enabled on request, letting staff clock in at either company's locations.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
8

รายงาน OTOT report

เลือกเดือน → กด “ดู” เห็นชั่วโมงรวม, OT (แยก วันธรรมดา / วันหยุด) และค่า OT ประมาณการ · กด “ส่งออก Excel” เพื่อทำเงินเดือน Pick a month → “View” for total hours, OT (split into weekday / holiday) and estimated OT pay · “Export Excel” for payroll.

.../dashboard/payroll
รายงาน OT
OT คำนวณอัตโนมัติตอนออกงาน → รออนุมัติ → กดอนุมัติเพื่อจ่าย
📅 June 2026ดู📄 ส่งออก Excel
ชั่วโมงรวม
168.5 ชม.
ชั่วโมง OT รวม
12.0 ชม.
ค่า OT ประมาณการ
฿3,600
พนักงาน
ชั่วโมงปกติ
OT
สถานะ
Somchai Jaidee
160 ชม.
8 ชม.
✓ อนุมัติแล้ว
Kong (Field)
152 ชม.
4 ชม.
⏳ รออนุมัติ
💰
OT ทุกแบบ (ทั้ง วันธรรมดา และ วันหยุด — วันหยุดอัตราสูงกว่า เช่น 2–3 เท่า) ระบบ คำนวณให้อัตโนมัติตอนพนักงานออกงาน แล้วขึ้นเป็น “รออนุมัติ” ก่อน — ต้อง กดอนุมัติ ในหน้านี้ถึงจะถูกคิดเงิน
All OT (both weekday and holiday — holiday at a higher rate, e.g. 2–3×) is auto-calculated when staff clock out and shown as “Pending” first — it must be approved here before it’s paid.
✏️
พนักงานปรับชั่วโมง OT ของตัวเองได้จากหน้า “ประวัติ” ในแอป (เช่น แก้ให้ตรงงานจริง) — ที่ปรับมาก็ยังต้องผ่านการ อนุมัติ ที่นี่อยู่ดี
Staff can adjust their own OT hours from History in the app — adjusted hours still need approval here.
สำหรับเจ้าของ · Owner
9

ตั้งค่าSettings

เปลี่ยนชื่อ/ลบบริษัท · เพิ่มบริษัทใหม่ · เลือกสีประจำบริษัท · ตั้งแม่แบบกะ (เวลาเข้า–ออกแบบ 24 ชม. ปกติช่วงเดียว จะแยกพักเที่ยงก็ได้) — ทุกหัวข้อมีปุ่ม “บันทึก” Rename/delete companies · add a new one · pick company colours · set shift templates (24-hour start–end, one period by default, split optional) — every section has a “Save” button.

.../dashboard/settings
ตั้งค่า
เวลากะ วันทำงาน และวันหยุด — ตั้งค่าเริ่มต้นไว้แล้ว แก้ได้ตลอด
บริษัท
Chang Construction
✓ บันทึก
Chang Logistics
✓ บันทึก
⏱️ แม่แบบกะ
+ เพิ่มแม่แบบกะ
กะออฟฟิศ / Office
08:30–17:30
✏️ แก้ไข
กะภาคสนาม / Field
08:30–12:00 · 13:00–17:30
✏️ แก้ไข
💰
อัตรา OT ในแม่แบบกะจัดเป็น 3 กลุ่ม: OT วันธรรมดา (เช่น 1.5 เท่า) · ทำงานวันหยุด (เช่น 2 เท่า) · OT วันหยุด (เช่น 3 เท่า) — แต่ละกลุ่มมีคำอธิบายกำกับไว้ · เจ้าของและแอดมินแก้ค่าเหล่านี้ได้ทั้งคู่
Shift-template OT rates are grouped into 3 sets: Weekday OT (e.g. 1.5×) · Holiday work (e.g. 2×) · Holiday OT (e.g. 3×) — each with a short explanation. Both the owner and admins can edit them.
เฉพาะเจ้าของแอป · App owner only
10

แพลตฟอร์ม — เพิ่มลูกค้าใหม่Platform — add a new customer

สร้างลูกค้ารายใหม่ทั้งราย: กรอกชื่อบริษัท + เจ้าของ + อีเมล + รหัสผ่านชั่วคราว → ระบบสร้างบัญชีให้ แยกข้อมูลขาดจากลูกค้าอื่น Create a whole new customer: fill company + owner + email + temp password → a fully isolated account is created.

.../dashboard/platform
แพลตฟอร์ม — ลูกค้า
สร้างและจัดการบัญชีลูกค้า (เฉพาะเจ้าของแอป)
เพิ่มลูกค้าใหม่
Acme Co.
คุณสมชาย
owner@acme.co
≥ 6 ตัวอักษร
+ สร้างลูกค้า
บัญชีลูกค้า
ชื่อบริษัท / ลูกค้า
บริษัท
พนักงาน
สร้างเมื่อ
Mr. Chang Group
🏢 3
👥 6
2 มิ.ย. 2569
🔒
ลูกค้าแต่ละรายเห็นเฉพาะข้อมูลตัวเอง ไม่มีทางเห็นข้ามกัน — เจ้าของแอป (คุณ) เท่านั้นที่สลับดูได้ทุกราย
Each customer sees only their own data — only you, the app owner, can switch between all of them.
สำหรับพนักงาน · For staff
11

แอปของพนักงาน (มือถือ)The staff app (mobile)

นี่คือสิ่งที่พนักงานเห็นในมือถือ — 3 แท็บหลัก: ลงเวลา · ประวัติ · ตารางฉัน This is what staff see on their phone — three main tabs: Clock · History · My schedule.

📍
สมชายClockPin
ยังไม่ได้ลงเวลาเข้า
08:55
วันอังคารที่ 2 มิ.ย. 2569
ประจำออฟฟิศChang Construction
📍 ต้องอยู่ในพื้นที่: Headquarters (Silom)
→ ลงเวลาเข้างาน
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ลงเวลา — กดปุ่มน้ำเงินเพื่อเข้างาน / เขียวเพื่อออกงานClock — blue to clock in, green to clock out
📍
สมชายClockPin
ประวัติการลงเวลา
60 รายการล่าสุด
จันทร์ 1 มิ.ย.
เข้า 08:28 · ออก 17:32 · 8.0 ชม.
ศุกร์ 29 พ.ค.
เข้า 08:31 · ออก 18:05 · 8.5 ชม.
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ประวัติ — เข้า–ออกกี่โมง รวมชั่วโมง + ปุ่มขอลาHistory — your times, total hours + request leave
📍
สมชายClockPin
ตารางของฉัน
มิถุนายน 2569
อาพฤ 1234567 891011121314
🟢 ทำงาน⚪ หยุด🔵 นักขัตฤกษ์
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ตารางฉัน — วันทำงาน (เขียว) / วันหยุด (เทา)My schedule — work days (green) / days off (grey)
🕓
ลืมลงเวลาเข้า/ออก? พนักงานกด “ยื่นแก้เวลา” ในหน้าประวัติ ใส่เวลาที่ถูกต้อง + เหตุผล (จำเป็น) → หัวหน้าอนุมัติให้
Forgot to clock in/out? Staff submit a time-fix request from History with the correct time + a required reason → the manager approves it.
⚠️
พนักงานภาคสนามที่ จับพิกัดไม่ได้ ไม่ถูกบล็อก — แค่ต้อง ใส่เหตุผล แล้วลงเวลาต่อได้ หัวหน้าจะเห็นเหตุผลนั้น เครื่องหมาย “⚠ ไม่มีพิกัด” แปลว่าไม่มีตำแหน่งบันทึกไว้ ไม่ได้แปลว่าทำผิด
Field staff with no GPS aren’t blocked — they just give a reason and continue; the manager sees it. The “⚠ No GPS” mark only means no location was recorded — not wrongdoing.
มาสายไม่เกิน 30 นาที และอยู่ทำงานจนครบชั่วโมงของวันนั้น จะ ไม่ถูกนับว่ามาสาย · มาสายแล้วออกก่อนครบชั่วโมง = “วันไม่ครบ” — 3 วันแรกของรอบจ่ายเงินเดือนให้ฟรี ตั้งแต่วันที่ 4 มีผลกับสกอร์การ์ดและถูกหักเวลาที่ขาด
Late by 30 minutes or less and still stay until your hours are complete? Not counted as late. Leave before your hours are complete and it's an “incomplete day” — the first 3 per pay cycle are forgiven; from the 4th it affects the scorecard and the shortfall is deducted.
🔁
อยากมาทำงานวันหยุด? กด “ขอทำงานในวันหยุด” ในหน้าลงเวลา — เลือก “สลับวันหยุด” (หยุดวันทำงานวันอื่นแทน ไม่ได้ค่าเพิ่ม) หรือ “ทำงานวันหยุด (OT)” (รับค่าจ้างอัตราวันหยุดเพิ่ม) ส่งคำขอแล้วลงเวลาได้เลยแม้ยังรออนุมัติ
Want to work a day off? Tap “Request to work a day off” on the Clock page — choose “Swap for another day off” (take a different working day off instead, no extra pay) or “Work it (OT)” (get paid the holiday rate); submit and clock in right away, even while pending.
📖
พนักงานมีคู่มือของตัวเอง + สไลด์อบรม — เปิดได้จากปุ่ม “วิธีใช้” มุมขวาบนของแอป
Staff have their own guide + training slides — from the “Help” button at the top-right.