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.
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.