Bean Cargo

Hướng dẫn sử dụng Theme Bean Cargo

• Created: 04/05/2026
• By: Mr. Bean
• Email: [email protected]

Xin chào! Cám ơn bạn đã chọn giao diện của chúng tôi. Dưới đây là những hướng dẫn để bạn cài đặt cũng như sử dụng chủ đề của chúng tôi. Mọi thắc mắc bạn có thể gửi về [email protected] Chúng tôi thực sự đánh giá cao và hi vọng bạn sẽ thích giao diện của chúng tôi.

Bean Cargo là giao diện chuyên biệt cho website vận chuyển, logistics và kho bãi, phù hợp giới thiệu doanh nghiệp và dịch vụ giao nhận.
Theme vẫn tích hợp bán hàng, hỗ trợ kinh doanh dịch vụ và sản phẩm liên quan, tối ưu trải nghiệm và chuyển đổi.

Sau khi cài đặt theme mới lên cửa hàng, bạn bấm vào TÙY CHỈNH GIAO DIỆN để tùy chỉnh theme:

Đầu tiên, bạn tìm đến THIẾT LẬP CHUNG:

Tại phần thiết lập chung, chúng tôi cung cấp cho bạn được tùy chỉnh mạnh mẽ giao diện:

• Dùng Favicon
• Ảnh nền Breadcrumb
• Dùng Quay lại đầu trang
• Dùng quickview
• Dùng sản phẩm yêu thích
• Dùng So sánh sản phẩm
• Thiết lập màu sắc chủ đạo cho theme
• Meta Keyword

Để thiết lập bạn tìm đến phần thiết lập Thiết lập popup thông báo và cờ ngôn ngữ:

Tại đây cho phép bạn cấu hình các nội dung và tính năng như sau:

• Popup thông báo
• Ngôn ngữ
• Trong ngôn ngữ có thiết lập tính năng gg dịch

Để thiết lập bạn tìm đến phần thiết lập Nút liên hệ hỗ trợ:

Tại đây chúng tôi cho bạn thay đổi màu nút và cấu hình hiển thị các nút hỗ trợ gồm:

• Tìm nhanh
• Hotline
• Zalo
• Messenger

Để thiết lập đầu trang, bạn tìm đến phần thiết lập Đầu trang:

Tại đây cho phép bạn cấu hình các nội dung và tính năng như sau:

• Logo
• Thông tin liên hệ
• Tính năng gợi ý từ khóa tìm kiếm và lịch sử tìm kiếm
• Tính năng tìm kiếm thông minh
• Thiết lập menu
• Thiêt lập mega menu

Để thiết lập chân trang, bạn cần tìm đến mục Chân trang:

Tại đây bạn có thể thiết lập các nội dung và tính năng ở chân trang như:

• Các cột thông tin như ảnh nền, màu nền chân trang, mạng xã hội, thông tin chính sách, hướng dẫn, đăng ký nhận tin, maps, zalo mini app, bản quyền

Trên trang chủ, chúng tôi chung cấp 14 module cho phép bạn có thể lựa chọn và sắp xếp vị trí của chúng trên trang chủ

• Module Slider
• Module Giới thiệu
• Module dịch vụ
• Module Giải pháp
• Module Thống kê
• Module Tab Sản phẩm
• Module Nhận xét của khách hàng
• Module Quy trình làm việc
• Module Tin tức
• Module From
• Module Giới thiệu 2
• Module logo các đối tác

Để chọn lựa và sắp xếp các module trang chủ, bạn cần tìm đến thiết lập Trang chủ:

Nếu module nào bạn không muốn sử dụng hoặc ẩn nó trên website, bạn có thể lựa chọn là không dùng

Module Slider

Tại đây bạn thiết lập các ảnh slider, liên kết ảnh, nội dung trên slider.

Ngoài ra còn tùy chọn Hiển thị thay thế slider ảnh bằng 1 video dropbox

Xem hướng dẫn up video tại đây

Module Giới thiệu

- Theme hỗ trợ hiển thị khối thể hiện giới thiệu sơ lượt về cửa hàng. Để thiết lập, bạn vui lòng vào mục Trang chủ - Module Giới thiệu

Module dịch vụ

Theme cung cấp cho bạn khối dịch vụ trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module dịch vụ:

Module Giải pháp

Để cấu hình khối dự án. Bạn có thể cấu hình trong Trang chủ - Module Giải pháp:

Module Thống kê

Tại đây bạn thiết lập tiêu đề + dữ liệu thống kê

Module Tab Sản phẩm

Theme cung cấp cho bạn khối tab sản phẩm trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Tab sản phẩm:

- Bạn có thể thiết lập tiêu đề, số sản phẩm hiển thị chung cho các tab và thiết lập danh mục cho từng tab.

Module Nhận xét khách hàng

- Theme cung cấp cho bạn khối đánh giá của KH trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Nhận xét khách hàng

Module Quy trình làm việc

- Theme cung cấp cho bạn khối tại sao chọn trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Quy trình làm việc

Module Tin tức

- Theme cung cấp cho bạn Module tin tức. Để cấu hình bạn vào mục Trang chủ - Module Tin tức

Module Form

- Theme cung cấp cho bạn Module Form thông tin. Để cấu hình bạn vào mục Trang chủ - Module Form

- Các trường dữ liệu của form sẽ được gửi về mail thông báo của admin. Form lấy theo form liên hệ của hệ thống Sapo

Module Giới thiệu 2

- Theme cung cấp cho bạn Module giải đáp các thắc mắc của khách hàng. Để cấu hình bạn vào mục Trang chủ - Module Giới thiệu 2

Module Đối tác

Tại đây, bạn được phép thiết lập:

• Số sản phẩm trên 1 trang
• Khối banner ảnh
• Khối danh mục sản phẩm dọc trên bộ lọc
• Mô tả danh mục
• Hiển thị bộ lọc sản phẩm

Theme cung cấp cho bạn quyền tùy chỉnh mạnh mẽ trang chi tiết sản phẩm. Để thiết lập trang này, bạn cần tìm đến mục Trang sản phẩm:

Tại đây, bạn được phép thiết lập:

• Biến thể màu
• Thiết lập Khuyến mãi nổi bật
• Tag Video
• Khối chính sách
• Thông tin hỗ trợ trưc tuyến
• Thông tin các mã giảm giá
• Sản phẩm mua kèm
• Thông tin sản phẩm
• Thông số kỹ thuật (thông số thành phần)
• Có thể bạn thích
• Sản phẩm liên quan
• Sản phẩm đã xem

Hướng dẫn thiết lập nội dung sản phẩm:

- Đối với 1 sản phẩm muốn thể hiện đầy đủ các thông tin như: Thông tin khuyến mãi tổng quan (Hiện bên ngoài trong ô sản phẩm), Thông tin khuyến mãi chi tiết (trong trang chi tiết sản phẩm), Thông tin thông số kỹ thuật rút gọn, thông số kỹ thuật chi tiết (popup). Bạn sẽ nhập nội dung mô tả sản phẩm theo cấu trúc thứ tự như sau:

1. Mô tả sản phẩm.

2. Dòng Heading 6 thứ nhất.

3. Nội dung cho thông số kỹ thuật tổng quan (dạng bảng table 2 cột).

+ Lấy đoạn code HTML mẫu cho mô tả sản phẩm tại đây:

Để thiết lập trang danh mục blog và chi tiết tin tức, bạn cần tìm đến mục Trang blog:

Tại đây, bạn có thể thiết lập số bài viết hiển thị trên 1 trang, danh mục, tin nổi bật, chia sẽ bài viết, bài viết liên quan

Demo mẫu Ví dụ:

Mục lục sẽ lấy theo Heading 2 và heading 3 trong nội dung tin tức:

Kết quả:

Để cấu hình thông tin trang giải pháp, Bạn chọn mục Trang Giải pháp

Để thiết lập bạn Tạo danh mục blog và chọn layout blog.giai-phap.

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang Giải pháp để tùy chỉnh

HƯỚNG DẪN TRANG CHI TIẾT GIẢI PHÁP

Để thiết lập bạn Tạo bài viết và chọn layout article.giai-phap.

Để cấu hình thông tin trang dịch bụ, Bạn chọn mục Trang Dịch vụ

Để thiết lập bạn Tạo trang nội dung và chọn layout page.dich-vu.

HƯỚNG DẪN CÁCH NHẬP VÀ TẠO DỊCH VỤ

Để thiết lập bạn Tạo trang nội dung và chọn khung giao diện là page.chi-tiet-dich-vu.

Hướng dẫn thiết lập nội dung dịch vụ:

Demo mẫu Ví dụ:

- Đối với 1 dịch vụ muốn thể hiện đầy đủ các thông tin như: Nội dung, các tab, hình ảnh các tab. Bạn sẽ nhập nội dung mô tả sản phẩm theo cấu trúc thứ tự như sau:

1. Mô tả dịch vụ.

Dòng tab 1

2. Dòng Heading 5 tách tiêu đề cho các tab ở Dòng tab 1.

4. Dòng tab 2

5. Dòng Heading 6 tách tiêu đề cho các tab ở Dòng tab 2 của mỗi tab h5.

Bên dưới tiêu đề thẻ h5 nhập nội dung và hình ảnh

+ Lấy đoạn code HTML mẫu cho mô tả dịch vụ tại đây:

Copy đoạn mã phía trên và vào mô tả trang nội dung. Chuyển sang mã HTML dán và lưu lạu.

Để cấu hình thông tin trang đội ngũ, Bạn chọn mục Trang Tuyển dụng

Để thiết lập bạn Tạo danh mục blog và chọn layout blog.tuyen-dung.

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang Tuyển dụng để tùy chỉnh

HƯỚNG DẪN CÁCH NHẬP VÀ TẠO TUYỂN DỤNG

Để thiết lập bạn Tạo bài viết và chọn layout article.tuyen-dung.

- Thông tin dự án được hướng dẫn trong thiết lập Hướng dẫn nhập tag đội ngũ

Để cấu hình thông tin trang liên hệ, Bạn chọn mục Trang liên hệ

Tại đây bạn có thể thay đổi Bản đồ cũng như các thông tin  liên hệ:

Phần iframe bản đồ. Bạn truy cập vào https://www.google.com/maps nhập địa chỉ shop bạn. Sau đó chọn nút Chia sẻ:

Tiếp theo, bạn chọn tab Nhúng bản đồ và chọn Sao chép HTML

Tiếp theo, bạn parse đoạn mã iframe đó vào ô nhập mã iframe trong thiết lập trang liên hệ:

Cuối cùng. Trong admin website. Bạn tạo 1 trang nội dung và chọn khung giao diện là page.contact

Để cấu hình thông tin trang flash sale, Bạn chọn mục Trang giới thiệu

Để thiết lập bạn Tạo trang nội dung và chọn layout page.about.

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang giới thiệu để tùy chỉnh

Bước 1: Để thiết lập bạn Tạo trang nội dung và chọn layout page.faq.

Bước 2: Vào thiết lập Trang hỏi đáp để tùy chỉnh ạ

Bước 3: Vào nhập nội dung cho trang hỏi đáp theo cấu trúc như bên dưới

Bước 1: Để thiết lập bạn Tạo trang nội dung và chọn layout page.he-thong-cua-hang.

Bước 2: Tạo google sheet với sườn như thế này, ở phía dưới là các thông tin tương ứng, link mẫu: Click vào đây

address: Địa chỉ đầy đủ
name: Tên cửa hàng
sdt: Số điện thoại
city: Thành Phố
district : Quận/huyện
url: Đường dẫn google map lấy theo hướng dẫn bên dưới

Trong iframe chỉ lấy đoạn trong src thôi, ví dụ: src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.5181702233717!2d106.65107481440897!3d10.771568592324822!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752ec07488c543%3A0x7dc9617e924ddb50!2zNzAgTOG7ryBHaWEsIFBoxrDhu51uZyAxNSwgUXXhuq1uIDExLCBUaMOgbmggcGjhu5EgSOG7kyBDaMOtIE1pbmggNzAwMDAwLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1668009442373!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" Thì chỉ lấy: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.5181702233717!2d106.65107481440897!3d10.771568592324822!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752ec07488c543%3A0x7dc9617e924ddb50!2zNzAgTOG7ryBHaWEsIFBoxrDhu51uZyAxNSwgUXXhuq1uIDExLCBUaMOgbmggcGjhu5EgSOG7kyBDaMOtIE1pbmggNzAwMDAwLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1668009442373!5m2!1sen!2s

Bước 3: lấy link gắn vào thiết lập

Bước 4: Để hiển thị thành phố chỗ này thì nhập ở đây ạ, cách nhau bằng dấu ;

Cám ơn các bạn đã chọn theme của chúng tôi.
Ngoài ra, nếu cần sự giúp đỡ, bạn có thể liên lạc với chúng tôi qua email: [email protected].
Chúng tôi luôn vui lòng giúp đỡ các bạn.