Thay đổi giá một cách năng động trong Shopify Lúc đầu có thể giống như hack ma trận. Tôi đã dành nhiều tháng để giúp khách hàng triển khai điều này, thử nghiệm các phương pháp khác nhau và tìm ra phương pháp thực sự hiệu quả — và phương pháp nào là lãng phí thời gian.
Vì vậy, tôi đã biên soạn hướng dẫn này để giúp bạn bỏ qua việc thử và sai. Bạn sẽ thấy điều gì hiệu quả, điều gì không và chính xác cách thực hiện Shopify hiển thị nhiều mức giá khác nhau mà không làm hỏng mọi thứ trong cửa hàng của bạn.
Phán quyết nhanh: Cách thay đổi giá động trong Shopify
Shopify không hỗ trợ giá động một cách tự nhiên, nhưng hoàn toàn có thể thực hiện được nếu áp dụng đúng cách.
Nếu bạn đang trên Shopify Plus, Sử dụng Shopify Kịch bản để áp dụng các quy tắc như chiết khấu theo số lượng hoặc giá bán buôn trực tiếp vào giỏ hàng và thanh toán.
On Gói cơ bản hoặc nâng cao, lựa chọn tốt nhất của bạn là sử dụng các ứng dụng như Giá tùy chỉnh đậm or Giá ưu đãi của Booster — chúng thân thiện với người dùng và không yêu cầu phải viết mã.
Nếu bạn có chuyên môn về phát triển hoặc hiểu biết về Liquid và JavaScript, mã tùy chỉnh sẽ mang lại cho bạn sự linh hoạt nhất — đặc biệt là khi hiển thị các mức giá khác nhau trên các trang sản phẩm.
Để kiểm soát hoàn toàn, hãy kết hợp các công cụ phụ trợ (ứng dụng hoặc tập lệnh) với logic giao diện người dùng (mã) để giữ giá cả nhất quán ở mọi nơi.
| Thiết lập của bạn | Giải pháp tốt nhất |
|---|---|
| Shopify Plus | Sử dụng Shopify Kịch bản để áp dụng các quy tắc định giá khi thanh toán |
| Nền tảng/Advanced Shopify | Sử dụng các ứng dụng như Giá tùy chỉnh đậm or Ứng dụng Booster |
| Cần thay đổi hiển thị giá ở mặt trước | Sử dụng Chất lỏng + JavaScript để hiển thị các mức giá khác nhau dựa trên dữ liệu khách hàng |
| Muốn có sự linh hoạt và kiểm soát đầy đủ | Kết hợp ứng dụng định giá với mã tùy chỉnh để có giá sản phẩm đến khi thanh toán liền mạch |
Tại sao Shopify Không hỗ trợ giá động một cách tự nhiên
Chúng ta hãy làm rõ một điều — Shopify không được xây dựng để có giá linh hoạt.
Ngoài cái hộp, Shopify cung cấp cho bạn một trường giá tĩnh. Nếu bạn muốn giá thay đổi dựa trên những thứ như:
- Loại khách hàng (bán lẻ so với bán buôn)
- Số lượng đặt hàng (giảm giá khi mua số lượng lớn)
- Nhu cầu theo thời gian thực (giống như giá tăng đột biến theo kiểu Uber)
- Hành vi của người dùng (giảm giá cho người dùng quay lại)
Bạn sẽ gặp phải một bức tường. Và đó là lúc bạn bắt đầu tìm kiếm giải pháp thay thế — ứng dụng, tập lệnh hoặc mã hóa giải pháp của riêng bạn.
Cá nhân tôi đã sử dụng cả ba phương pháp. Sau đây là những gì thực sự hiệu quả.
Lựa chọn 1: Shopify Các tập lệnh (Chỉ dành cho Shopify Plus người sử dụng)
Shopify Các tập lệnh cực kỳ mạnh mẽ — nhưng bạn chỉ có thể sử dụng chúng nếu bạn đang Shopify Plus.
Các tập lệnh cho phép bạn thay đổi các quy tắc định giá trực tiếp trong giỏ hàng và thanh toán. Vì vậy, thay vì tạo 1000 mã giảm giá, bạn chỉ cần viết một tập lệnh Ruby nhỏ và kiểm soát chính xác cách giá cả biến động.
Đây là những gì bạn có thể làm với Shopify Kịch bản:
- Cung cấp chiết khấu dựa trên tổng giá trị giỏ hàng hoặc số lượng mặt hàng
- Hiển thị các mức giá khác nhau dựa trên thẻ khách hàng (như “bán buôn” hoặc “VIP”)
- Tạo giá theo tầng hoặc theo khối lượng
- Tự động áp dụng giảm giá mà không cần mã
Ví dụ trong thế giới thực:
Tôi đã làm việc với một thương hiệu bán thực phẩm bổ sung cho cả phòng tập và người tiêu dùng trực tiếp.
Chúng tôi đã tạo ra một kịch bản cho thấy 20% off dành cho khách hàng bán buôn, tự động áp dụng trong giỏ hàngvà miễn phí vận chuyển cho đơn hàng trên 300 đô la.
Đây là lợi ích:
Kịch bản chỉ hoạt động trong giỏ hàng/thanh toán. Vì vậy trên trang sản phẩm, người dùng vẫn thấy giá mặc định.
Nếu bạn muốn trang sản phẩm cũng hiển thị giá cập nhật, bạn cần kết hợp điều này với JavaScript (sẽ nói thêm về điều này sau).
Tùy chọn 2: Sử dụng Shopify Apps cho Giá động
Nếu bạn không bật Shopify Plus, lựa chọn tốt nhất của bạn là sử dụng ứng dụng của bên thứ ba. Đây là cách tôi giúp hầu hết các khách hàng doanh nghiệp nhỏ của mình cần giá linh hoạt mà không cần chuyển đổi gói.
Áo sơ mi Shopify Ứng dụng định giá động (Đã kiểm tra và đánh giá)
| Ứng dụng | Tính năng | tốt nhất cho |
|---|---|---|
| Giá tùy chỉnh đậm | Giá theo từng bậc, bán buôn, nhóm khách hàng | Nhà bán lẻ với giá VIP/Bán buôn |
| Giá ưu đãi của Booster | Giảm giá theo số lượng, tự động áp dụng ưu đãi | Bán hàng chớp nhoáng và giá theo số lượng |
| Giá cả | Theo dõi giá của đối thủ cạnh tranh, điều chỉnh giá của riêng bạn | Theo dõi giá + cập nhật tự động |
| Số lượng ngắt quãng | Giá bán buôn theo đơn vị | Các cửa hàng bán theo gói hoặc theo đơn vị |
Mỗi ứng dụng này cung cấp cho bạn một giao diện người dùng để thiết lập các quy tắc định giá. Không cần phải viết mã.
Những gì bạn có thể làm với các ứng dụng này
- Cung cấp giá thấp hơn cho khách hàng bán buôn đã đăng nhập
- Hiển thị các mức giảm giá theo thời gian thực dựa trên số lượng (ví dụ: “Mua 3+, tiết kiệm 15%”)
- Tự động thay đổi giá trong thời gian bán hàng chớp nhoáng
- Tự động cập nhật giá khi đối thủ cạnh tranh của bạn giảm giá (Pricify)
Các ứng dụng này sử dụng JavaScript và Shopify'API ẩn bên trong để ghi đè giá trang sản phẩm và điều chỉnh logic một cách linh hoạt.
Một mẹo: Các ứng dụng như Bold cho phép bạn sản phẩm trùng lặp với các mức giá riêng biệt. Điều đó giúp bạn kiểm soát hoàn toàn những gì khách hàng nhìn thấy — không có bất ngờ nào khi thanh toán.
Tùy chọn 3: Sử dụng Shopify Liquid + JavaScript (Mã tùy chỉnh)
Đây là nơi tôi có được sự linh hoạt nhất — đặc biệt là khi chủ cửa hàng không muốn trả tiền Shopify Plus hoặc ứng dụng trả phí.
Với một số mã Liquid và JavaScript thông minh, bạn có thể hiển thị các mức giá khác nhau dựa trên:
- Khách hàng có đăng nhập hay không
- Họ có những thẻ khách hàng nào
- Mức tồn kho
- Vị trí (logic GeoIP)
- Ngày hoặc giờ (đối với chương trình khuyến mãi có giới hạn thời gian)
Ví dụ: Hiển thị giá VIP cho khách hàng được gắn thẻ
Trong của bạn product.liquid bản mẫu:
chất lỏngSao chépSửa đổi{% if customer.tags contains 'VIP' %}
<span class="price">£80.00</span>
{% else %}
<span class="price">£100.00</span>
{% endif %}
Điều này sẽ hiển thị mức giá thấp hơn cho những khách hàng đã đăng nhập được gắn thẻ “VIP”.
Nhưng đó chỉ là màn hình hiển thị. Giỏ hàng vẫn sẽ sử dụng giá gốc trừ khi bạn:
- Đồng bộ mẫu giỏ hàng của bạn nữa
- Hoặc sử dụng chiết khấu tự động
Chiến thuật JS nâng cao
Bạn cũng có thể sử dụng JavaScript để thay đổi DOM động trên front-end dựa trên dữ liệu cookie/session. Tôi đã làm điều này khi chúng tôi muốn:
- Kiểm tra A/B về giá
- Định giá dựa trên vị trí
- Logic định giá hàng tồn kho theo thời gian thực
Bạn chỉ cần đảm bảo logic giỏ hàng của bạn không xung đột với những gì bạn đang hiển thị — nếu không mọi người sẽ thấy một mức giá nhưng lại trả một mức giá khác.
Khi nào bạn nên sử dụng phương pháp nào?
Sau đây là cách tôi chia nhỏ nó cho khách hàng:
| Trường hợp sử dụng | Phương pháp tốt nhất |
|---|---|
| bạn đang ở trên Shopify Plus | Sử dụng Shopify Kịch bản |
| Bạn bán B2B và B2C | Sử dụng giá tùy chỉnh đậm |
| Bạn muốn có đợt giảm giá chớp nhoáng hoặc giảm giá theo từng cấp độ | Sử dụng ứng dụng giá giảm giá |
| Bạn biết Liquid/JS hoặc có một dev | Mã hóa tùy chỉnh nó |
| Bạn muốn theo dõi giá của đối thủ cạnh tranh theo thời gian thực | Sử dụng giá cả |
Thế còn Shopify Chức năng?
Nếu bạn đang trên Shopifystack mới hơn của '(Hydrogen + Shopify Chức năng), bạn có thể đi sâu hơn nữa.
Shopify Các chức năng cho phép bạn xây dựng logic tùy chỉnh phía máy chủ để kiểm soát giá cả, phương thức giao hàng, chiết khấu, v.v.
Nó giống như là Shopify Các tập lệnh có nội dung phong phú hơn, nhưng mang tính kỹ thuật hơn.
Bạn sẽ cần:
- Viết hàm trong Rust
- Triển khai chúng bằng cách sử dụng Shopify CLI
- Sử dụng Shopifyđiểm mở rộng mới của 's (Phần mở rộng giao diện người dùng Thanh toán)
Hầu hết mọi người sẽ không cần đến tính năng này, nhưng nếu bạn đang mở rộng quy mô hoặc xây dựng thứ gì đó tùy chỉnh thì tính năng này rất đáng để xem xét.
Cách đồng bộ giá trên trang sản phẩm, giỏ hàng và thanh toán
Một vấn đề lớn mà tôi gặp phải ngay từ đầu là giá cả không nhất quán.
- Trang sản phẩm hiển thị một mức giá
- Giỏ hàng hiển thị một cái khác
- Thanh toán hiển thị giá đầy đủ không có chiết khấu
Điều này làm mất đi khả năng chuyển đổi.
Đây là cách tôi sửa nó:
- Luôn áp dụng logic giá cả trong giỏ hàng (thông qua Scripts hoặc cài đặt ứng dụng)
- Sử dụng JavaScript hoặc Liquid để phản ánh logic trên các trang sản phẩm và bộ sưu tập
- Kiểm tra người dùng đã đăng nhập so với người dùng khách — giá có thể thay đổi
- Kiểm tra thiết bị di động và máy tính để bàn — một số ứng dụng chỉ đưa mã vào một bố cục
- Thiết lập tin nhắn dự phòng như "Giảm giá hiển thị khi thanh toán" nếu quá trình đồng bộ hóa không hoàn hảo
Sau khi tôi dọn dẹp xong, tỷ lệ thoát trang đã giảm và quá trình thanh toán diễn ra suôn sẻ hơn.
Ưu và nhược điểm của từng phương pháp
| Phương pháp | Ưu điểm | Nhược điểm |
|---|---|---|
| Shopify Kịch bản | Kiểm soát chính xác, thanh toán liền mạch | Chỉ cộng thêm, giá chỉ dành cho giỏ hàng |
| Shopify Apps | Dễ sử dụng, có thể mở rộng | Chi phí hàng tháng, vấn đề chèn mã |
| Mã tùy chỉnh | Miễn phí, linh hoạt | Cần có kiến thức về dev, khó kiểm tra hơn |
| Shopify Chức năng | Có thể mở rộng, tích hợp sâu | Dev-heavy, công nghệ mới |
Suy nghĩ cuối cùng: Cách tốt nhất để thực hiện là gì?
Nếu bạn đang trên Shopify Plus, sử dụng Scripts. Chúng mạnh mẽ và đáng tin cậy.
Nếu không, hãy sử dụng ứng dụng định giá của Bold hoặc Booster — chúng rất đáng tin cậy và đã được kiểm chứng thực tế.
Nếu bạn là người có chuyên môn kỹ thuật (hoặc có một nhà phát triển), hãy kết hợp Liquid và JavaScript để hiển thị giá động trên trang sản phẩm. Chỉ cần đảm bảo rằng bạn không làm người mua hàng bối rối khi thanh toán.
Tôi đã thực hiện cả ba cách và cách kết hợp tốt nhất thường là:
- Sử dụng ứng dụng để định giá logic
- Thêm mã tùy chỉnh cho màn hình front-end
- Sử dụng thẻ khách hàng hoặc phiên để phân khúc người dùng của bạn
Điều đó mang lại cho bạn sự linh hoạt và khả năng kiểm soát hoàn toàn — mà không cần phụ thuộc quá nhiều vào một công cụ.
Nhận xét Responses 0