• Trang chủ
  • ->
  • Cấu trúc chung của một giao diện

Cấu trúc chung của một giao diện

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, Nhà bán hàng có thể tìm thấy hàng ngàn mẫu giao diện khác nhau đủ sức đáp ứng nhu cầu phong phú về giao diệ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 Nhà bán hàng 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 cho cùng một website.

Cấu trúc của một giao diện có thể có khác nhau đôi chút về cách phân mục, nhưng sẽ bao gồm các phần chính sau:


Màu sắc và Kiểu chữ

Với một số giao diện, màu sắc và giao diện được tách riêng ra hoặc nằm chung trong mục thiết lập tổng quát. 

  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 đó. Nhà bán hàng kéo xuống các mục tương ứng và điều chỉnh khi cần.

    Để điều chỉnh, Nhà bán hàng nhập mã màu trong ô hoặc nhấp chọn màu trong bảng màu.

  2. Kiểu chữ: cho phép Nhà bán hàng điều chỉnh kiểu chữ cho website.
    • Một số giao diện, việc điều chỉnh kiểu chữ là điều chỉnh cho toàn bộ website:

    • Một số giao diện cho phép Nhà bán hàng điều chỉnh kích thước chữ:

    • Một số giao diện cho phép Nhà bán hàng tùy chỉnh phức tạp và linh động hơn:


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:

  • Header: bao gồm logo, favicon, nội dung heaader. 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.
  • 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,..

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 sản phẩm

Cách một 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.

Mỗi giao diện sẽ có cấu trúc Trang sản phẩm khác nhau. Nhà bán hàng xem phần hình ảnh minh họa bên trái và nhấp vào mục đánh số tương ứng để tùy chỉnh.

Nhà bán hàng tham khảo một số ví dụ minh họa:



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.

Một số ví dụ minh họa:


Trang bài viết

Trang bài viết thể hiện cho mục blog trong Trang quản trị. Trong Haravan, 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 Nhà bán hàng 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: Nhà bán hàng ẩn hiển thị nếu nhấp bỏ chọn. 
    • Tiêu đề: Tiêu đề mặc định là Danh mục blog, Nhà bán hàng có thể đặt lại theo ý thích.
    • Chọn menu danh mục blog: Nhà bán hàng 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: Nhà bán hàng ẩ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, Nhà bán hàng 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 liên hệ

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

  1. Google maps: mục này cho phép Nhà bán hàng 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 Nhà bán hàng có nhiều chi nhánh cửa hàng khác nhau, Nhà bán hàng chỉ lựa chọn địa chỉ có ý nghĩa nhất (nên là địa chỉ chi nhánh chính).
  2. Thông tin liên hệ: Các thông tin trên thông tin sẽ theo dữ liệu mẫu của giao diện mà Nhà bán hàng cài đặt. Nhà bán hàng cần điều chỉnh lại cho phù hợp.

Để xem chi tiết cách thực hiện thêm Trang liên hệ, Nhà bán hàng vào đây.

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ê ra đây.

Để hỗ trợ Nhà bán hàng đến mức tối đa, hầu hết các giao diện của Haravan đều có một hình ảnh minh họa cho các mục. Nhà bán hàng 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 Nhà bán hàng 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ợ.

TIN DÙNG BỞI HƠN 15.000 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU HÀNG ĐẦU

Haravan - Công ty công nghệ cung cấp giải pháp kinh doanh thương mại điện tử, duy nhất tại Việt Nam được Google lựa chọn vào chương trình bệ phóng tiềm năng với hỗ trợ và đào tạo công nghệ để vươn ra thị trường quốc tế vững chắc.