Widget đặt lịch — Thêm Addagio vào trang web của bạn
Cho phép khách hàng đặt lịch ngay trên trang web của bạn. Widget Addagio hoạt động ở hai chế độ: nút nổi mở trang đặt lịch trong cửa sổ popup, hoặc biểu mẫu nhúng hiển thị trực tiếp trong trang của bạn.
Cài đặt trong 2 bước
- Tìm slug của bạn trong Bảng điều khiển → Cài đặt, dưới mục "URL đặt lịch" — là phần sau addagio.io/book/.
- Dán đoạn mã trước thẻ đóng </body> của trang web.
Nút nổi + popup
Nút "Đặt ngay" xuất hiện ở góc trang web. Khi nhấp vào, trang đặt lịch mở ra trong lớp phủ gọn gàng — khách hàng đặt lịch mà không rời khỏi trang của bạn.
<script>
var addagioWidget = {
slug: 'your-business-slug',
buttonText: 'Book Now',
color: '#C67B5C',
position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>Biểu mẫu đặt lịch nhúng
Toàn bộ quy trình đặt lịch (dịch vụ, lịch, thanh toán) hiển thị trực tiếp trong bố cục trang của bạn — giống widget inline của Calendly. Thêm một div trống ở nơi bạn muốn hiển thị biểu mẫu.
<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>Khung nhúng tự động điều chỉnh chiều cao theo nội dung — không thanh cuộn, không chiều cao cố định. Bạn có thể đặt nhiều biểu mẫu trên một trang.
Tài liệu kỹ thuật đầy đủ (tất cả tùy chọn, API JavaScript, hướng dẫn theo nền tảng) →
Câu hỏi thường gặp
Nó có làm chậm trang web của tôi không?⌄
Không. Script chỉ nặng 3KB và tải bất đồng bộ — không chặn quá trình hiển thị trang.
Có hoạt động trên WordPress, Wix, Squarespace hay Shopify không?⌄
Có. Dán đoạn mã vào footer của theme hoặc phần mã tùy chỉnh của trình tạo trang web. Mọi nền tảng cho phép HTML tùy chỉnh đều hoạt động.
Biểu mẫu nhúng có tự điều chỉnh chiều cao không?⌄
Có. Biểu mẫu nhúng báo chiều cao của nó cho trang của bạn và khung tự thay đổi kích thước khi khách hàng đi qua các bước đặt lịch.
Languages