Tìm hiểu cách thay đổi màu sắc của Tiện Ích Đặt Phòng theo nhu cầu để phù hợp với giao diện và thương hiệu khách sạn của bạn.
Để tùy chỉnh, vào Tiện Ích Đặt Phòng > Tùy chỉnh Tiện Ích Đặt Phòng
Các mã có thể thay đổi màu sắc
-
Mã độc lập (Stand-alone Code):
-
Mã nhúng (Booking Widget Embedded Code):
📌 Lưu ý: Không áp dụng cho Mã nhúng nâng cao (Advanced Embedded Code):
Các phần có thể tùy chỉnh màu sắc
- Nền khung tìm kiếm
- Nền thanh tìm kiếm (khi di chuột)
- Nền nút thao tác
- Màu ưu đãi
- Tính năng nổi bật
- Nền khung hiển thị
Nền khung tìm kiếm
Điều chỉnh màu nền bên ngoài thanh tìm kiếm, khung giá tốt nhất và đơn vị tiền tệ.
Trước:
Sau tùy chỉnh:
![]() |
![]() |
Nền thanh tìm kiếm (khi di chuột)
Điều chỉnh màu nền của thanh tìm kiếm khi người dùng di chuột (ví dụ: khi chọn ngày check-in, check-out, nhập mã giảm giá).
Trước:Sau tùy chỉnh:
![]() |
![]() |
Nền nút thao tác
Điều chỉnh màu nền của các nút thao thác.
Trước:
Sau tùy chỉnh:
![]() |
![]() |
Màu ưu đãi
Tùy chỉnh màu ưu đãi này sẽ điều chỉnh màu 2 phần:
- Màu biểu tượng và màu chữ của chương trình khuyến mãi.
- Màu nền của mã khuyến mãi (chỉ hiển thị khi có mã giảm giá được áp dụng).

Trước:
Sau tùy chỉnh:
![]() |
![]() |
Tính năng nổi bật
Điều chỉnh màu biểu tượng và màu chữ cho các tính năng nổi bật.
Trước:
Sau tùy chỉnh:
![]() |
![]() |
Nền khung hiển thị
Điều chỉnh màu nền bên ngoài các khung thông tin phòng.
Trước:
Sau tùy chỉnh:
![]() |
![]() |