วิธีตั้งค่าหน้าการจองออนไลน์ของคุณใน Workspace369

เปิด “การตั้งค่า” แล้วภายใต้ “ปฏิทินและการจอง” ให้เปิด “หน้าการจอง” คลิก “หน้าใหม่” ตั้งชื่อที่ลูกค้าจะเห็น แล้วเลือกรูปลักษณ์ ภายใต้ “บริการ” ให้ปิดทุกอย่างที่คุณไม่ต้องการให้อยู่บนหน้า ตั้งกฎการจอง แล้วคลิก “สร้างหน้า”#

ได้ ภายใต้ “รูปลักษณ์” ให้เลือกรูปลักษณ์เพื่อกำหนดสี ฟอนต์ และเลย์เอาต์ในคลิกเดียว แล้วเลือกสีแบรนด์ ตัวอย่างจะแสดงสิ่งที่ลูกค้าของคุณจะเห็นจริงทุกประการก่อนที่คุณจะสร้างหน้า#

ไม่ต้อง ขึ้นอยู่กับคุณ “กฎการจอง” ให้คุณยืนยันการจองทันที หรืออนุมัติแต่ละคำขอก่อนก็ได้ หน้าการจองแต่ละหน้าคือช่องทางที่แตกต่างกันให้ลูกค้าจอง และคุณสร้างได้มากกว่าหนึ่งหน้า#

เมื่อคุณคลิก “สร้างหน้า” หน้าก็จะเปิดใช้งานทันที “แชร์และฝัง” ให้ลิงก์และ QR code สำหรับแชร์ หรือวิธีนำหน้านี้ไปใส่บนเว็บไซต์ของคุณ#

ใน การตั้งค่า ให้เปิด หน้าการจอง, เปิดหน้าเว็บ, และคลิก แชร์ & ฝัง ภายใต้ ฝังบนเว็บไซต์ของคุณ ให้เลือกรูปแบบ: Inline, ปุ่ม Popup, แบบฟอร์มของคุณ หรือ Plain iframe คลิก คัดลอก, วางโค้ดลงใน HTML ของเว็บไซต์ของคุณ หรือบล็อกโค้ด (ใน WordPress, Squarespace, Wix หรือ Webflow ให้ใช้บล็อก HTML หรือ embed), เผยแพร่เว็บไซต์ของคุณ และทำการจองทดสอบ โค้ดมี ID พื้นที่ทำงานและหน้าเว็บของคุณอยู่แล้ว ดังนั้นจึงไม่มีอะไรต้องกรอก#

Inline จะวางปฏิทินการจองบนหน้าเว็บที่คุณวางโค้ด และจะปรับขนาดตามเนื้อหาโดยอัตโนมัติ Popup button จะเพิ่มปุ่ม 'จองเลย' ที่ลอยอยู่บนทุกหน้าเว็บที่คุณวางโค้ด และองค์ประกอบใดๆ ที่มีแอตทริบิวต์ data-w369-booking ก็จะเปิดปฏิทินได้เช่นกัน Your form จะโหลดสคริปต์เดียวกันด้วย data-mode="api" ดังนั้นแบบฟอร์มหรือปุ่มของคุณเองสามารถเรียก W369Booking.open() พร้อมชื่ออีเมลและโทรศัพท์ของลูกค้า (หมายเลขโทรศัพท์ในรูปแบบ E.164 เช่น +14155550100) หรือ W369Booking.mount() เพื่อแสดงภายในองค์ประกอบของคุณเอง Plain iframe เหมาะสำหรับตัวสร้างเว็บไซต์ที่บล็อกสคริปต์: ความสูงคงที่, ไม่มีป๊อปอัป สคริปต์ที่ฝังจะโหลด https://369.dev/booking.js#

ใช่ ด้วยสคริปต์ฝัง เพิ่ม data-prefill-name, data-prefill-email, data-prefill-phone (E.164 เช่น +14155550100) และ data-prefill-notes ในแท็กสคริปต์ หรือส่งค่าเดียวกันเป็น prefill ไปยัง W369Booking.open() หรือ W369Booking.mount() data-service และ data-member จะเลือกบริการหรือสมาชิกทีมล่วงหน้า โดยใช้ ID จากแท็บ Developer IDs ใน Share & embed และ data-step="time" จะข้ามแบบฟอร์มรายละเอียดเมื่อชื่อ อีเมล และหมายเลขโทรศัพท์ที่ถูกต้องถูกกรอกแล้ว ช่องเพิ่มเติมจะอยู่ใน metadata (สูงสุด 20 คีย์) และจะถูกบันทึกพร้อมกับการจองและในข้อมูลลูกค้าใหม่ หากต้องการติดตามว่าการจองมาจากที่ใด ให้ส่งค่า UTM ของคุณเป็น source ใน W369Booking.open() หรือ mount(): ค่าเหล่านี้จะแสดงภายใต้ Booking source ในข้อมูลลูกค้าใหม่ แท็ก UTM บนที่อยู่หน้าของคุณเพียงอย่างเดียวจะถูกส่งต่อไป แต่จะไม่ถูกบันทึก เมื่อทำการจอง หน้าจะส่งเหตุการณ์ w369:booked พร้อมกับ ID การจอง สำหรับการจองที่มีการวางมัดจำ เหตุการณ์จะถูกส่งก่อนการชำระเงิน#

Inline และ W369Booking.mount() จะปรับขนาดให้พอดีกับแต่ละขั้นตอนของการจอง ป๊อปอัปจะเปิดในหน้าต่างขนาดสูงสุด 1000 x 720 พิกเซล ซึ่งจะเลื่อนภายใน และปิดด้วยปุ่มปิด ปุ่ม Escape หรือการคลิกภายนอก iframe ธรรมดาจะสูง 900 พิกเซล เว้นแต่คุณจะเปลี่ยนความสูงในโค้ด ปุ่มลอยของป๊อปอัปจะอยู่ที่มุมล่างขวา: เปลี่ยนข้อความด้วย data-label (สูงสุด 40 ตัวอักษร) และสีด้วย data-color (สี hex เช่น #111827) หรือข้ามไปโดยใช้ data-mode="api" และเพิ่ม data-w369-booking ให้กับปุ่มหรือลิงก์ของคุณเอง ดูข้อมูลอ้างอิงฉบับเต็มได้ในคู่มือการฝัง: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

ใช่ การวางมัดจำหรือชำระเงินเต็มจำนวนเมื่อจองจะถูกตั้งค่าบนหน้าการจองเอง ดังนั้นทุกรูปแบบการฝังจะรับการชำระเงินเหล่านั้น เนื่องจากแต่ละรูปแบบจะเปิดหน้าการจองของคุณ API แบบ REST ไม่สามารถสร้างการจองพร้อมเงินมัดจำได้ ดังนั้นหากคุณต้องการเงินมัดจำ ให้ส่งลูกค้าผ่านหน้าการจองที่ฝังแทนการสร้างการจองผ่าน API ในการฝัง การชำระเงินจะเปิด Stripe ในแท็บเบราว์เซอร์เดียวกัน และหลังจากการชำระเงิน ลูกค้าจะเห็นการยืนยันพร้อมปุ่มกลับไปยังเว็บไซต์ของคุณ#

ใช่ ใน Share & embed ให้ระบุเว็บไซต์ที่อนุญาตได้สูงสุด 20 เว็บไซต์ หรือเว้นว่างไว้เพื่ออนุญาตทุกเว็บไซต์ iframe แบบธรรมดาไม่สามารถจำกัดด้วยวิธีนี้ได้ ทุกการฝังจะแสดงเครดิตเล็กๆ Powered by Workspace369#

ไม่ต้องมีบัญชี ลูกค้าเปิดหน้าการจองของคุณ เลือกบริการ แล้วเลือกวันและเวลา สุดท้ายกรอกรายละเอียดของตนแล้วจอง#

หน้าการจองรวมอยู่ในแผน Specialist, Commander และ Enterprise แผน Cadet และ Voyager รวมปฏิทินและการแจ้งเตือนการนัดหมายทางอีเมล แต่ไม่มีหน้าการจอง#