WooCommerce: Thêm văn bản dưới mỗi trang sản phẩm

Cách thêm văn bản dưới mỗi sản phẩm

Thêm thông báo “Free Shipping”, “Miễn phí Ship”, “Miễn phí vận chuyển” hoặc bất kỳ đoạn chữ nào mà bạn muốn thêm vào dưới mỗi sản phẩm WooCommerce trên Trang cửa hàng. Điều này có thể tăng tỷ lệ nhấp của bạn và do đó tỷ lệ chuyển đổi bán hàng của bạn. Dưới đây là một số đoạn mã PHP và CSS để bạn có thể triển khai chỉnh sửa hữu ích này.

Tại Sao Nên Thêm Văn Bản Dưới Tiêu Đề Sản Phẩm?

1. Tăng Tính Hấp Dẫn Của Sản Phẩm

Việc thêm các thông điệp như “Free ship” ngay dưới tiêu đề sản phẩm sẽ thu hút sự chú ý của khách hàng, giúp họ nhanh chóng nhận biết được những ưu đãi đặc biệt, từ đó tăng khả năng mua hàng.

2. Cải Thiện SEO

Các công cụ tìm kiếm đánh giá cao các trang web có cấu trúc nội dung rõ ràng và cung cấp thông tin hữu ích cho người dùng. Việc thêm văn bản dưới tiêu đề sản phẩm không chỉ giúp tối ưu hóa từ khóa mà còn cung cấp thêm thông tin có giá trị cho khách hàng.

3. Tăng Trải Nghiệm Người Dùng

Thông tin bổ sung dưới tiêu đề sản phẩm giúp khách hàng dễ dàng nắm bắt những điểm nổi bật của sản phẩm mà không cần phải đọc quá nhiều chi tiết, giúp họ có trải nghiệm mua sắm tốt hơn.

Đoạn mã PHP: hiển thị “Free Shipping” bên dưới mỗi sản phẩm WooCommerce Shop

– Thông thường để thêm mã bạn phải thêm vào file functions.php của Theme hoặc Child Theme tùy vào theme mà sẽ có 1 hoặc 2 file nhé. Trong bài này, mình sẽ sử dụng theme Flastsome thì có hỗ trợ child theme. – Bạn vào đường dẫn như sau: wp-content\themes\flatsome-child. Sau đó chọn mở file functions.php và thêm đoạn mã bên dưới.

Xem thêm: Child Theme WordPress là gì? Ưu điểm và nhược điểm

/**
* ThemeTOT - Mua Theme và Plugin WordPress bản quyền giá rẻ
* Website: https://themetot.com
*/

add_action( 'woocommerce_after_shop_loop_item', 'themetot_show_free_shipping_loop', 5 );

function themetot_show_free_shipping_loop() {
echo '<p class="shop-badge">Free Shipping</p>';
}

Sau khi thêm mã vào, bạn lưu lại và tận hưởng thành quả nhé!

Tôi không viết mã – có plugin nào đáng tin cậy cho việc đó không?

Vì nhiều người đọc thích viết mã nhưng không cảm thấy tự tin 100% với nó, tôi quyết định tìm kiếm một plugin đáng tin cậy đạt được kết quả tương tự (hoặc thậm chí tốt hơn). Trong trường hợp này, tôi đề xuất plugin YITH WooCommerce Badge Management . Ngoài việc hiển thị huy hiệu văn bản tùy chỉnh, bạn cũng có thể tạo CSS, hình ảnh và huy hiệu nâng cao, gán huy hiệu sản phẩm cho các sản phẩm hoặc danh mục cụ thể, chọn vị trí huy hiệu và hơn thế nữa…

Kết Luận

Việc thêm văn bản dưới tiêu đề mỗi trang sản phẩm trong WooCommerce là một cách hiệu quả để cải thiện trải nghiệm người dùng và tối ưu hóa SEO. Hy vọng bài viết này đã cung cấp cho bạn những thông tin hữu ích và hướng dẫn chi tiết để thực hiện thay đổi này. Hãy thử áp dụng và theo dõi sự cải thiện trong hiệu suất trang web của bạn.

Chúc bạn thành công trong việc quản lý và phát triển cửa hàng WooCommerce của mình!