← กลับหน้าคู่มือ

การตั้งค่าระบบ

ออกแบบฟอร์ม (Form Design)

ออกแบบรูปแบบเอกสารและใบเสร็จ เช่น หัวกระดาษ ท้ายกระดาษ คอลัมน์ ฟอนต์ สี รองรับ Import/Export JSON

1

ภาพรวม

Form Design ช่วยให้ท่านออกแบบเอกสารตามต้องการ เช่น ใบเสร็จ ใบแจ้งหนี้ ใบเสนอราคา โดยมีตัวอย่างให้ดูแบบ Real-time

ความสามารถหลัก

📐

ออกแบบหัว/ท้ายกระดาษ

กำหนดข้อความ รูปภาพ QR Code

📊

ปรับคอลัมน์รายการ

กำหนดหัวคอลัมน์ ความกว้าง การจัดตำแหน่ง

🎨

กำหนดฟอนต์และสี

เลือกฟอนต์ ขนาด สี หนา เอียง ขีดเส้นใต้

👁️

ดูตัวอย่าง Real-time

ดูตัวอย่างฟอร์มขณะแก้ไข พร้อม Zoom

2

ส่วนประกอบของฟอร์ม

Header (หัวกระดาษ)

ส่วนบนของเอกสาร — แสดงข้อมูลบริษัท โลโก้

• ข้อความหัวกระดาษ (รองรับหลายภาษา)

• ประเภท: ข้อความ หรือ รูปภาพ

• รูปภาพโลโก้ (URI)

Columns (คอลัมน์รายการ)

ส่วนกลางของเอกสาร — แสดงรายการสินค้า/บริการ

• หัวคอลัมน์ (รองรับหลายภาษา)

• ความกว้างคอลัมน์

• ฟอนต์ ขนาด สี หนา เอียง ขีดเส้นใต้

• การจัดตำแหน่ง (ซ้าย กลาง ขวา)

• สีพื้นหลังคอลัมน์

Footer (ท้ายกระดาษ)

ส่วนล่างของเอกสาร — ลายเซ็น หมายเหตุ QR Code

• ข้อความท้ายกระดาษ

• QR Code เลขที่เอกสาร

• รูปภาพท้ายกระดาษ

3

ขั้นตอนการออกแบบ

1

สร้างหรือเปิด Template

กดปุ่ม "สร้างใหม่" หรือเลือก Template ที่มีอยู่

2

แก้ไขหัวกระดาษ (Header)

กรอกข้อความ เลือกรูปแบบ (ข้อความ/รูปภาพ) และอัปโหลดโลโก้

3

แก้ไขคอลัมน์รายการ (Columns)

เพิ่ม/ลบคอลัมน์ กำหนดหัวคอลัมน์ ฟอนต์ สี ความกว้าง

4

แก้ไขท้ายกระดาษ (Footer)

กรอกข้อความท้ายกระดาษ เลือกเปิด/ปิด QR Code

5

ดูตัวอย่าง

ดูตัวอย่างฟอร์มจากหน้า Preview ปรับ Zoom ได้

6

กดบันทึก

กดปุ่ม "บันทึก" เพื่อบันทึก Template

4

Import / Export Template

สามารถ Export Template เป็นไฟล์ JSON เพื่อสำรองข้อมูล หรือ Import Template จากไฟล์ JSON ที่มี

1

Export Template

กดปุ่ม "Export" หรือ "บันทึกเป็นไฟล์" — ระบบจะดาวน์โหลดไฟล์ JSON

2

Import Template

กดปุ่ม "Import" หรือ "โหลดจากไฟล์" — เลือกไฟล์ JSON ที่ต้องการ

💡 ใช้ Export/Import เพื่อ แชร์ Template ระหว่างร้านค้า หรือสำรอง Template ก่อนแก้ไข

📌 สรุป

  • ออกแบบเอกสาร ใบเสร็จ ใบเสนอราคา ได้ตามต้องการ
  • ดูตัวอย่าง Real-time ขณะแก้ไข
  • รองรับ Import/Export Template เป็น JSON
  • ปรับแต่งฟอนต์ สี ขนาด ตำแหน่ง ได้ละเอียด