ภาพในคู่มือนี้คือ ตัวอย่างหน้าจอจริง ของ 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.
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.
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.
กด “+ เชิญพนักงาน” แล้วกรอกแบบฟอร์มนี้ จากนั้นกด “สร้างลิงก์เชิญ” แล้วส่งลิงก์ให้พนักงานทาง LINE
Tap “+ Invite employee”, fill this form, tap “Create invite link”, and send the link via LINE.
Closed system — only people with a link can join, and they set their own password.
สำหรับเจ้าของ / แอดมิน · 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.
📋 เมนู: การลงเวลา/ Menu: Attendance
.../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.
คำขอลา และคำขอลงเวลานอกสถานที่ ของพนักงานจะมาโผล่ที่นี่ — กด “อนุมัติ” หรือ “ปฏิเสธ”Staff leave and off-site requests land here — tap “Approve” or “Reject”.
The “Off-site” menu works the same way — approve staff who must work away from the office.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
7
พื้นที่ (Geofence)Locations (Geofence)
กำหนดจุดออฟฟิศและ รัศมี — พนักงานแบบ “ประจำออฟฟิศ” ต้องอยู่ในรัศมีนี้ถึงจะลงเวลาเข้าได้
Set office points and a radius — “office” staff must be inside it to clock in.
📍 เมนู: พื้นที่/ Menu: Locations
.../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.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
8
รายงาน OTOT report
เลือกเดือน → กด “ดู” เห็นชั่วโมงรวม ชั่วโมง OT และค่า OT ประมาณการ · กด “ส่งออก Excel” เพื่อทำเงินเดือน
Pick a month → “View” for total hours, OT hours and estimated OT pay · “Export Excel” for payroll.
🧾 เมนู: รายงาน OT/ Menu: OT report
.../dashboard/payroll
รายงาน OT
ชั่วโมง OT จากเวลาที่ลงไว้ × กฎ OT ของแต่ละแม่แบบกะ
📅 June 2026ดู📄 ส่งออก Excel
ชั่วโมงรวม
168.5 ชม.
ชั่วโมง OT รวม
12.0 ชม.
ค่า OT ประมาณการ
฿3,600
พนักงาน
ชั่วโมงปกติ
OT
ค่า OT
Somchai Jaidee
160 ชม.
8 ชม.
฿2,400
Kong (Field)
152 ชม.
4 ชม.
฿1,200
สำหรับเจ้าของ · Owner
9
ตั้งค่าSettings
เปลี่ยนชื่อบริษัท · เพิ่มบริษัทใหม่ · เลือกสีประจำบริษัท · ตั้งแม่แบบกะ (เวลาเข้า–ออก/พักเที่ยง)
Rename companies · add a new one · pick company colours · set shift templates (start/end/lunch).
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
อาจอพพฤศส1234567891011121314
🟢 ทำงาน⚪ หยุด🔵 นักขัตฤกษ์
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ตารางฉัน — วันทำงาน (เขียว) / วันหยุด (เทา)My schedule — work days (green) / days off (grey)