วิดเจ็ตการจอง — เพิ่ม Addagio ลงในเว็บไซต์ของคุณ

ให้ลูกค้าจองได้โดยตรงบนเว็บไซต์ของคุณเอง วิดเจ็ต Addagio ทำงานได้สองโหมด: ปุ่มลอยที่เปิดหน้าจองในป๊อปอัป หรือฟอร์มแบบฝังที่แสดงอยู่ในหน้าเว็บของคุณโดยตรง

ติดตั้งใน 2 ขั้นตอน

1. หา slug ของคุณได้ที่ แดชบอร์ด → ตั้งค่า ใต้ "URL การจอง" — คือส่วนที่อยู่หลัง addagio.io/book/
2. วางโค้ดก่อนแท็กปิด </body> ของเว็บไซต์คุณ

ปุ่มลอย + ป๊อปอัป

ปุ่ม "จองเลย" จะปรากฏที่มุมเว็บไซต์ของคุณ เมื่อคลิก หน้าจองจะเปิดในเลเยอร์ที่สวยงาม — ลูกค้าจองได้โดยไม่ต้องออกจากเว็บไซต์ของคุณ

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

ฟอร์มจองแบบฝังในหน้า

ขั้นตอนการจองทั้งหมด (บริการ ปฏิทิน การชำระเงิน) แสดงอยู่ในเลย์เอาต์หน้าเว็บของคุณโดยตรง — เหมือนวิดเจ็ต inline ของ Calendly เพียงเพิ่ม div เปล่าตรงจุดที่ต้องการให้ฟอร์มแสดง

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

เฟรมแบบฝังจะปรับความสูงตามเนื้อหาโดยอัตโนมัติ — ไม่มีแถบเลื่อน ไม่มีความสูงตายตัว คุณสามารถวางหลายฟอร์มในหน้าเดียวได้

เอกสารอ้างอิงทางเทคนิคฉบับเต็ม (ตัวเลือกทั้งหมด, JavaScript API, คู่มือแต่ละแพลตฟอร์ม) →

คำถามที่พบบ่อย