Cross-sell Là Gì?
Cross-sell (Bán chéo) là chiến lược giới thiệu các sản phẩm liên quan khi khách hàng đang xem hoặc mua một sản phẩm nào đó. WooCommerce hỗ trợ tính năng này để tăng doanh thu và cải thiện trải nghiệm mua sắm.
Tại Sao Nên Dùng Cross-sell Trong WooCommerce?
- Tăng doanh thu: Giới thiệu sản phẩm bổ trợ giúp khách hàng mua nhiều hơn.
- Cải thiện trải nghiệm người dùng: Gợi ý các sản phẩm hữu ích liên quan đến sản phẩm chính.
- Tối ưu chi phí quảng cáo: Tận dụng khách hàng hiện có thay vì tìm kiếm khách hàng mới.
Cách Tạo Sản Phẩm Biến Thể Theo Dạng Cross-sell Trong WooCommerce
Bước 1: Cài Đặt WooCommerce Nếu Chưa Có
Nếu bạn chưa cài WooCommerce, hãy làm theo các bước sau:
- Vào Gói mở rộng > Cài mới.
- Tìm kiếm “WooCommerce”.
- Cài đặt và kích hoạt plugin.
Bước 2: Tạo Sản Phẩm Biến Thể
- Vào Sản phẩm > Thêm mới.
- Điền tên, mô tả và danh mục sản phẩm.
- Chọn Dữ liệu sản phẩm > Sản phẩm có biến thể.
- Thêm thuộc tính (ví dụ: Màu sắc, Kích thước) và chọn “Dùng cho biến thể”.
- Chuyển sang tab “Biến thể” và tạo các biến thể từ thuộc tính đã thêm.
- Thiết lập giá, hình ảnh và mô tả cho từng biến thể.
- Nhấn Lưu thay đổi.
Bước 3: Thêm Sản Phẩm Cross-sell
- Trong phần Dữ liệu sản phẩm, chọn tab Sản phẩm liên quan.
- Tại mục Bán chéo (Cross-sell), tìm và thêm các sản phẩm liên quan.
- Nhấn Cập nhật để lưu sản phẩm.
Bước 4: Kiểm Tra Hiển Thị
- Truy cập trang chi tiết sản phẩm và kiểm tra mục “Bạn có thể thích…” hoặc “Sản phẩm liên quan”.
- Đảm bảo các sản phẩm cross-sell hiển thị đúng.
Mẹo Tối Ưu Cross-sell Để Tăng Hiệu Quả
- Chọn sản phẩm bổ trợ hợp lý: Đề xuất sản phẩm liên quan chặt chẽ với sản phẩm chính.
- Sử dụng hình ảnh hấp dẫn: Hình ảnh đẹp giúp thu hút sự chú ý của khách hàng.
- Tạo chương trình giảm giá combo: Khuyến khích khách hàng mua nhiều hơn với ưu đãi hấp dẫn.
- Kiểm tra hiệu quả thường xuyên: Dùng Google Analytics hoặc plugin phân tích để theo dõi hiệu suất.
Kết Luận
Sử dụng cross-sell trong WooCommerce là một cách hiệu quả để tăng doanh thu và cải thiện trải nghiệm khách hàng. Hãy thử áp dụng ngay trên cửa hàng của bạn để thấy sự khác biệt!
Hướng dẫn thêm code thay đổi giao diện sản phẩm biến thể
Thêm metabox tiêu đề và tên tùy chỉnh cho khối sản phẩm bán chéo
//Thêm metabox tiêu đề cho khối sp bán chéo
add_action('add_meta_boxes', 'custom_cross_sell_title_metabox');
function custom_cross_sell_title_metabox() {
add_meta_box(
'cross_sell_title',
'Tiêu đề sản phẩm bán chéo',
'render_cross_sell_title_metabox',
'product',
'side'
);
}
function render_cross_sell_title_metabox($post) {
$value = get_post_meta($post->ID, 'custom_cross_sell_title', true);
echo '<label for="custom_cross_sell_title">Nhập tiêu đề tùy chỉnh:</label>';
echo '<input type="text" id="custom_cross_sell_title" name="custom_cross_sell_title" value="' . esc_attr($value) . '" style="width:100%;" />';
}
// Lưu tiêu đề tùy chỉnh
add_action('save_post', 'save_custom_cross_sell_title');
function save_custom_cross_sell_title($post_id) {
if (isset($_POST['custom_cross_sell_title'])) {
update_post_meta($post_id, 'custom_cross_sell_title', sanitize_text_field($_POST['custom_cross_sell_title']));
}
}
//THêm meta box tên tùy chỉnh cho sản phẩm bán chéo
add_action('add_meta_boxes', function () {
add_meta_box('cross_sell_name', 'Tên Tùy Chỉnh Bán Chéo', 'render_cross_sell_name_meta_box', 'product', 'side');
});
function render_cross_sell_name_meta_box($post) {
$value = get_post_meta($post->ID, 'custom_cross_sell_name', true);
echo '<input type="text" name="custom_cross_sell_name" value="' . esc_attr($value) . '" style="width: 100%;">';
}
add_action('save_post', function ($post_id) {
if (isset($_POST['custom_cross_sell_name'])) {
update_post_meta($post_id, 'custom_cross_sell_name', sanitize_text_field($_POST['custom_cross_sell_name']));
}
});
Bạn thêm đoạn code trên vào file function.php của theme bạn đang sử dụng nhé.
.custom-cross-sells {
margin: 10px 10px 0 10px;
}.custom-cross-sells h3 {
font-size: 17px;
font-weight: 500;
}.custom-cross-sells a {
display: inline-block;
border: 1px solid #dedede;
border-radius: 10px;
padding: 5px 14px;
color: #333;
text-align: center;
margin-right: 10px;
font-weight: 500;
}.custom-cross-sells a.current {
border: 1px solid #d70018;
background: #fffaeb;
}.custom-cross-sells a.current i {
background-image: url(//theme.hstatic.net/200000823693/1001172883/14/check.png?v=1009);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
border: none;
}.custom-cross-sells a bdi {
font-size: 17px !important;
box-shadow: none !important;
border: none !important;
text-shadow: none !important;
display: block;color: #E5322D;
}i.ratio {
width: 12px;
height: 12px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 50%;
margin-right: 5px;
vertical-align: -1px;
}
Bạn thêm đoạn code này để làm đẹp giao diện vừa nãy nhé!
Lời kết
Như vậy, mình đã hướng dẫn bạn cách tạo sản phẩm biến thể theo dạng cross-sell một cách đơn giản và hiệu quả. Hy vọng với những bước hướng dẫn trên, bạn có thể áp dụng thành công vào cửa hàng WooCommerce của mình. Chúc bạn kinh doanh phát đạt và không ngừng phát triển!
