Đã có web riêng — làm bằng WordPress, LadiPage, Wix, Sapo, Haravan hay nhờ người làm — mà muốn khách đặt lịch, đặt bàn, đặt phòng ngay trên đó? Dán một đoạn mã là xong: web có thêm nút đặt, khách bấm là hộp đặt mở ngay trên web của bạn, không phải rời trang. Đơn về mục Đơn đặt trong trang quản lý, có email báo như mọi đơn khác.
Bạn không phải làm lại gì: dịch vụ, giá, giờ nhận đặt, ngày nghỉ vẫn chỉnh ở Huvi như cũ, nút trên web tự theo.
Cần có sẵn trước: trang đã bật nhận đặt. Chưa bật thì làm theo bài Bật nút đặt cho khách trên trang của bạn trước — mất khoảng 1 phút.
Bước 1 — Mở tab "Gắn vào web"
Trong trang quản lý, bấm mục Đơn đặt ở thanh bên. Mục này có 3 tab: Đơn đặt, Cài đặt và Gắn vào web — bấm sang Gắn vào web.
Góc trên có dòng Đang nhận: … cho biết khách bấm nút sẽ đặt kiểu gì, ví dụ Đang nhận: Đặt lịch dịch vụ.
Trang chưa sẵn sàng thì đầu tab hiện một khối nhắc:
- Trang chưa có địa chỉ — lưu thông tin trang ở mục Doanh nghiệp trước để lấy mã.
- Trang chưa nhận đặt hoặc Nhận đặt đang tắt — bấm Bật nhận đặt (hoặc Bật lại nhận đặt) ngay trong khối. Huvi đưa bạn sang tab Cài đặt với công tắc đã gạt sẵn — xem lại kiểu đặt rồi bấm Lưu. Trang còn thiếu thứ bắt buộc (ví dụ chưa có dịch vụ giá cố định, chưa có bàn hay sân) thì đầu tab hiện khối đỏ kể đúng thứ còn thiếu — khai đủ rồi mới Lưu được.
- Đang tạm dừng nhận đơn — trang đang bật nhận đặt nhưng thiếu thứ bắt buộc (ví dụ vừa xoá hết dịch vụ có giá cố định). Bấm Mở Cài đặt, khai đủ những thứ khối đỏ kể ra là trang nhận đơn lại.
Bước 2 — Chọn cách gắn hợp với web của bạn
Tab có 3 thẻ, mỗi thẻ là một cách gắn:
| Web của bạn | Chọn |
|---|---|
| Chưa có nút đặt nào, muốn thêm nút cho nhanh | Nút nổi ở góc |
| Đã có sẵn nút "Đặt lịch", "Đặt bàn"… nhưng bấm vào chưa đặt được | Gắn vào nút có sẵn |
| Không dán được mã (Facebook, Zalo, Canva…), hoặc muốn in mã QR | Link · mã QR |
Phần dưới đi lần lượt từng cách.
Cách 1 — Nút nổi ở góc
Nút đặt nằm ở góc dưới màn hình, có mặt ở mọi trang của web — khách kéo tới đâu cũng thấy.
- Chữ trên nút — Huvi điền sẵn theo kiểu đặt của trang, ví dụ Đặt lịch. Muốn khác thì gõ lại, nên ngắn gọn.
- Màu nút — chọn một trong 5 màu có sẵn, hoặc bấm ô cuối để chọn màu khác cho hợp màu web. Chữ trên nút tự đổi trắng hoặc đen cho dễ đọc.
- Góc màn hình — Phải hoặc Trái.
Khung Xem trước đổi theo ngay khi bạn chỉnh. Ưng rồi thì bấm Sao chép mã ở dòng Mã dán vào web, và dán một lần vào chân trang (footer) của web. Chỗ dán của từng loại web có ở phần Dán mã ở đâu bên dưới.
Góc đó đã có nút khác của web (nút gọi điện, khung chat…)? Nút đặt tự nhích lên để không che. Phải nhích quá nửa màn hình thì nút tự sang góc bên kia nếu góc đó trống; cả hai góc đều kín thì nút đứng ở chỗ cũ — khi đó nên dùng cách Gắn vào nút có sẵn.
Cách 2 — Gắn vào nút có sẵn
Web của bạn đã có nút "Đặt lịch" hay "Đặt bàn" đẹp sẵn? Giữ nguyên nút đó, chỉ đổi chỗ nó dẫn tới. Thẻ này có 2 bước:
① Đặt link này cho nút đặt có sẵn trên web của bạn. Bấm Sao chép link, rồi trong phần sửa web, dán vào ô liên kết (link) của nút. Link có dạng huvi.ai/dat/…?tu=web.
② Dán dòng này một lần vào chân trang (footer) để hộp đặt mở ngay trên web. Bấm Sao chép mã ở bước ②, dán vào chân trang giống Cách 1. Có dòng này thì khách bấm nút là hộp đặt mở ngay trên web.
Chưa dán dòng ở bước ② thì nút vẫn đặt được — chỉ là khách sang trang đặt riêng của Huvi thay vì hộp nổi ngay trên web. Đã dán mã ở Cách 1 rồi thì không cần dán thêm dòng này: một mã lo cả hai.
Mở sẵn một dịch vụ. Ngay dưới link có ô Mở sẵn một dịch vụ. Chọn một dịch vụ thì link đổi theo — khách bấm là hộp đặt mở sẵn đúng dịch vụ đó. Tiện khi web có nhiều nút, mỗi nút nằm cạnh một dịch vụ: mỗi nút một link. Để Không — khách tự chọn thì khách chọn trong hộp đặt.
Cách 3 — Link · mã QR
Cách này không cần dán mã gì:
- Link đặt — bấm Sao chép link, gửi qua tin nhắn Zalo, Facebook, đặt ở phần giới thiệu (bio) Instagram… Khách bấm là vào trang đặt.
- Mã QR — bấm Tải mã QR để lấy ảnh, in dán ở quầy, trên bàn, trên tờ rơi. Khách quét bằng camera điện thoại là đặt được.
Ô Mở sẵn một dịch vụ cũng có ở đây, dùng như Cách 2.
Mã QR in một lần là dùng mãi — sau này đổi đường dẫn trang hay đổi tên dịch vụ, khách quét mã cũ vẫn vào đúng trang đặt. Riêng link đặt đi theo đường dẫn trang của bạn: đổi đường dẫn trang thì link cũ không mở được nữa, nhớ gửi lại link mới.
Dán mã ở đâu
Mỗi loại web có một chỗ dán riêng. Trong tab, bấm dấu ! cạnh tiêu đề Gắn nút đặt vào web của bạn là xem nhanh chỗ dán của từng nền tảng.
| Web làm bằng | Chỗ dán |
|---|---|
| WordPress | Cài plugin WPCode → Code Snippets → Header & Footer → dán vào ô Footer. WordPress.com cần gói trả phí. |
| LadiPage | Thiết lập → Mã chuyển đổi → Mã JavaScript/CSS, ô thẻ Body. Gói miễn phí dùng được. |
| Sapo | Website → Giao diện → Thao tác → Chỉnh sửa HTML/CSS → tệp Theme.bwt, dán ngay trước dòng </body>. |
| Haravan | Website → Giao diện → Chỉnh sửa code → tệp theme.liquid, dán ngay trước dòng </body>. |
| Wix | Cài đặt → Mã tùy chỉnh → Tất cả trang, vị trí cuối Body. Cần gói Premium có tên miền riêng. |
| Google Sites | Không dán mã được như web khác — dùng Chèn → Nút, dán link ở thẻ Link · mã QR. |
| Facebook, Zalo, Canva | Không dán được mã — dùng link ở thẻ Link · mã QR. |
| Web do người khác làm giúp | Gửi đoạn mã cho người làm web, nhờ dán vào chân trang chung của web (ngay trước dòng </body>). |
Vướng ở bước nào thì bấm Hỏi Huvi ở góc trang quản lý — trợ lý thấy đúng tab bạn đang mở và chỉ chỗ dán cho loại web của bạn.
Bước cuối — Mở web kiểm tra
Dán xong, mở web của bạn (nên mở cả trên điện thoại) và bấm nút đặt: hộp đặt hiện ngay trên web, giống hệt hộp khách thấy trên trang Huvi của bạn.
Muốn xem hộp đặt trước khi dán mã thì mở thẻ Nút nổi ở góc, bấm Xem thử hộp đặt ngay dưới khung Xem trước.
Đơn gửi từ Xem thử hộp đặt, hay đặt thử trên web của bạn, đều là đơn thật — thử xong thì vào mục Đơn đặt bấm Huỷ (yêu cầu liên hệ thì bấm Đã xử lý).
Vài web chặn mọi khung từ nơi khác. Gặp web như vậy, bấm nút sẽ chuyển sang trang đặt riêng của Huvi thay vì hộp nổi — khách vẫn đặt được bình thường, bạn không phải làm gì.
Đơn từ web về đâu
Đơn khách đặt qua nút gắn theo Cách 1 hoặc Cách 2 về mục Đơn đặt như mọi đơn khác: có email báo đơn mới, bạn xác nhận và xử lý y hệt đơn đặt trên trang Huvi. Khác một chỗ: thẻ đơn mang nhãn Từ web · tên web (ví dụ Từ web · spahoa.vn) để bạn biết khách đến từ web nào. Đơn qua link đặt và mã QR ở Cách 3 — kể cả link bạn gắn vào nút trên Google Sites, Canva — hiện như đơn đặt thường.
Đầu danh sách đơn còn có dòng Từ web N/M lần đặt tháng này — đếm số lần khách đặt qua nút trên web trong tháng. Dòng này chỉ hiện khi tháng này đã có ít nhất một lần đặt từ web. Đơn đã huỷ vẫn được đếm, kể cả đơn bạn đặt thử trên web.
Câu hỏi nhanh
Đổi dịch vụ, giá, giờ nhận đặt thì có phải dán lại mã không? Không. Hộp đặt trên web lấy dữ liệu từ Huvi mỗi lần khách mở, nên chỉnh ở Huvi là web đổi theo ngay.
Đổi chữ, màu hay góc của nút nổi thì sao? Tab không nhớ lần chỉnh trước — mở lại là về mặc định — nên chọn lại đủ chữ, màu và góc như bạn muốn, rồi bấm Sao chép mã và dán đè lên mã cũ trên web. Chữ, màu và góc nằm ngay trong đoạn mã nên phải dán lại mới đổi — kể cả khi bạn đổi kiểu đặt và muốn chữ trên nút đổi theo.
Đổi đường dẫn trang có làm hỏng nút trên web không? Không — mã ở Cách 1, Cách 2 và mã QR đều gắn với mã riêng của trang, không theo đường dẫn. Chỉ link đặt ở Cách 3 là đi theo đường dẫn: đổi đường dẫn thì gửi lại link mới, và nếu đã gắn link đó vào nút trên web (như Google Sites, Canva) thì sửa lại link của nút.
Đổi tên dịch vụ thì link "mở sẵn một dịch vụ" có hỏng không? Không — link và mã QR cũ vẫn mở sẵn đúng dịch vụ đó, chỉ cần dịch vụ còn đang hiện trên trang.
Tắt nhận đặt thì nút trên web ra sao? Nút vẫn nằm đó, khách bấm vào thấy báo chưa nhận đặt trực tuyến. Nghỉ vài ngày thì chọn ngày nghỉ trong tab Cài đặt thay vì tắt hẳn — xem bài Bật nút đặt cho khách.
Đơn khách đặt qua link hay mã QR có hiện "Từ web" không? Không. Nhãn Từ web chỉ gắn cho đơn khách bấm nút gắn theo Cách 1 hoặc Cách 2; đơn qua link đặt, mã QR hiện như đơn đặt thường.
Web có nhiều trang, có phải dán vào từng trang không? Không — dán một lần vào chân trang chung là nút hiện ở mọi trang. Riêng web làm tay từng tệp thì dán vào cuối mỗi trang, ngay trước dòng </body>.
Gắn mã có làm web chậm đi không? Đoạn mã rất nhẹ và không bắt web chờ nó tải. Hộp đặt chỉ tải khi khách bấm nút.
Bài liên quan: Bật nút đặt cho khách trên trang của bạn · Xử lý đơn đặt của khách · Khách đặt trên trang của bạn diễn ra thế nào · Đổi đường dẫn trang của bạn