HƯỚNG DẪN THAY ĐỔI BANNER TRANG CHỦ (UX BUILDER)

Banner trang chủ là điểm nhấn quan trọng, góp phần truyền tải thông điệp thương hiệu và tạo ấn tượng đầu tiên với khách truy cập. Để giúp Quý khách dễ dàng cập nhật hình ảnh phù hợp và tối ưu trải nghiệm người dùng, tài liệu này hướng dẫn chi tiết các bước thay đổi banner trên giao diện Flatsome thông qua công cụ UX Builder — trình chỉnh sửa trực quan mạnh mẽ, thân thiện và thuận tiện cho mọi đối tượng sử dụng.

Bước 1: Đăng nhập quản trị

Quý khách truy cập vào trang quản trị website (Dashboard) bằng tài khoản đã được cấp.

Bước 2: Truy cập danh sách Trang

Tại thanh menu chức năng bên trái của Bảng tin:

1. Tìm và chọn mục Trang (Pages).
2. Click vào Tất cả các trang (All Pages) để hiện danh sách các trang đang có trên website.

   

 Ghi chú: Truy cập menu Trang -> Tất cả các trang.

Bước 3: Mở trình sửa giao diện (UX Builder)

Đây là bước quan trọng nhất. Thay vì chọn chế độ chỉnh sửa văn bản thông thường, chúng ta sẽ sử dụng công cụ trực quan.

1. Trong danh sách, Quý khách tìm đến dòng có tên là Trang chủ (thường có ghi chú Front Page).
2. Di chuột vào đó và chọn dòng Edit with UX Builder.

Ghi chú: Chọn “Edit with UX Builder” ngay dưới mục Trang chủ.

Bước 4: Thay đổi hình ảnh Banner

Giao diện chỉnh sửa trực quan sẽ hiện ra. Lúc này màn hình chia làm 2 phần: Bên trái là công cụ cài đặt, Bên phải là màn hình hiển thị thực tế.

1. Chọn Banner: Click chuột trái trực tiếp vào hình ảnh banner to đang hiển thị trên màn hình bên phải.
2. Thay ảnh: Nhìn sang cột công cụ bên trái (mục Slider/Image), Quý khách nhấn vào nút Change media.
3. Chọn ảnh mới: Tải ảnh từ máy tính lên hoặc chọn ảnh có sẵn trong thư viện.

 Ghi chú: Chọn banner và nhấn nút “Change media” ở cột trái để đổi ảnh.

Bước 5: Lưu lại thay đổi

Sau khi ảnh mới đã hiện ra ưng ý:

1. Nhấn nút Apply (Áp dụng) ở cột bên trái.
2. Nhấn nút Update (Cập nhật) màu xanh ở góc dưới cùng để chính thức lưu lại lên website.

Mẹo chuyên gia từ BKNS

• Kích thước chuẩn: Để banner đẹp nhất, hãy thiết kế ảnh theo tỷ lệ 1920×600 px hoặc 1920×720 px.
• Tối ưu dung lượng: Ảnh banner thường rất nặng. Hãy nén ảnh xuống dưới 300KB (sử dụng các công cụ như TinyPNG) trước khi tải lên để website không bị tải chậm nhé!

Kết luận

Với UX Builder, việc chỉnh sửa banner trở nên nhanh chóng và trực quan, giúp Quý khách chủ động làm mới giao diện mà không cần tới thao tác kỹ thuật phức tạp. Khi lựa chọn hình ảnh đạt chuẩn và tối ưu dung lượng, website sẽ vận hành mượt mà và thể hiện tính chuyên nghiệp cao hơn.
Đội ngũ BKNS luôn sẵn sàng đồng hành để đảm bảo website hoạt động hiệu quả và đúng theo mong muốn.

BÀI VIẾT LIÊN QUAN