Trung tâm trợ giúp Khách hàng Sapo
Tùy chỉnh giao diện website trên Sapo

Tùy chỉnh giao diện trên Website Sapo giúp bạn cá nhân hóa website của mình, từ việc thay đổi logo, hình ảnh banner, đến việc sắp xếp các sản phẩm hiển thị trên trang chủ. Tính năng này cho phép bạn xem trước các thay đổi trước khi áp dụng chính thức lên website, đảm bảo mọi chỉnh sửa đều phù hợp với phong cách thương hiệu và mục tiêu kinh doanh.

Điều kiện tiên quyết:

Cách Mở Tùy Chỉnh Giao Diện

Bước 1: Tại menu bên trái màn hình quản trị, chọn Website > Giao diện.

Bước 2: Trong trang chi tiết Giao diện

  • Để chỉnh sửa giao diện đang được áp dụng, nhấn vào nút Tùy chỉnh giao diện ở góc phải màn hình.
  • Để chỉnh sửa giao diện trong danh sách nhưng chưa được áp dụng, nhấn vào nút Tùy chỉnh bên phải giao diện bạn muốn chỉnh sửa.

Các Tùy Chỉnh Trong Giao Diện

Tại trang Tùy chỉnh giao diện, bạn có thể dễ dàng tùy chỉnh các yếu tố cơ bản sau:

Thông Tin & Hình Ảnh Phần Header

  • Logo: Tải lên hoặc thay đổi logo thương hiệu.
  • Nội dung đầu trang: Thêm hoặc chỉnh sửa thông tin liên hệ, slogan hoặc thông điệp chào mừng hiển thị ở đầu trang.

Thay Đổi Hình Ảnh Slide Trang Chủ

  • Cập nhật hoặc thay thế các hình ảnh banner hiển thị trong Slide trang chủ.
  • Thêm liên kết cho từng slide để điều hướng khách hàng đến các trang sản phẩm, khuyến mãi hoặc bài viết cụ thể.

Chỉnh Sửa Thông Tin Liên Hệ & Đường Dẫn Chân Trang (Footer)

  • Thêm hoặc cập nhật thông tin liên hệ như địa chỉ, số điện thoại, email.
  • Chỉnh sửa các đường dẫn nhanh ở phần chân trang, chẳng hạn như liên kết đến trang giới thiệu, chính sách bảo hành, hoặc liên hệ.

Thay Đổi Sản Phẩm Hiển Thị Trên Trang Chủ

  • Chọn các sản phẩm nổi bật hoặc danh mục sản phẩm muốn hiển thị trên trang chủ.
  • Điều chỉnh thứ tự và cách thức hiển thị sản phẩm để phù hợp với các chương trình khuyến mãi hoặc chiến dịch marketing.
Lưu ý:
  • Các thay đổi bạn thực hiện sẽ không được áp dụng lên website cho đến khi bạn nhấn nút Lưu ở góc trên bên trái màn hình.
  • Mỗi giao diện sẽ có các tùy chọn chỉnh sửa khác nhau, phụ thuộc vào cách thiết kế và cấu trúc riêng của từng giao diện. Để biết chi tiết cách tùy chỉnh, bạn có thể xem Hướng dẫn sử dụng của giao diện đó. Hướng dẫn này nằm ngay bên dưới hình ảnh minh họa trong trang chi tiết giao diện tại kho giao diện Sapo.
  • Sau khi chỉnh sửa, bạn nên xem trước giao diện trên cả máy tính và thiết bị di động bằng cách nhấp vào các biểu tượng thiết bị ở thanh công cụ trên cùng trong màn hình Tùy chỉnh giao diện để đảm bảo giao diện hiển thị đúng và tương thích trên mọi thiết bị.

Tùy Chỉnh Khác

Xem Thử Giao Diện

Tính năng này giúp bạn xem trước giao diện trước khi áp dụng, đảm bảo hiển thị đúng như mong muốn mà không ảnh hưởng đến website đang hoạt động.

Bước 1: Tại menu bên trái màn hình quản trị, chọn Website > Giao diện.

Bước 2: Tại trang chi tiết Giao diện, nhấn vào nút Thao tác bên cạnh giao diện bạn muốn chỉnh sửa.

Bước 3: Chọn Sao chép, hệ thống sẽ hiển thị hộp thoại Sao chép giao diện.

Bước 4: Nhập tên cho giao diện sao chép vào ô Tên giao diện.

Bước 5: Nhấn Lưu để hoàn tất.

Đổi Tên Giao Diện

Khi có nhiều giao diện, việc đổi tên giúp bạn dễ dàng phân biệt và quản lý giao diện theo từng mục đích sử dụng.

Bước 1: Tại menu bên trái màn hình quản trị, chọn Website > Giao diện.

Bước 2: Tại trang chi tiết Giao diện, nhấn vào nút Thao tác bên cạnh giao diện bạn muốn chỉnh sửa.

Bước 3: Chọn Đổi tên, hệ thống sẽ hiển thị hộp thoại Đổi tên giao diện.

Bước 4: Nhập tên cho giao diện sao chép vào ô Tên giao diện.

Bước 5: Nhấn Lưu để hoàn tất.

Chỉnh Sửa Ngôn Ngữ

Tính năng này giúp bạn tùy chỉnh ngôn ngữ hiển thị trên trang thanh toán của website, đảm bảo trải nghiệm thanh toán phù hợp với đối tượng khách hàng và thị trường mục tiêu.

Bước 1: Tại menu bên trái màn hình quản trị, chọn Website > Giao diện.

Bước 2: Tại trang chi tiết Giao diện, nhấn vào nút Thao tác bên cạnh giao diện bạn muốn chỉnh sửa.

Bước 3: Chọn Chỉnh sửa ngôn ngữ

Bước 4: Hệ thống chuyển về màn hình Cấu hình ngôn ngữ

Xem thêm hướng dẫn tùy chỉnh ngôn ngữ trang thanh toán

Chỉnh Sửa HTML/CSS

Tính năng này giúp bạn can thiệp sâu vào mã nguồn để tùy chỉnh giao diện theo ý muốn. Chỉ nên thực hiện nếu bạn có chuyên môn lập trình web.

Bước 1: Tại menu bên trái màn hình quản trị, chọn Website > Giao diện.

Bước 2: Tại trang chi tiết Giao diện, nhấn vào nút Thao tác bên cạnh giao diện bạn muốn chỉnh sửa.

Bước 3: Chọn Chỉnh sửa HTML/CSS

Bước 4: Màn hình Chỉnh sửa HTML/CSS hiện ra, bạn tiến hành code chỉnh lại giao diện nếu cần

Lưu ý:

Phần Chỉnh sửa HTML/CSS chỉ dùng cho người dùng có kiến thức chuyên môn lập trình web

Xóa Giao Diện

Khi một giao diện không còn sử dụng, bạn có thể xóa để quản lý danh sách gọn gàng hơn.

Bước 1: Tại menu bên trái màn hình quản trị, chọn Website > Giao diện.

Bước 2: Tại trang chi tiết Giao diện, nhấn vào nút Thao tác bên cạnh giao diện bạn muốn xóa

Bước 3: Chọn Xóa > hộp thoại cảnh báo hiện ra

Bước 4: Chọn Xóa để hoàn tất.

Cảnh báo

Giao diện đã bị xóa sẽ không thể được phục hồi, vì vậy bạn hãy cân nhắc kỹ lưỡng trước khi thực hiện hành động này.