Giao diện là một phần không thể thiếu của website. Hiện nay, tại Kho giao diện Haravan, bạn có thể tìm thấy hơn 400 mẫu giao diện khác nhau đủ sức đáp ứng mọi ngành hàng kinh doanh của bạn.


Dù mỗi giao diện đều có sự khác nhau về cái nhìn trực quan, nhưng lại khá tương đồng về mặt cấu trúc. Điều này nhằm mục đích giúp cho bạn thuận tiện trong thao tác và sử dụng, đặc biệt là khi có sự luân chuyển sử dụng nhiều mẫu giao diện khác nhau trên cùng một website.


Mỗi giao diện sẽ có các mục thiết lập khác nhau. Nhưng vẫn chung cấu trúc gồm:

  • Các thiết lập tổng quan cho website như logo và màu sắc
  • Trang chủ: là trang đầu tiên khách hàng sẽ nhìn thấy khi truy cập vào tên miền của shop
  • Trang nhóm sản phẩm: là trang sẽ hiển thị khi khách mua hàng nhấp chọn xem một nhóm sản phẩm trên danh mục sản phẩm (thông qua menu đầu trang hoặc các đường link gợi ý)
  • Trang chi tiết sản phẩm: là trang sản phẩm sẽ hiện thị khi khách mua hàng nhấp vào xem chi tiết một sản phẩm trên website
  • Trang bài viết: giao diện liệt kê các bài viết cho mục Blogs trong Trang quản trị
  • Trang nội dung: là giao diện hiển thị của các nội dung ít có sự thay đổi như Chính sách giao hàng, Giới thiệu cửa hàng, ... được quản lý trong phần Trang nội dung của Trang quản trị
  • Trang liên hệ: thể hiện các thông tin liên hệ với cửa hàng của bạn hoặc bản đồ hướng dẫn đường đi

Thiết lập tổng quan


  1. Màu sắc: màu sắc của mỗi giao diện đã được thiết lập theo mặc định của giao diện mẫu đó. Bạn kéo xuống các mục tương ứng và điều chỉnh khi cần. Để điều chỉnh, bạn nhập mã màu trong ô hoặc nhấp chọn màu trong bảng chọn màu


  2. Logo và Favicon: bạn có thể tải lên file hình ảnh logo và favicon cho website với kích thước tùy theo yêu cầu của từng giao diện. Hình ảnh lớn hơn kích thước tiêu chuẩn sẽ được tự động canh chỉnh lại
  3. Mục menu chính: bạn cần chọn trong danh sách các menu đã thiết lập trong mục Menu của Trang quản trị
  4. Hình ảnh chia sẻ lên Facebook: là hình ảnh sẽ hiển thị khi bạn chia sẻ đường dẫn trang chủ của website lên Facebook


Lưu ý: mỗi khi thay đổi hình ảnh này, bạn cần thực hiện thao tác thông báo cho Facebook biết để lấy thông tin mới bằng công cụ Sharing Debugger

Trang chủ



Đây là những gì sẽ hiển thị trên Trang chủ. Cấu trúc chính của một Trang chủ bao gồm ba phần:

  • Đầu trang (Header): bao gồm logo, favicon, nội dung header. Hai phần bắt buộc phải có cho một header của trang chủ là logo và favicon.
  • Nội dung trang chủ: bao gồm các slider, banner, sản phẩm,... Mỗi giao diện khác nhau sẽ có nội dung trang chủ khác nhau.
  • Cuối trang (Footer): các cột thông tin dưới cùng của trang chủ. Các thông tin thường thấy ở footer là chính sách, hướng dẫn, giới thiệu, mạng xã hội,...
Lưu ý: Header và Footer vẫn hiển thị khi người dùng truy cập các lớp trang website thuộc tên miền của website đó.

Trang nhóm sản phẩm


Trang nhóm sản phẩm thể hiện cách hiển thị khách mua hàng nhấp chọn xem một nhóm sản phẩm trên danh mục sản phẩm khi truy cập website. Sau khi điều chỉnh nội dung bên trái, bạn click vào nút Lưu để xem thay đổi trên giao diện.


Trang sản phẩm


Mỗi giao diện sẽ có cấu trúc Trang sản phẩm khác nhau.


Trang bài viết


Trang bài viết thể hiện cho mục blog trong Trang quản trị. Trong Haraweb, Trang bài viết thường có cấu trúc gồm 3 mục chính: Phân trang, Danh mục blog, Bài viết mới nhất.

  • Phân trang: cho phép bạn tùy chỉnh số lượng bài viết hiển thị ở mỗi trang.
  • Danh mục blog: 
    • Hiện phần này: sẽ ẩn hiển thị nếu nhấp bỏ chọn. 
    • Tiêu đề: Tiêu đề mặc định là Danh mục blog, bạn có thể đặt lại theo ý thích.
    • Chọn menu danh mục blog: bạn sẽ chọn menu liên kết cho trang blog.
  • Bài viết mới nhất: 
    • Hiển thị danh sách ở bài viết mới nhất: sẽ ẩn hiển thị nếu nhấp bỏ chọn. 
    • Tiêu đề: Tiêu đề mặc định là Bài viết mới nhất, bạn có thể đặt lại theo ý thích.
    • Số bài hiển thị: số bài viết hiển thị cho trang blog.

Trang nội dung


Hiển thị của các nội dung ít có sự thay đổi như Chính sách giao hàng, Giới thiệu cửa hàng, ... được quản lý trong phần Trang nội dung của Trang quản trị.


Trang liên hệ


Thông thường có 2 mục chính:

  1. Google Maps: mục này cho phép bạn thể hiện địa chỉ của cửa hàng trên bản đồ Google Maps. Mỗi website chỉ có thể thể hiện một bản đồ. Do đó, nếu bạn có nhiều chi nhánh cửa hàng khác nhau, bạn chỉ lựa chọn địa chỉ có ý nghĩa nhất (nên là địa chỉ chi nhánh chính). Click vào đây để xem cách lấy mã Google Maps.
  2. Thông tin liên hệ: thông tin mặc định sẽ theo dữ liệu mẫu của giao diện mà bạn cài đặt. Bạn cần điều chỉnh lại cho phù hợp.



Lưu ý:
  • Ngoài các phân mục chính này, mỗi giao diện còn có thêm một số tùy chỉnh khác. Các tùy chỉnh này tùy cách thiết kế, cấu trúc của giao diện đó, nên không thể liệt kê hết ra đây.
  • Để hỗ trợ đến mức tối đa, hầu hết các giao diện của Haraweb đều có một hình ảnh minh họa cho các mục. Bạn chỉ cần vào mục đánh số tương ứng và tiến hành chỉnh sửa là được.


Nếu gặp khó khăn trong việc điều chỉnh giao diện, hãy liên hệ với Haravan để được hỗ trợ.