Hướng dẫn sử dụng khối Sản phẩm Showcase trong Bio Link

Ước tính thời gian đọc: 17 phút 5 lượt xem

Giới thiệu

Khối Sản phẩm Showcase là một công cụ mạnh mẽ trong Bio Link cho phép bạn trưng bày các sản phẩm, dịch vụ hoặc nội dung theo cách chuyên nghiệp và hấp dẫn. Với nhiều tùy chọn thiết kế và chức năng tích hợp giỏ hàng, khối này lý tưởng cho các cửa hàng trực tuyến, người bán hàng cá nhân, người sáng tạo nội dung và bất kỳ ai muốn giới thiệu sản phẩm trên Bio Link của mình.

Lưu ý: Sản phẩm Showcase là giải pháp hoàn hảo cho việc trưng bày sản phẩm mà không cần tạo trang web riêng. Kết hợp nhiều khối Sản phẩm Showcase, bạn có thể xây dựng một cửa hàng mini hoàn chỉnh ngay trong Bio Link của mình!

Cài đặt cơ bản

Thiết lập thông tin sản phẩm

  1. Nhấp vào nút “Cài đặt chung” để mở rộng phần cài đặt
  2. Nhập các thông tin cơ bản:
    • Tên sản phẩm: Đặt tên ngắn gọn và mô tả rõ ràng
    • Mô tả: Thêm mô tả ngắn về sản phẩm
    • Giá: Nhập giá sản phẩm (có thể sử dụng định dạng như “299.000₫”)
    • URL đích: Nhập liên kết đến trang chi tiết sản phẩm (nếu có)

Thêm hình ảnh sản phẩm

  1. Nhấp vào nút “Tải lên tệp” trong phần Cài đặt chung
  2. Chọn ảnh sản phẩm từ máy tính của bạn
  3. Lưu ý về kích thước và định dạng hình ảnh:
    • Định dạng được hỗ trợ: JPG, JPEG, PNG, GIF
    • Kích thước tệp tối đa: Thường là 2MB
    • Tỷ lệ ảnh tốt nhất: 1:1 hoặc 4:3
Mẹo: Sử dụng hình ảnh có nền trong suốt hoặc màu phù hợp với thiết kế tổng thể Bio Link của bạn. Đảm bảo sản phẩm được chụp rõ ràng, sắc nét và chiếm phần lớn khung hình.

Thiết lập giảm giá

Bạn có thể thiết lập phần trăm giảm giá cho sản phẩm:

  1. Trong phần “Nút mua hàng”, tìm mục “Phần trăm giảm giá (%)”
  2. Nhập số phần trăm giảm giá (ví dụ: 20 cho giảm giá 20%)
  3. Khi cài đặt giảm giá, hệ thống sẽ tự động hiển thị giá gốc bị gạch ngang và giá đã giảm
Hiển thị giá khi có giảm giá:
279.000₫ 349.000₫ -20%

Chọn kiểu hiển thị

Khối Sản phẩm Showcase cung cấp nhiều kiểu thiết kế khác nhau phù hợp với từng loại sản phẩm và phong cách riêng:

  1. Nhấp vào nút “Kiểu dáng” để mở rộng phần cài đặt
  2. Chọn một trong các kiểu có sẵn:

Các kiểu hiển thị phổ biến

Mặc định
Hiển thị thông tin cơ bản, phù hợp cho mọi loại sản phẩm
Thời trang cao cấp
Phù hợp cho thời trang, đồ hiệu và sản phẩm cao cấp
E-commerce
Thiết kế hiện đại phù hợp cho cửa hàng trực tuyến

Ngoài ra còn có các kiểu khác như Công nghệ (phù hợp cho thiết bị điện tử), Sức khỏe (phù hợp cho sản phẩm chăm sóc sức khỏe, thực phẩm chức năng), Gaming (phù hợp cho phụ kiện và sản phẩm game), Giải trí (phù hợp cho sự kiện, vé), và Sản phẩm (thiết kế trung tính cho nhiều loại sản phẩm).

Lưu ý: Một số kiểu dáng đánh dấu “PRO” chỉ có sẵn cho người dùng nâng cấp. Nếu bạn đang sử dụng gói miễn phí, bạn sẽ chỉ có thể truy cập kiểu Mặc định.

Tùy chỉnh kiểu dáng đặc biệt

Sau khi chọn kiểu, bạn có thể tùy chỉnh thêm các tùy chọn đặc biệt cho từng kiểu. Ví dụ:

  1. Kiểu Thời trang cao cấp:
    • Tuỳ chọn viết hoa toàn bộ tiêu đề
    • Điều chỉnh khoảng cách chữ
  2. Kiểu Công nghệ:
    • Chọn biểu tượng công nghệ
    • Thêm tags đặc điểm kỹ thuật
  3. Kiểu Sức khỏe:
    • Thêm các thẻ đặc trưng (Organic, Vegan, Non-GMO,…)
    • Điều chỉnh màu chủ đạo

Thiết lập phân loại sản phẩm

Nếu sản phẩm của bạn có nhiều phiên bản (màu sắc, kích cỡ,…), bạn có thể thiết lập các phân loại:

  1. Nhấp vào nút “Phân loại” để mở rộng phần cài đặt
  2. Nhấp “Thêm nhóm” để tạo một nhóm phân loại mới
  3. Cấu hình nhóm phân loại:
    • Tên nhóm: Ví dụ “Màu sắc”, “Kích cỡ”
    • Loại nhóm: Chọn “Text” (chữ), “Color” (màu sắc) hoặc “Image” (hình ảnh)
  4. Thêm các tùy chọn cho nhóm phân loại
  5. Lặp lại quy trình để thêm nhiều nhóm phân loại khác nhau
Nhóm phân loại: Kích cỡ
S
M
L
XL
Nhóm phân loại: Màu sắc
Đen
Đỏ
Xanh

Khi người dùng chọn các phân loại khác nhau, thông tin này sẽ được lưu vào giỏ hàng, giúp bạn biết chính xác khách hàng muốn mua phiên bản nào của sản phẩm.

Cấu hình nút mua hàng

Nút mua hàng là điểm tương tác chính cho người dùng:

  1. Nhấp vào nút “Nút mua hàng” để mở rộng phần cài đặt
  2. Chọn hiển thị nút mua hàng (Có/Không)
  3. Tùy chỉnh văn bản nút (mặc định là “Mua ngay”)
  4. Điều chỉnh màu nền và màu chữ của nút

Nếu bạn tắt hiển thị nút mua hàng, toàn bộ khối sẽ trở thành một liên kết có thể nhấp vào.

Thiết lập giỏ hàng

Chức năng giỏ hàng cho phép người dùng thêm nhiều sản phẩm vào giỏ trước khi đặt hàng:

  1. Nhấp vào nút “Giỏ hàng” để mở rộng phần cài đặt
  2. Bật “Chức năng thêm vào giỏ hàng”
  3. Tùy chỉnh:
    • Văn bản nút giỏ hàng: Mặc định là “Thêm vào giỏ”
    • Thông báo thêm vào giỏ thành công: Hiển thị khi người dùng thêm sản phẩm vào giỏ
    • Màu nút giỏ hàngMàu văn bản nút giỏ hàng
Mẹo: Sử dụng màu khác nhau cho nút “Mua ngay” và “Thêm vào giỏ” để phân biệt rõ hai hành động. Ví dụ, sử dụng màu xanh lam (#007bff) cho “Mua ngay” và màu xanh lục (#28a745) cho “Thêm vào giỏ”.

Cài đặt chi tiết sản phẩm

Chức năng này cho phép hiển thị thông tin chi tiết về sản phẩm trong cửa sổ popup khi người dùng nhấp vào:

  1. Nhấp vào nút “Chi tiết” để mở rộng phần cài đặt
  2. Bật “Chức năng xem chi tiết”
  3. Nhập mô tả chi tiết sản phẩm vào trường văn bản
    • Bạn có thể sử dụng HTML cơ bản để định dạng nội dung
Mô tả chi tiết sản phẩm (Ví dụ)

Áo Hoodie Unisex Cotton

Chất liệu: 100% cotton cao cấp, dày dặn

Đặc điểm nổi bật:

  • Giữ ấm tốt trong mùa lạnh
  • Thiết kế unisex phù hợp mọi giới tính
  • Túi kangaroo tiện lợi
  • Mũ trùm đầu có dây rút điều chỉnh

Hướng dẫn giặt: Giặt máy ở nhiệt độ thấp, không tẩy, phơi trong bóng râm.

Bạn có thể sử dụng HTML cơ bản để định dạng nội dung

Khi bật chức năng này, nút “Xem chi tiết” sẽ xuất hiện trên sản phẩm thay vì chuyển hướng đến URL đích khi được nhấp vào.

Tùy chỉnh nâng cao

Tùy chỉnh màu sắc và căn chỉnh

  1. Nhấp vào nút “Tùy chỉnh” để mở rộng phần cài đặt
  2. Điều chỉnh các tùy chọn:
    • Màu tiêu đề: Màu cho tên sản phẩm
    • Căn chỉnh văn bản: Trái, giữa, phải hoặc justify
    • Màu mô tả: Màu cho phần mô tả sản phẩm
    • Màu giá: Màu cho phần giá sản phẩm
    • Màu nền: Màu nền cho toàn bộ khối

Hiệu ứng animation

Bạn có thể thêm hiệu ứng chuyển động cho khối sản phẩm:

  1. Trong phần “Tùy chỉnh”, tìm mục “Animation”
  2. Chọn một hiệu ứng (bounce, flash, pulse, rubberBand, v.v.)
  3. Chọn số lần hiệu ứng chạy (1, 2, 3 lần hoặc vô hạn)
Lưu ý: Sử dụng hiệu ứng animation một cách thận trọng. Quá nhiều hiệu ứng có thể gây mất tập trung và làm trang web trở nên nặng nề. Hiệu ứng vô hạn có thể gây khó chịu cho người dùng.

Thiết lập quy tắc hiển thị

Bạn có thể kiểm soát khi nào và cho ai hiển thị sản phẩm:

  1. Nhấp vào nút “Display settings” để mở rộng phần cài đặt
  2. Thiết lập các quy tắc hiển thị:

Lập lịch hiển thị

Sử dụng tính năng này để chỉ hiển thị sản phẩm trong một khoảng thời gian cụ thể:

  1. Bật công tắc “Schedule”
  2. Chọn ngày và giờ bắt đầu hiển thị
  3. Chọn ngày và giờ kết thúc hiển thị

Lập lịch hiển thị đặc biệt hữu ích cho các sản phẩm theo mùa, flash sale hoặc sản phẩm có thời hạn.

Giới hạn đối tượng xem

Bạn có thể giới hạn đối tượng xem sản phẩm dựa trên:

  1. Quốc gia: Chỉ hiển thị cho người dùng từ các quốc gia cụ thể
  2. Thiết bị: Chỉ hiển thị trên desktop, tablet hoặc mobile
  3. Ngôn ngữ: Chỉ hiển thị cho người dùng sử dụng ngôn ngữ cụ thể
  4. Hệ điều hành: Chỉ hiển thị trên các hệ điều hành như iOS, Android, Windows, v.v.
Ví dụ về giới hạn đối tượng xem
Quốc gia
Thiết bị

Kết hợp với các khối khác

Để tạo trải nghiệm mua sắm hoàn chỉnh, bạn có thể kết hợp khối Sản phẩm Showcase với các khối khác:

Kết hợp với Menu

Thêm khối Menu để tạo các danh mục sản phẩm, giúp người dùng dễ dàng duyệt qua các nhóm sản phẩm khác nhau:

  1. Tạo khối Menu với các mục như “Quần áo”, “Giày dép”, “Phụ kiện”
  2. Đặt ID khối cho từng nhóm sản phẩm
  3. Liên kết các mục menu đến ID khối tương ứng

Kết hợp với Phone Collector

Sử dụng khối Phone Collector để thu thập thông tin đặt hàng:

  1. Tạo khối Phone Collector với các trường thông tin cần thiết
  2. Trong phần “Giỏ hàng” của khối Sản phẩm Showcase, bật “Kích hoạt tính năng đặt hàng”
  3. Nhập ID của khối Phone Collector vào trường “Block ID của Phone Collector”
  4. Khi người dùng nhấp vào “Đặt hàng” từ giỏ hàng, form thu thập thông tin sẽ xuất hiện

Mẹo và thủ thuật

Tạo bộ sưu tập sản phẩm

Để tạo một cửa hàng trực tuyến hoàn chỉnh:

  1. Tổ chức sản phẩm thành các nhóm logic (ví dụ: theo loại, theo bộ sưu tập)
  2. Sử dụng khối Text để tạo tiêu đề cho mỗi nhóm
  3. Thêm nhiều khối Sản phẩm Showcase dưới mỗi tiêu đề
  4. Sử dụng khối Menu để tạo điều hướng nhanh đến từng phần

Tối ưu hóa hiệu suất bán hàng

  1. Sử dụng hình ảnh chất lượng cao: Hình ảnh sản phẩm rõ ràng, chuyên nghiệp làm tăng tỷ lệ chuyển đổi
  2. Viết mô tả hấp dẫn: Tập trung vào lợi ích và giải pháp sản phẩm mang lại
  3. Sử dụng các nhãn khuyến mãi: Thêm các nhãn như “New”, “Hot”, “Sale” để thu hút sự chú ý
  4. Tạo cảm giác khan hiếm: Sử dụng thông báo như “Chỉ còn 5 sản phẩm” hoặc “Khuyến mãi có hạn”

Theo dõi hiệu quả

Theo dõi hiệu quả của các sản phẩm để tối ưu hóa Bio Link:

  1. Quan sát số lượng nhấp chuột trên từng sản phẩm
  2. Kiểm tra tỷ lệ chuyển đổi (số người mua / số người xem)
  3. Điều chỉnh vị trí, thiết kế và nội dung dựa trên kết quả

Giải thích thuật ngữ

  • Bio Link: Trang web “tất cả trong một” chứa nhiều liên kết và nội dung, thường được sử dụng trong tiểu sử mạng xã hội
  • Phân loại sản phẩm: Các biến thể khác nhau của một sản phẩm như màu sắc, kích cỡ, phiên bản
  • Block ID: Mã định danh duy nhất của mỗi khối trong Bio Link, dùng để liên kết các khối với nhau
  • Gradient: Hiệu ứng chuyển đổi mềm mại giữa hai hay nhiều màu sắc
  • Animation: Hiệu ứng chuyển động áp dụng cho các yếu tố trên trang web
  • Popup: Cửa sổ nhỏ hiển thị thông tin bổ sung mà không cần chuyển hướng đến trang khác

Kết luận

Khối Sản phẩm Showcase là một công cụ mạnh mẽ để trưng bày và bán sản phẩm trực tiếp từ Bio Link của bạn. Với nhiều tùy chọn thiết kế và chức năng tích hợp, bạn có thể tạo ra trải nghiệm mua sắm chuyên nghiệp mà không cần một trang web riêng.

Bằng cách kết hợp các khối Sản phẩm Showcase với các khối khác như Menu và Phone Collector, bạn có thể xây dựng một cửa hàng trực tuyến mini hoàn chỉnh, phù hợp cho nhiều loại sản phẩm và dịch vụ. Hãy thử nghiệm với các kiểu dáng và tùy chọn khác nhau để tìm ra cách hiển thị hiệu quả nhất cho sản phẩm của bạn.

Bình luận ý kiến đóng góp của bạn

Chia sẻ bài viết

Hướng dẫn sử dụng khối Sản phẩm Showcase trong Bio Link

Hoặc sao chép đường dẫn

NỘI DUNG