Thêm văn bản trước giá sản phẩm WooCommerce

12

Thêm văn bản trước giá sản phẩm WooCommerce – Chức năng này khá hay ho so với mặc định WooCommerce chỉ hiện thị độc nhất giá cho các trang danh mục sản phẩm, chi tiết sản phẩm … Trong bài viết này mình sẽ giới thiệu tới các bạn một Plugin khá hữu dụng là WooCommerce RRP.

Thêm văn bản trước giá sản phẩm WooCommerce

WordPress là một nền tảng tuyệt vời để làm website. Chúng ta có thể làm bất cứ thể loại website nào mình muốn và WooCommerce là một trong số các Plugin tốt nhất để hỗ trợ WordPress tạo ra các website bán hàng chuyên nghiệp.

Thêm văn bản làm gì ?

Xuất phát từ nhu cầu cá nhân, hiện tại bên mình (iZdesigner) có một website Kho Stock – Chuyên bán hàng về tài nguyên đồ họa, website, video … Nhưng mặc định WooCommerce chỉ hiển thị giá đơn giản như hình ảnh bên dưới.

Thêm văn bản trước giá sản phẩm WooCommerce Thêm văn bản trước giá sản phẩm WooCommerce - Thêm văn bản trước giá sản phẩm WooCommerce
Thêm văn bản trước giá sản phẩm WooCommerce

Đối với nhiều người và khách hàng thì như vậy cũng Ok rồi. Nhưng mình cảm thấy nó đơn giản quá, muốn thêm vài chữ đằng trước nữa để hiển thị giá đẹp mắt hơn như hình bên dưới.

Thêm văn bản trước giá sản phẩm WooCommerce Thêm văn bản trước giá sản phẩm WooCommerce - Thêm văn bản trước giá sản phẩm WooCommerce
Thêm văn bản trước giá sản phẩm WooCommerce

Cách thêm như thế nào ?

Tất nhiên, đối với các bạn biết code thì có thể thêm dễ dàng bằng cách sửa Code trong Theme. Bản thân mình thích đơn giản để hướng dẫn cho các bạn mới làm quen với WordPress và giải pháp để thêm văn bản trước giá sản phẩm WooCommerce là sử dụng Plugin WooCommerce RRP.

Plugin này rất dễ sử dụng, chỉ vài bước đơn giản là bạn đã thực hiện xong.

Bước 1: Cài đặt Plugin WooCommerce RRP

Bạn truy cập Plugin > Add New > Tìm WooCommerce RRP > Cài đặt và kích hoạt bình thường.

Thêm văn bản trước giá sản phẩm WooCommerce - Thêm văn bản trước giá sản phẩm WooCommerce

Bước 2: Cấu hình Plugin WooCommerce RRP

Bạn truy cập WooCommerce > Settings > Kéo xuống một chút bạn sẽ thấy phần cài đặt của Plugin WooCommerce RRP

Thêm văn bản trước giá sản phẩm WooCommerce Thêm văn bản trước giá sản phẩm WooCommerce - Thêm văn bản trước giá sản phẩm WooCommerce
Thêm văn bản trước giá sản phẩm WooCommerce

Tại đây các bạn chỉ cần điền văn bản muốn hiển thị trước giá của sản phẩm và lưu lại là xong. Chi tiết 3 chức năng như sau:

  • Product Price Text: Văn bản trước giá bán bình thường
  • Sale Price Text: Văn bản trước giá bán khuyến mãi
  • Show Text On Archives: Hiển thị văn bản trong trang lưu trữ

Lưu ý: Lựa chọn 3 nếu các bạn check thì trong các trang lưu trữ sản phẩm như: Trang danh mục sản phẩm, tìm kiếm sản phẩm, Tag sản phẩm … sẽ hiển thị văn bản như hình bên dưới. Tùy vào giao diện của bạn và mình nhận thấy là khá xấu nên mình không sử dụng chức năng này.

Thêm văn bản trước giá sản phẩm WooCommerce Thêm văn bản trước giá sản phẩm WooCommerce - Thêm văn bản trước giá sản phẩm WooCommerce
Thêm văn bản trước giá sản phẩm WooCommerce

Thê thôi

Bên trên mình đã hướng dẫn các bạn cách để thêm văn bản trước giá sản phẩm WooCommerce với Plugin WooCommerce RRP. Chức năng không nhiều, cách sử dụng không hề khó nhưng mình nghĩ Plugin này sẽ hỗ trợ các bạn rất nhiều trong việc thiết lập website bán hàng trên nền tảng WordPress. Chúc các bạn may mắn.

12 Comments
  1. Vũ Minh Chiến nói

    :v WooCommerce nặng lắm rồi ông anh. Cài thêm ba cái này chắc quá tải luôn quá!

    1. Lại Văn Đức nói

      Ha ha ha. Còn tùy máy chủ mỗi nhà.

  2. Vũ Minh Chiến nói

    Anh Rep nhanh thật xài cái gì mà nó thông bái về mail cho em nữa vậy :v

    1. Lại Văn Đức nói

      Dùng Plugin SMTP nhé. Nếu chưa ok thì kết hợp thêm với Plugin ReplyMe.

  3. Lực nói

    Anh Đức cho em hỏi, mình muốn hiện nút Call now button lên trên website truy cập bằng laptop chứ ko phải điện thoại thì làm sao anh.
    Em làm hoài mà nó chỉ hiện lên điện thoại, ko hiện được trên laptop. Lúc xưa e có dùng cái plugin nó vừa hiện trên điện thoại vừa hiện lên trên laptop được do lâu quá e để mất cái plugin đó rồi anh. Anh hướng dẫn e làm cái này với

    1. Lại Văn Đức nói

      Chào bạn. Bạn viết code cho button đó rồi thêm CSS ẩn Mobile là được nhé.
      @media screen and (max-width 480px)

  4. Nguyên Trần nói

    Mình chưa biết gì về wordpress , làm sao để mình có thể tạo website bằng wordpress một cách đơn giản nhất ?

  5. Bùi Xuân Hạ nói

    Chào anh. cho em hỏi một chút, web của em trước thêm giá sản phẩm bình thường, bây giờ khi đăng sản phẩm mới lại không thêm giá và các thuộc tính sản phẩm khác được. anh biết cách khắc phục ko ạ

  6. Phong nói

    Anh ơi , nhu cầu e hơi khác chút :
    đó là e muốn thêm hiện thị dưới giá tiền sản phẩm dòng chữ
    “Đặt hàng 3 tuần ”
    hoặc
    Hàng có sẵn, free ship

    thì anh xem có plugin nào hỗ trợ không ạ

    Chứ code các thứ e không biết ạ

    1. Lại Văn Đức nói

      Chào bạn. không biết là có plugin nào không. còn mình thì chưa thấy plugin nào có chức năng đó cả.

  7. Hằng Nga nói

    Hay quá, em cho thuê đồ diễn mà khách cứ toàn hiểu nhầm giá thuê với giá bán, tks a Đức chia sẽ plugin này

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.