Cách thiết lập trang đặt lịch trực tuyến trong Workspace369

Mở Cài đặt, rồi trong mục Lịch & đặt lịch, mở Trang đặt lịch. Nhấp vào “Trang mới”, đặt tên mà khách hàng sẽ thấy và chọn giao diện. Trong Dịch vụ, tắt mọi thứ bạn không muốn có trên trang, thiết lập quy tắc đặt lịch và nhấp vào “Tạo trang”.#

Có. Trong Giao diện, chọn một giao diện để thiết lập màu sắc, phông chữ và bố cục chỉ với một cú nhấp, rồi chọn màu thương hiệu. Bản xem trước cho thấy chính xác những gì khách hàng của bạn sẽ thấy trước khi bạn tạo trang.#

Không, tùy bạn quyết định. Quy tắc đặt lịch cho phép bạn xác nhận lượt đặt lịch ngay lập tức, hoặc phê duyệt từng yêu cầu trước. Mỗi trang đặt lịch là một cách khác nhau để khách hàng đặt lịch, và bạn có thể tạo nhiều trang.#

Khi bạn nhấp vào “Tạo trang”, trang sẽ hoạt động ngay. “Chia sẻ & nhúng” cho bạn liên kết và mã QR để chia sẻ, hoặc cách đưa trang lên trang web của bạn.#

Trong Cài đặt, mở Trang đặt lịch, mở trang và nhấp vào Chia sẻ & nhúng. Bên dưới Nhúng trên trang web của bạn, chọn một định dạng: Nội tuyến, Nút bật lên, Biểu mẫu của bạn hoặc Khung iframe thuần túy. Nhấp vào sao chép, dán mã vào HTML của trang web hoặc khối mã của bạn (trong WordPress, Squarespace, Wix hoặc Webflow, sử dụng khối HTML hoặc nhúng), xuất bản trang web của bạn và thực hiện một lần đặt lịch thử nghiệm. Mã đã chứa ID không gian làm việc và trang của bạn, vì vậy không cần điền gì thêm.#

Nội tuyến đặt lịch đặt lịch trên trang nơi bạn dán mã, và nó tự điều chỉnh kích thước theo nội dung. Nút bật lên thêm một nút Đặt lịch ngay nổi trên mọi trang bạn dán mã vào, và bất kỳ phần tử nào có thuộc tính data-w369-booking cũng sẽ mở nó. Biểu mẫu của bạn tải cùng một tập lệnh với data-mode="api", vì vậy biểu mẫu hoặc nút của riêng bạn có thể gọi W369Booking.open() với tên, email và điện thoại của khách hàng (số điện thoại theo định dạng E.164, như +14155550100), hoặc W369Booking.mount() để hiển thị nó bên trong phần tử của riêng bạn. Khung iframe thuần túy dành cho các trình tạo trang web chặn tập lệnh: chiều cao cố định, không bật lên. Các tập lệnh nhúng tải https://369.dev/booking.js.#

Có, với các đoạn mã nhúng. Thêm data-prefill-name, data-prefill-email, data-prefill-phone (E.164, như +14155550100) và data-prefill-notes vào thẻ script, hoặc truyền các giá trị tương tự dưới dạng prefill cho W369Booking.open() hoặc W369Booking.mount(). data-service và data-member chọn trước một dịch vụ hoặc thành viên nhóm, sử dụng ID trên tab ID nhà phát triển trong Chia sẻ & nhúng, và data-step="time" bỏ qua biểu mẫu chi tiết sau khi tên, email và số điện thoại hợp lệ được điền. Các trường bổ sung đi vào siêu dữ liệu (tối đa 20 khóa) và được lưu cùng với việc đặt lịch và trên hồ sơ của khách hàng mới. Để theo dõi nguồn đặt lịch, hãy truyền các giá trị UTM của bạn dưới dạng source trong W369Booking.open() hoặc mount(): chúng hiển thị dưới Nguồn đặt lịch trên hồ sơ của khách hàng mới. Các thẻ UTM trên địa chỉ trang của bạn một mình sẽ được truyền đi nhưng không được lưu. Khi đặt lịch được thực hiện, trang sẽ kích hoạt sự kiện w369:booked với ID đặt lịch; đối với đặt lịch có tiền đặt cọc, nó sẽ kích hoạt trước khi thanh toán.#

Nội tuyến và W369Booking.mount() phát triển và thu nhỏ để phù hợp với từng bước của quy trình đặt lịch. Cửa sổ bật lên mở trong một cửa sổ có kích thước lên tới 1000 x 720 pixel, có thể cuộn bên trong, và đóng bằng nút đóng, phím Escape hoặc nhấp chuột bên ngoài. Khung iframe đơn giản cao 900 pixel trừ khi bạn thay đổi chiều cao của nó trong mã. Nút nổi của cửa sổ bật lên nằm ở góc dưới bên phải: thay đổi văn bản của nó bằng data-label (tối đa 40 ký tự) và màu sắc của nó bằng data-color (màu thập lục như #111827), hoặc bỏ qua nó bằng data-mode="api" và thêm data-w369-booking vào bất kỳ nút hoặc liên kết nào của riêng bạn. Tài liệu tham khảo đầy đủ có trong hướng dẫn nhúng: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

Có. Tiền đặt cọc hoặc thanh toán toàn bộ khi đặt lịch được đặt trên chính trang đặt lịch, vì vậy mọi định dạng nhúng đều chấp nhận chúng, vì mỗi định dạng đều mở trang đặt lịch của bạn. API REST không thể tạo một lượt đặt lịch có tiền đặt cọc, vì vậy nếu bạn cần tiền đặt cọc, hãy gửi khách hàng qua trang đặt lịch nhúng thay vì tạo lượt đặt lịch qua API. Trong một bản nhúng, thanh toán sẽ mở Stripe trong cùng một tab trình duyệt, và sau khi thanh toán, khách hàng sẽ thấy xác nhận với một nút quay lại trang web của bạn.#

Có. Trong Chia sẻ & nhúng, liệt kê tối đa 20 trang web được phép, hoặc để trống để cho phép bất kỳ trang web nào. Khung iframe thuần túy không thể bị hạn chế theo cách này. Mọi bản nhúng đều hiển thị một ghi chú nhỏ Powered by Workspace369.#

Không cần tài khoản. Khách hàng mở trang đặt lịch của bạn, chọn một dịch vụ, rồi chọn ngày và giờ. Cuối cùng, họ thêm thông tin của mình và đặt lịch.#

Các trang đặt lịch được bao gồm trong các gói Specialist, Commander và Enterprise. Cadet và Voyager bao gồm lịch và lời nhắc cuộc hẹn qua email, nhưng không có trang đặt lịch.#