Cách cài đặt Phát triển Website

Website | Cách cài đặt Phát triển Website | Hotel Link

  1. 1. Tên cơ sở lưu trú: Tên cơ sở lưu trú sẽ được điền tự động.

    Tên cơ sở lưu trú: Tên cơ sở lưu trú sẽ được điền tự động.
  2. 2. Phiên bản giao diện (Release version): Bạn có thể chuyển sang giao diện đặt phòng mới bằng cách chọn “New version” hoặc chọn “Old version” để quay lại giao diện trước đó.

    Phiên bản giao diện (Release version): Bạn có thể chuyển sang giao diện đặt phòng mới bằng cách chọn “New version” hoặc chọn “Old version” để quay lại giao diện trước đó.
  3. 3. Mẫu: Chọn mẫu giao diện website bạn muốn áp dụng. Có hơn 40 mẫu giao diện để bạn lựa chọn.

    Mẫu: Chọn mẫu giao diện website bạn muốn áp dụng. Có hơn 40 mẫu giao diện để bạn lựa chọn.
  4. 4. Biểu tượng: Tải lên logo theo đúng kích thước quy định của hệ thống. Logo sẽ hiển thị trên website ở giao diện máy tính.

    Biểu tượng: Tải lên logo theo đúng kích thước quy định của hệ thống. Logo sẽ hiển thị trên website ở giao diện máy tính.
  5. 5. Biểu tượng cho Di động: Tải lên logo theo đúng kích thước quy định. Logo sẽ hiển thị trên website ở giao diện di động.

    Biểu tượng cho Di động: Tải lên logo theo đúng kích thước quy định. Logo sẽ hiển thị trên website ở giao diện di động.
  6. 6. Biểu ngữ: Bạn có thể tải lên tối đa 6 hình ảnh biểu ngữ để hiển thị trên trang chủ của website.

    Biểu ngữ: Bạn có thể tải lên tối đa 6 hình ảnh biểu ngữ để hiển thị trên trang chủ của website.
  7. 7. Để đạt kết quả hiển thị tốt nhất, chỉ sử dụng tệp ảnh jpg độ phân giải cao với chiều cao và chiều rộng đúng khuyến nghị. Tệp không được vượt quá dung lượng cho phép.

    Để đạt kết quả hiển thị tốt nhất, chỉ sử dụng tệp ảnh jpg độ phân giải cao với chiều cao và chiều rộng đúng khuyến nghị. Tệp không được vượt quá dung lượng cho phép.
  8. 8. Favicon (tùy chọn): Là biểu tượng nhỏ liên kết với website, hiển thị bên cạnh URL trên thanh địa chỉ trình duyệt và trong kết quả tìm kiếm Google.

    Favicon (tùy chọn): Là biểu tượng nhỏ liên kết với website, hiển thị bên cạnh URL trên thanh địa chỉ trình duyệt và trong kết quả tìm kiếm Google.
  9. 9. Chân website: Hiển thị trên tất cả các trang của website. Đề xuất chuẩn sử dụng là: © 2025 Hotel Name. All rights reserved.

    Chân website: Hiển thị trên tất cả các trang của website. Đề xuất chuẩn sử dụng là: © 2025 Hotel Name. All rights reserved.
  10. 10. Hotel Link Solutions ở chân trang: Chọn có hiển thị liên kết đến trang web của Hotel Link ở cuối website hay không.

    Hotel Link Solutions ở chân trang: Chọn có hiển thị liên kết đến trang web của Hotel Link ở cuối website hay không.
  11. 11. Kích hoạt ‘Xem toàn bộ liên kết trang web’: Chọn có hiển thị toàn bộ phiên bản website khi truy cập từ thiết bị di động hay không. Nếu chọn, trang web sẽ hiển thị theo dạng giao diện máy tính thay vì giao diện đáp ứng cho thiết bị di động.

    Kích hoạt ‘Xem toàn bộ liên kết trang web’: Chọn có hiển thị toàn bộ phiên bản website khi truy cập từ thiết bị di động hay không. Nếu chọn, trang web sẽ hiển thị theo dạng giao diện máy tính thay vì giao diện đáp ứng cho thiết bị di động.
  12. 12. Bật tất cả các trang để có chế độ xem đáp ứng: Giao diện di động mặc định chỉ hiển thị các trang chính (Trang chủ, Giá Phòng, Thư viện ảnh, Vị trí và Liên hệ). Nếu cần hiển thị thêm trang khác, bạn có thể bật tùy chọn này và điều chỉnh trong mục Menu tùy biến.

    Bật tất cả các trang để có chế độ xem đáp ứng: Giao diện di động mặc định chỉ hiển thị các trang chính (Trang chủ, Giá Phòng, Thư viện ảnh, Vị trí và Liên hệ). Nếu cần hiển thị thêm trang khác, bạn có thể bật tùy chọn này và điều chỉnh trong mục Menu
  13. 13. Cho phép khách sạn nhận tin nhắn từ khách du lịch trên trang Cảm ơn: Bật tính năng này để cho phép khách gửi tin nhắn trực tiếp sau khi hoàn tất đặt phòng.

    Cho phép khách sạn nhận tin nhắn từ khách du lịch trên trang Cảm ơn: Bật tính năng này để cho phép khách gửi tin nhắn trực tiếp sau khi hoàn tất đặt phòng.
  14. 14. Email để nhận lời nhắn: Sau khi bật tính năng trên, bạn cần nhập địa chỉ email để nhận phản hồi từ khách.

    Email để nhận lời nhắn: Sau khi bật tính năng trên, bạn cần nhập địa chỉ email để nhận phản hồi từ khách.
  15. 15. Kích hoạt Tiện ích trò chuyện (không bắt buộc): Nếu bạn muốn tích hợp ứng dụng chat trực tiếp từ bên thứ ba, hãy đăng ký tài khoản và lấy mã HTML để chèn vào đây. Ứng dụng sẽ hoạt động trên website của bạn.

    Kích hoạt Tiện ích trò chuyện (không bắt buộc): Nếu bạn muốn tích hợp ứng dụng chat trực tiếp từ bên thứ ba, hãy đăng ký tài khoản và lấy mã HTML để chèn vào đây. Ứng dụng sẽ hoạt động trên website của bạn.
  16. 16. Kiểu màu: Mỗi mẫu giao diện có sẵn 4 bộ màu để bạn chọn áp dụng. Khi chọn bộ màu, toàn bộ các thành phần của mẫu giao diện sẽ thay đổi tương ứng.

    Kiểu màu: Mỗi mẫu giao diện có sẵn 4 bộ màu để bạn chọn áp dụng. Khi chọn bộ màu, toàn bộ các thành phần của mẫu giao diện sẽ thay đổi tương ứng.
  17. 17. Kiểu chữ: Chọn loại phông chữ áp dụng cho website.

    Kiểu chữ: Chọn loại phông chữ áp dụng cho website.
  18. 18. Màu nền chung: Áp dụng cho toàn bộ nền trang web, ngoài phần văn bản.

    Màu nền chung: Áp dụng cho toàn bộ nền trang web, ngoài phần văn bản.
  19. 19. Màu tiêu đề nội dung: Áp dụng cho màu chữ của tất cả tiêu đề trong phần nội dung của website.

    Màu tiêu đề nội dung: Áp dụng cho màu chữ của tất cả tiêu đề trong phần nội dung của website.
  20. 20. Tùy chỉnh màu: Bạn có thể tùy chỉnh màu bằng cách nhấp vào phần này.

    Tùy chỉnh màu: Bạn có thể tùy chỉnh màu bằng cách nhấp vào phần này.
  21. 21. Sau khi tùy chỉnh màu, bạn có thể khôi phục về mặc định bằng cách nhấp vào ‘Mặc định’.

    Sau khi tùy chỉnh màu, bạn có thể khôi phục về mặc định bằng cách nhấp vào ‘Mặc định’.
  22. 22. Màu chữ phần nội dung: Màu văn bản trong phần nội dung của website.

    Màu chữ phần nội dung: Màu văn bản trong phần nội dung của website.
  23. 23. Màu nền phần liên kết: Cài đặt màu cho các liên kết trong phần nội dung.

    Màu nền phần liên kết: Cài đặt màu cho các liên kết trong phần nội dung.
  24. 24. Màu nền phần đầu trang: Màu nền phía dưới biểu ngữ và khu vực biểu tượng.

    Màu nền phần đầu trang: Màu nền phía dưới biểu ngữ và khu vực biểu tượng.
  25. 25. Văn bản trên cùng: Áp dụng cho văn bản ở phần đầu trang và chân trang.

    Văn bản trên cùng: Áp dụng cho văn bản ở phần đầu trang và chân trang.
  26. 26. Màu nền menu: Màu nền cho menu chính của website.

    Màu nền menu: Màu nền cho menu chính của website.
  27. 27. Màu văn bản menu: Màu văn bản trong menu chính.

    Màu văn bản menu: Màu văn bản trong menu chính.
  28. 28. Màu văn bản menu khi được chọn: Màu của phần văn bản khi được chọn trong menu chính và menu chân trang.

    Màu văn bản menu khi được chọn: Màu của phần văn bản khi được chọn trong menu chính và menu chân trang.
  29. 29. Màu nền các nút: Màu nền cho tất cả các nút hành động trên website.

    Màu nền các nút: Màu nền cho tất cả các nút hành động trên website.
  30. 30. Màu chữ các nút: Màu chữ của văn bản trong các nút hành động.

    Màu chữ các nút: Màu chữ của văn bản trong các nút hành động.
  31. 31. Màu nền ô phòng: Màu nền của ô tìm kiếm phòng trên trang chủ và các khu vực liên quan.

    Màu nền ô phòng: Màu nền của ô tìm kiếm phòng trên trang chủ và các khu vực liên quan.
  32. 32. Văn bản hộp phòng: Màu chữ trong hộp thông tin phòng của công cụ đặt phòng.

    Văn bản hộp phòng: Màu chữ trong hộp thông tin phòng của công cụ đặt phòng.
  33. 33. Nền nút hộp phòng: Màu nền nút trong hộp thông tin phòng.

    Nền nút hộp phòng: Màu nền nút trong hộp thông tin phòng.
  34. 34. Văn bản nút hộp phòng: Màu chữ của nút trong hộp thông tin phòng.

    Văn bản nút hộp phòng: Màu chữ của nút trong hộp thông tin phòng.
  35. 35. Màu nền Thông tin liên hệ: Màu nền của hộp thông tin liên hệ trên trang chủ.

    Màu nền Thông tin liên hệ: Màu nền của hộp thông tin liên hệ trên trang chủ.
  36. 36. Nội dung liên hệ: Màu chữ trong hộp thông tin liên hệ.

    Nội dung liên hệ: Màu chữ trong hộp thông tin liên hệ.
  37. 37. Liên kết liên hệ: Áp dụng màu liên kết trong phần thông tin liên hệ trên trang chủ.

    Liên kết liên hệ: Áp dụng màu liên kết trong phần thông tin liên hệ trên trang chủ.
  38. 38. CSS tùy chỉnh: Cho phép bạn tùy chỉnh CSS cho hầu hết các thành phần của website. Bạn có thể sử dụng tính năng này nếu đã quen với việc chỉnh sửa mã CSS

    CSS tùy chỉnh: Cho phép bạn tùy chỉnh CSS cho hầu hết các thành phần của website. Bạn có thể sử dụng tính năng này nếu đã quen với việc chỉnh sửa mã CSS
  39. 39. Sau khi hoàn tất tất cả các bước, nhấn ‘Lưu’ để áp dụng thay đổi.

    Sau khi hoàn tất tất cả các bước, nhấn ‘Lưu’ để áp dụng thay đổi.