Nội Dung Chính Trong Bài Viết

Cách thêm trường tùy chỉnh vào các sản phẩm WooCommerce của bạn – hướng dẫn từng bước, dễ làm theo, với nhiều ví dụ và sản phẩm demo

Bạn đang xem: trường tùy chỉnh sản phẩm woocommerce

Trong bài đăng này, tôi sẽ hướng dẫn về cách thêm trường tùy chỉnh WooCommerce vào sản phẩm . Chúng ta sẽ xem xét hai loại trường tùy chỉnh:

  1. Các trường hiển thị thông tin bổ sung về sản phẩm
    Trước tiên, chúng ta sẽ xem xét Các trường dữ liệu sản phẩm bổ sung của WooCommerce – các trường tùy chỉnh hiển thị thông tin bổ sung cho các sản phẩm của bạn.
  2. Các trường cho phép người dùng tùy chỉnh sản phẩm
    Thứ hai, chúng tôi Sẽ xem xét các trường nhập tùy chỉnh (còn được gọi là tiện ích bổ sung sản phẩm ) như trường văn bản, trường chọn, hộp kiểm, v.v. cho phép người dùng nhập thông tin bổ sung, được cá nhân hóa về sản phẩm

Chúng tôi cũng sẽ xem xét cách bạn có thể sử dụng kết hợp cả hai loại trường tùy chỉnh, hiển thị dữ liệu sản phẩm bổ sung tùy thuộc vào lựa chọn nhất định của người dùng.

Hướng dẫn sẽ đi từng bước qua quá trình thêm cả hai loại trường tùy chỉnh. Ở mỗi bước, đều có ảnh chụp màn hình rõ ràng và liên kết đến các sản phẩm demo đang hoạt động đầy đủ để bạn có thể thấy chính xác cách mọi thứ hoạt động.

Cách chính để thêm các trường tùy chỉnh (và cho đến nay là cách dễ nhất) là sử dụng một plugin. Quá trình này thực sự đơn giản và không yêu cầu bất kỳ kiến ​​thức lập trình nào. Bạn thậm chí không cần sử dụng mã ngắn.

(Như một phần bổ sung tùy chọn, chúng tôi cũng sẽ xem xét cách thêm các trường tùy chỉnh theo chương trình vào WooCommerce ở cuối bài viết. Nhưng đây chắc chắn là tùy chọn.)

Ngoài ra, chúng tôi sẽ xem xét các Trường tùy chỉnh nâng cao và thêm các trường tùy chỉnh vào thanh toán.

Đây là một bài đăng dài nhưng có thể bạn sẽ không cần đọc hết. Sử dụng menu điều hướng ở bên trái hoặc các liên kết trong bài đăng để giúp bạn điều hướng xung quanh.

Ví dụ về cả hai loại trường tùy chỉnh WooCommerce

Hãy xem nhanh cả hai loại trường tùy chỉnh để chúng tôi hiểu sự khác biệt.

1. Các trường tùy chỉnh dữ liệu sản phẩm bổ sung

Khu vực được đánh dấu trong ví dụ bên dưới hiển thị các trường dữ liệu sản phẩm bổ sung hiển thị thông tin bổ sung cho một sản phẩm.

Trường tùy chỉnh WooCommerce hiển thị thông tin sản phẩm bổ sung

Bạn có thể thấy trong ví dụ này rằng không có thông tin người dùng nhập – đó chỉ đơn giản là nội dung bổ sung.

2. Các trường bổ trợ tùy chỉnh

Ví dụ thứ hai bên dưới hiển thị một trang sản phẩm cho một trang web đồ trang sức. Bạn có thể thấy rằng có một số trường bổ sung, chẳng hạn như “Thêm tên” và “Thêm điểm hấp dẫn”, nơi người dùng có thể nhập thông tin của riêng họ và đưa ra các lựa chọn nhất định về sản phẩm họ muốn. Đây là một ví dụ về trường tùy chỉnh loại tiện ích bổ sung.

Sản phẩm mẫu hiển thị các trường tùy chỉnh WooCommerce

Đây là sự khác biệt giữa hai loại trường tùy chỉnh: tiện ích bổ sung cho phép người dùng nhập thông tin về sản phẩm; trường dữ liệu chỉ trình bày thông tin về sản phẩm.

Sự khác biệt giữa các trường và thuộc tính tùy chỉnh là gì?

Nhưng chờ đợi, bạn có thể đang nói. WooCommerce chưa cung cấp cho chúng tôi khả năng thêm các trường tùy chỉnh thông qua các thuộc tính và biến thể sao?

Không hẳn: bất kỳ sản phẩm nào trong WooCommerce, dù là sản phẩm đơn giản hay biến , về cơ bản đều cố định. Bạn thêm mô tả, giá cả, thuộc tính và những thuộc tính đó sẽ luôn giống nhau đối với mọi khách hàng.

Với các trường tùy chỉnh, sản phẩm có thể khác nhau đối với mọi khách hàng. Nếu bạn đang bán vòng tay có thể được khắc tên, thì mỗi khách hàng sẽ nhập tên riêng của họ. Bạn không thể tạo thuộc tính cho điều đó.

Bạn có thể xem bài viết này nếu bạn muốn tìm hiểu cụ thể hơn về cách thêm trường tùy chỉnh vào các biến thể .

Cách dễ nhất để thêm trường tùy chỉnh vào WooCommerce

Cho đến nay, cách dễ dàng nhất để thêm các trường tùy chỉnh WooCommerce là sử dụng plugin Ultimate Product Add-Ons . Điều này sẽ cho phép bạn thêm bất kỳ loại trường tùy chỉnh nào vào các sản phẩm WooCommerce một cách đơn giản và dễ hiểu.

Bạn có thể tải xuống plugin bằng cách nhấp vào hình ảnh bên dưới.

Sản phẩm WooCommerce Tiện ích bổ sung cuối cùng

Nâng cao trải nghiệm mua sắm trên cửa hàng của bạn bằng cách cho phép khách hàng cá nhân hóa sản phẩm của bạn

Tìm hiểu thêm

Cách hiển thị thông tin sản phẩm bổ sung trong WooCommerce bằng cách sử dụng các trường dữ liệu

Được rồi, chúng tôi đã nói có hai loại trường tùy chỉnh WooCommerce. Loại trường tùy chỉnh đầu tiên được sử dụng để hiển thị thông tin bổ sung về sản phẩm cho người dùng.

Hãy cùng xem lại ảnh chụp màn hình từ đầu bài viết. Hoặc bạn có thể xem bản trình diễn hoạt động thực tế tại đây .

Trường tùy chỉnh WooCommerce hiển thị thông tin sản phẩm bổ sung

Tại đây, bạn có thể thấy rằng chúng tôi đã cung cấp cho người dùng một số thông tin bổ sung về sản phẩm.

Một số điều cần lưu ý về các trường bổ sung này:

  • Chúng được định dạng độc đáo trong một bảng đơn giản, giúp chúng dễ đọc và có nghĩa là bạn không cần thêm bất kỳ kiểu nào của riêng mình
  • Mỗi phần dữ liệu có thể có hàng
  • Bạn có thể bao gồm một biểu tượng hoặc một hình ảnh với mỗi phần dữ liệu (điều này là tùy chọn)
  • Bạn có thể bao gồm tiêu đề hoặc nhãn, ví dụ: ‘Cache’, sau đó là các chi tiết khác, ví dụ: ‘Bộ nhớ đệm thông minh 4MB’

Bạn có thể sử dụng trường dữ liệu tùy chỉnh để làm gì trong các sản phẩm WooCommerce?

Ví dụ trên sử dụng các trường dữ liệu tùy chỉnh để hiển thị thông tin kỹ thuật về sản phẩm. Tuy nhiên, bạn có thể sử dụng các trường dữ liệu sản phẩm tùy chỉnh cho mọi loại mục đích, bao gồm:

  • Thông số kỹ thuật
  • Thông tin dinh dưỡng cho các sản phẩm thực phẩm, ví dụ: hàm lượng calo, hàm lượng chất béo
  • Ghi chú bổ sung về giá cả
  • Thông tin về thời gian vận chuyển hoặc giao hàng
  • Dữ liệu sản phẩm hoạt động tốt nhất ở định dạng bảng
  • < li> Thông tin định giá tùy chỉnh

Chúng ta sẽ xem xét một số ví dụ trong số này ngay sau đây. Nhưng trước tiên, hãy xem chính xác cách thêm các trường tùy chỉnh vào sản phẩm WooCommerce.

Cách thêm trường dữ liệu sản phẩm tùy chỉnh WooCommerce

Thật dễ dàng để thêm các trường dữ liệu sản phẩm tùy chỉnh WooCommerce. Đầu tiên, chúng tôi cần có plugin Tối ưu của Phần bổ trợ Sản phẩm WooCommerce .

Sử dụng Add-Ons Ultimate để thêm các trường tùy chỉnh của bạn mang lại cho bạn một số lợi thế:

  • Dễ dàng thêm các trường tùy chỉnh vào bất kỳ sản phẩm WooCommerce nào bạn thích
  • Nhanh chóng thêm các trường tùy chỉnh vào nhiều sản phẩm – ví dụ: bạn có thể tạo các trường áp dụng cho tất cả các sản phẩm hoặc cho tất cả các sản phẩm trong một số danh mục hoặc phân loại hoặc cho nhiều sản phẩm mà bạn chỉ định
  • Hiển thị thông tin tùy chỉnh khác nhau tùy thuộc vào biến thể mà người dùng đã chọn
  • Tổ chức nhiều trường tùy chỉnh thành các nhóm để giúp người dùng dễ dàng hơn để xem thông tin sản phẩm bổ sung
  • Tạo các điều kiện dựa trên các trường nhập tùy chỉnh (xem bên dưới) để thông tin khác nhau được hiển thị cho người dùng tùy thuộc vào lựa chọn của họ

Sản phẩm WooCommerce Tiện ích bổ sung cuối cùng

Nâng cao trải nghiệm mua sắm trên cửa hàng của bạn bằng cách cho phép khách hàng cá nhân hóa sản phẩm của bạn

Tìm hiểu thêm

Cách thêm trường ‘Thông tin’

Bạn có thể làm theo các bước trong tài liệu hỗ trợ này để cài đặt và kích hoạt plugin . Khi đã kích hoạt plugin, bạn có thể thêm một trường bổ sung vào sản phẩm của mình.

Chúng tôi sẽ thêm một loại trường “Thông tin”. Vì vậy, trước tiên hãy chuyển đến một sản phẩm mà bạn muốn hiển thị một số thông tin bổ sung.

Từ phần Tiện ích bổ sung Sản phẩm trong bảng dữ liệu Sản phẩm, hãy nhấp vào ‘Thêm trường’. Chọn “Thông tin” làm “Loại trường”.

Cài đặt trường thông tin tùy chỉnh WooCommerce

Bạn có thể nhập ‘Nhãn trường’ sẽ hoạt động như một tiêu đề cho mỗi hàng thông tin sản phẩm. Điều này giúp bạn dễ dàng sắp xếp dữ liệu sản phẩm, giúp người dùng tìm thấy thứ họ cần.

Sau đó, bạn có thể thêm nhiều hàng cho mỗi phần thông tin sản phẩm. Trong mỗi hàng, bạn có thể nhập hình ảnh, nhãn và dữ liệu vào mỗi hàng.

Khi bạn đã thêm tất cả thông tin cần thiết, bạn chỉ cần cập nhật sản phẩm.

Ở giao diện người dùng, các trường dữ liệu sản phẩm bổ sung sẽ được hiển thị ở định dạng bảng như sau:

Trường thông tin WooCommerce

Bạn có thể thêm nhiều trường dữ liệu sản phẩm bổ sung tùy thích.

Cách thêm trường tùy chỉnh vào nhiều sản phẩm trong WooCommerce

Vì vậy, chúng tôi vừa xem xét một cách nhanh chóng và dễ dàng để hiển thị thông tin bổ sung về một sản phẩm. Nhưng nếu bạn muốn hiển thị cùng một thông tin về nhiều sản phẩm thì sao?

Hãy xem cách thêm các trường dữ liệu tùy chỉnh vào nhiều sản phẩm bằng một bước đơn giản:

  • Đi tới Phần bổ trợ Sản phẩm & gt; Phần bổ trợ Toàn cầu
  • Nhấp vào ‘Thêm Nhóm Toàn cầu Mới’
  • Chọn ‘Trên tất cả các sản phẩm’
  • Sau đó, thêm trường ‘Thông tin’ của bạn như bình thường

Cài đặt trường thông tin toàn cầu WooCommerce

Giờ đây, trường thông tin này sẽ được hiển thị trên tất cả các sản phẩm của bạn.

Cách thêm trường tùy chỉnh theo danh mục hoặc phân loại trong WooCommerce

Nếu bạn muốn thêm các trường thông tin tùy chỉnh vào tất cả các sản phẩm trong các danh mục hoặc phân loại nhất định:

  • Đi tới Phần bổ trợ Sản phẩm & gt; Phần bổ trợ Toàn cầu
  • Nhấp vào ‘Thêm Nhóm Toàn cầu Mới’
  • Chọn ‘Theo danh mục’
  • Nhập các danh mục hoặc phân loại nơi các trường tùy chỉnh sẽ được hiển thị < / li>
  • Sau đó, thêm trường ‘Thông tin’ của bạn

Các trường thông tin sẽ được hiển thị trên tất cả các sản phẩm trong danh mục bạn đã chọn.

Cách hiển thị các trường tùy chỉnh khác nhau dựa trên lựa chọn của người dùng

Vì vậy, bạn có thể nhớ lại ở đầu bài viết này, rằng tôi đã đề cập đến việc sử dụng cả hai loại trường tùy chỉnh cùng nhau: trường tiện ích bổ sung WooCommerce và trường dữ liệu sản phẩm bổ sung.

Chúng tôi có thể làm điều này bằng cách đặt các điều kiện trên các trường dữ liệu sản phẩm bổ sung của chúng tôi để chúng chỉ được hiển thị khi người dùng đã thực hiện một số lựa chọn khác từ các trường tùy chỉnh.

Hãy xem một ví dụ khác. Trong sản phẩm này , người dùng có thể tạo sản phẩm ngũ cốc của riêng họ bằng cách chọn các thành phần khác nhau. Chúng tôi muốn hiển thị thông tin dinh dưỡng cho từng thành phần để giúp người dùng đưa ra lựa chọn.

Thông tin dinh dưỡng WooCommerce

Chúng tôi không muốn hiển thị tất cả thông tin dinh dưỡng cho tất cả các yếu tố cùng một lúc – điều đó sẽ quá tải và vô ích.

Thay vào đó, chúng tôi chỉ muốn hiển thị trường tùy chỉnh có liên quan khi người dùng thực hiện lựa chọn. Vì vậy, trong ảnh chụp màn hình ở trên, người dùng đã chọn ‘Cheerios’ làm cơ sở của họ và các trường thông tin hiển thị calo, chất béo và đường cho Cheerios được hiển thị.

Nếu người dùng đã chọn một tùy chọn khác, thì họ sẽ thấy các trường thông tin khác nhau được hiển thị.

Thêm điều kiện vào các trường dữ liệu sản phẩm bổ sung

Có một bài viết dài hơn nhiều về logic có điều kiện ở đây nhưng những điều cơ bản rất đơn giản:

  1. Nhấp vào ‘Thêm điều kiện’ cho trường mà bạn muốn thêm điều kiện – trong trường hợp này là trường thông tin của chúng tôi
  2. Chọn ‘Hiển thị trường này nếu’ trong hộp chọn đầu tiên < / li>
  3. Thêm từng điều kiện của bạn

Bạn có thể thấy điều này trong ảnh chụp màn hình bên dưới:

Trường tùy chỉnh có điều kiện

Điều này có nghĩa là trường này sẽ chỉ hiển thị nếu người dùng đã chọn “Cheerios” trong trường “Cereal”.

Cách hiển thị các trường tùy chỉnh cho các biến thể khác nhau

Còn nếu bạn muốn hiển thị thông tin khác nhau cho các biến thể khác nhau thì sao? Điều này cũng có thể dễ dàng thực hiện bằng cách sử dụng plugin Sản phẩm bổ trợ:

  • Tạo sản phẩm có thể thay đổi của bạn
  • Thêm bao nhiêu trường tùy chỉnh tùy thích
  • Trong mỗi trường tùy chỉnh, bạn có thể chỉ định một hoặc nhiều biến thể mà trường đó sẽ được hiển thị

Trong ví dụ dưới đây, chúng tôi có thể hiển thị thông tin về kích thước và độ vừa vặn cụ thể cho quần áo. Mỗi biến thể có kích thước khác nhau, vì vậy chúng tôi cần hiển thị các trường tùy chỉnh hơi khác nhau.

Trường tùy chỉnh biến thể cụ thể

Bạn có thể xem sản phẩm này tại đây . Lưu ý cách các trường thông tin kích thước thay đổi khi bạn chọn một biến thể khác.

Hiển thị các trường tùy chỉnh cụ thể của biến thể trong sản phẩm WooCommerce

Cách tổ chức các trường thông tin tùy chỉnh thành các nhóm

Cuối cùng, hãy xem cách bạn có thể tổ chức các trường tùy chỉnh thành các nhóm. Điều này đặc biệt quan trọng nếu bạn có nhiều trường thông tin tùy chỉnh.

Quay trở lại ví dụ đầu tiên của chúng tôi, sản phẩm Tạo máy tính cho riêng bạn, bạn có thể thấy rằng các trường được sắp xếp theo nhóm.

Các trường tùy chỉnh WooCommerce được tổ chức thành nhóm

Chúng tôi đã tiến thêm một bước nữa và áp dụng bố cục ‘accordion’ cho các nhóm, nghĩa là người dùng có thể chọn mở rộng hoặc thu gọn từng nhóm để họ chỉ xem các trường trong một nhóm được mở rộng. Điều này giúp người dùng dễ dàng hơn nhiều khi có nhiều thông tin trên màn hình.

Thay vào đó, bạn cũng có thể áp dụng bố cục theo thẻ:

Trường dữ liệu tùy chỉnh WooCommerce trong bố cục theo thẻ

Để hiển thị các nhóm của bạn theo bố cục tab hoặc accordion, chỉ cần cập nhật cài đặt “Hiển thị nhóm dưới dạng”.

Cài đặt hiển thị nhóm WooCommerce

Xin lưu ý rằng các bố cục nhóm này chỉ có sẵn trong phiên bản Pro của Add-Ons Ultimate.

Thêm trường tùy chỉnh WooCommerce – video

Video sau đây trình bày tất cả các khía cạnh của việc thêm các trường tùy chỉnh được thảo luận trong bài đăng này:

Thêm trường tiện ích bổ sung tùy chỉnh WooCommerce

Chúng tôi đã đề cập sâu hơn về loại đầu tiên, các trường thông tin sản phẩm ở trên. Bây giờ chúng ta hãy xem xét loại trường tùy chỉnh thứ hai: trường bổ trợ tùy chỉnh.

Để thêm các trường tùy chỉnh vào các sản phẩm WooCommerce, bạn sẽ cần có plugin WooCommerce Product Add Ons Ultimate .

Ngoài việc thêm các trường tùy chỉnh, bạn có thể thêm chi phí, trừ chi phí và sử dụng logic có điều kiện .

Plugin cũng sẽ đảm bảo rằng mọi dữ liệu trường tùy chỉnh đều được hiển thị trong giỏ hàng, trong email thông báo và theo đơn đặt hàng.

Sản phẩm WooCommerce Tiện ích bổ sung cuối cùng

Nâng cao trải nghiệm mua sắm trên cửa hàng của bạn bằng cách cho phép khách hàng cá nhân hóa sản phẩm của bạn

Tìm hiểu thêm

Hãy xem một ví dụ đơn giản.

Các loại trường tùy chỉnh WooCommerce

Như tôi đã đề cập ở trên, các trường bổ trợ tùy chỉnh bao gồm bất kỳ loại trường biểu mẫu nào, chẳng hạn như:

  • Trường văn bản
  • Vùng văn bản
  • Trường thả xuống / chọn
  • Các nút radio
  • Hộp kiểm
  • Tải lên tệp
  • Trường ngày
  • Trường số

Các trường này sẽ được hiển thị trên trang sản phẩm đầu tiên gần nút Thêm vào giỏ hàng. Chúng mang lại cho khách hàng cơ hội định cấu hình hoặc cung cấp thông tin được cá nhân hóa cho sản phẩm.

Cách sử dụng điển hình cho các trường tùy chỉnh

Nếu bạn đang thắc mắc tại sao lại cần các trường tùy chỉnh trong cửa hàng WooCommerce của mình, hãy nghĩ về bất kỳ loại sản phẩm nào sau đây:

  • Quần áo và quần áo có nhãn hiệu hoặc có chữ lồng: ví dụ: mọi loại áo thun cá nhân hóa, đồng phục nhân viên, hàng hóa hoặc bất kỳ thứ gì yêu cầu biểu tượng tùy chỉnh
  • Đồ trang sức cá nhân hóa: ví dụ: vòng đeo tay có thể được khắc tên hoặc thông điệp cá nhân, mặt khóa có chứa ảnh của những người thân yêu, vòng cổ hoặc vòng tay với các viên đá hoặc bùa tùy chọn
  • Tự chế tạo các sản phẩm của riêng bạn: bất cứ thứ gì từ việc tạo bánh sandwich của riêng bạn hoặc sản phẩm bánh pizza , thông qua menu mang đi, đến ván trượt, máy tính hoặc điện thoại có thể định cấu hình – bất kỳ sản phẩm nào tạo ra các yếu tố tùy chọn mà người dùng có thể định cấu hình

Còn rất nhiều sản phẩm khác mà bạn cần sử dụng các trường tùy chỉnh. Nếu bạn muốn thêm một số ý tưởng, vui lòng xem bài đăng của tôi về cách tạo các sản phẩm có thể tùy chỉnh trong WooCommerce .

Cá nhân hóa sản phẩm

Để biết thông tin chi tiết về các sản phẩm được cá nhân hóa, bạn có thể xem bài viết này về cách cá nhân hóa các sản phẩm WooCommerce với các tùy chọn bổ sung . Bài báo đó bao gồm:

  • Sự khác biệt giữa các trường tùy chỉnh và các biến thể
  • Thông tin và số liệu về lợi ích của việc đưa các trường tùy chỉnh vào sản phẩm của bạn
  • Ý tưởng về các loại sản phẩm sử dụng trường tùy chỉnh

Tuy nhiên, tóm lại, cần lưu ý rằng các trường tùy chỉnh sẽ cải thiện khả năng giữ chân khách hàng và có khả năng thúc đẩy doanh số bán hàng. Ví dụ điển hình về các sản phẩm có trường tùy chỉnh bao gồm:

  • Sắp xếp thực đơn – ví dụ: làm bánh pizza của riêng bạn, làm bánh sandwich của riêng bạn
  • Thiệp chúc mừng được cá nhân hóa
  • Gói quà (tìm hiểu cách thêm tùy chọn gói quà WooCommerce tại đây )
  • Bảo hành mở rộng
  • Và bất kỳ điều gì khác mà doanh nghiệp của bạn yêu cầu

Hướng dẫn liên quan
Hãy xem bài viết này để biết chi tiết về cách tạo sản phẩm tùy chỉnh trong WooCommerce

Sản phẩm tùy chỉnh WooCommerce

Cách thêm trường văn bản tùy chỉnh trong WooCommerce

Hãy xem một sản phẩm mẫu đơn giản. Trong sản phẩm này , chúng tôi sẽ thêm các trường tùy chỉnh để cho phép người dùng cá nhân hóa một món đồ trang sức.

Sản phẩm mẫu hiển thị các trường tùy chỉnh WooCommerce

Đầu tiên, chúng ta sẽ xem xét việc thêm một trong những loại trường tùy chỉnh phổ biến nhất – trường văn bản – bằng cách sử dụng WooCommerce Product Add Ons Ultimate. Chúng ta sẽ xem xét:

  • Cách thêm các trường vào giao diện người dùng
  • Các trường trông như thế nào ở giao diện người dùng
  • Cách chủ cửa hàng nhận dữ liệu trường tùy chỉnh trong các đơn đặt hàng mới < / li>

Cách thêm trường tùy chỉnh trong WooCommerce

Thật dễ dàng để thêm trường tùy chỉnh vào sản phẩm trong WooCommerce:

  • Chuyển đến sản phẩm mà bạn muốn thêm trường tùy chỉnh
  • Trong phần Dữ liệu Sản phẩm, hãy nhấp vào Phần bổ trợ Sản phẩm
  • Nhấp vào ‘Thêm Nhóm ‘sau đó nhấp vào’ Thêm trường ‘
  • Chọn loại trường bạn muốn thêm từ tùy chọn’ Loại trường ‘
  • Trong tùy chọn bên dưới, tôi đã chọn một văn bản trường làm loại trường

Đầu vào văn bản WooCommerce

Về giao diện người dùng, đây sẽ là giao diện người dùng:

Các trường tùy chỉnh WooCommerce front end

Lưu ý rằng Cửa hàng bổ sung sản phẩm WooCommerce Ultimate thêm một số thông tin giá cả phía trên nút Thêm vào giỏ hàng. Điều này cho thấy:

  • Giá cơ bản của sản phẩm
  • Bất kỳ chi phí bổ sung nào được thêm vào thông qua các trường tùy chỉnh bổ sung
  • Tổng số tiền chung mà khách hàng sẽ trả sau khi nhập thông tin tùy chỉnh

Bạn có thể định cấu hình các trường tổng này bằng cách thay đổi nhãn của chúng, chỉ hiển thị tổng giá hoặc ẩn chúng hoàn toàn.

Trường tùy chỉnh – thông số bổ sung

Quay trở lại trường bổ sung ở phần cuối, bạn có thể thấy rằng có một số tùy chọn bổ sung để định cấu hình trường tùy chỉnh của bạn. Có một chút thay đổi tùy thuộc vào loại trường bạn đang thêm nhưng hãy xem xét một số trường phổ biến nhất:

Trường tùy chỉnh WooCommerce - đầu vào văn bản

  • Nhãn trường: đây là nơi bạn có thể tạo nhãn cho trường của mình
  • Giá trường: muốn tính phí khách hàng của bạn nhập thông tin vào trường này? Chỉ cần thêm giá ở đây. Điều này sẽ tự động được thêm vào giá sản phẩm
  • Trường bắt buộc: nếu bạn muốn đảm bảo khách hàng điền vào trường này trước khi thêm sản phẩm vào giỏ hàng, hãy chọn tùy chọn này
  • Tỷ giá cố định: theo mặc định, nếu trường có giá, thì giá này sẽ được nhân với số lượng sản phẩm được thêm vào giỏ hàng. Vì vậy, nếu giá trường là 5 đô la và người dùng thêm gấp 2 lần sản phẩm vào giỏ hàng của họ, thì chi phí trường sẽ là 10 đô la. Nếu bạn chỉ muốn tính phí cho trường này một lần, bất kể số lượng trong giỏ hàng là bao nhiêu, hãy chọn tùy chọn ‘Tỷ lệ cố định’
  • Tỷ lệ phần trăm: chọn trường này để tạo trường ‘ trường price ‘một tỷ lệ phần trăm thay vì một giá trị cố định
  • Các ký tự tối thiểu: đây là số ký tự tối thiểu mà người dùng có thể nhập vào trường này. Để trống nếu không có ký tự tối thiểu
  • Ký tự tối đa: số ký tự tối đa mà người dùng có thể nhập. Để trống nếu không có giá tối đa
  • Giá mỗi ký tự: chọn tùy chọn này nếu bạn muốn nhân giá trường với số ký tự đã nhập vào trường
  • Mặc định: nhập giá trị mặc định tại đây nếu bạn muốn giá trị này hiển thị cho khách hàng của mình

Để biết thêm chi tiết về tất cả các thông số bổ sung có sẵn cho tất cả các loại trường, hãy xem bài viết hỗ trợ tại đây .

Hướng dẫn liên quan
Hãy xem bài viết này để biết ý tưởng về cách tạo tùy biến sản phẩm trong WooCommerce

Xem các trường tùy chỉnh trong giỏ hàng và chi tiết đơn hàng

Khi khách hàng thêm sản phẩm vào giỏ hàng của họ có chứa một hoặc nhiều trường tùy chỉnh, các giá trị trường sẽ được thêm vào tên sản phẩm. Hãy xem ví dụ bên dưới hiển thị trường nút radio, trường văn bản và trường tải lên hình ảnh:

Trường tùy chỉnh giỏ hàng WooCommerce

Dữ liệu tương tự được chuyển cho đơn đặt hàng. Vì vậy, nếu là chủ cửa hàng, bạn có thể nhanh chóng xem những tính năng bổ sung tùy chỉnh nào cần thêm vào sản phẩm:

Trường tùy chỉnh đơn đặt hàng WooCommerce

Thêm các trường tùy chỉnh một cách dễ dàng

Vậy là kết thúc phần về cách dễ dàng thêm các trường tùy chỉnh WooCommerce vào một trang sản phẩm.

Chúng tôi đã xem xét một ví dụ đơn giản về việc thêm trường văn bản vào trang sản phẩm WooCommerce của bạn, nơi khách hàng có thể nhập văn bản của riêng họ. Sau đó, dòng chữ này được hiển thị cùng với sản phẩm trong giỏ hàng và sẽ được đính kèm với sản phẩm trong đơn đặt hàng.

Trường văn bản chỉ là một trong nhiều loại trường mà bạn có thể thêm bằng cách sử dụng plugin WooCommerce Product Add Ons Ultimate .

Sản phẩm WooCommerce Tiện ích bổ sung cuối cùng

Nâng cao trải nghiệm mua sắm trên cửa hàng của bạn bằng cách cho phép khách hàng cá nhân hóa sản phẩm của bạn

Tìm hiểu thêm

Thêm trường tùy chỉnh – tóm tắt

Cho đến nay, chúng ta đã xem xét hai loại trường tùy chỉnh khác nhau và cách thêm chúng bằng một plugin. Chúng tôi cũng đã xem xét cách bạn có thể sử dụng các điều kiện để hiển thị các trường cụ thể khi người dùng đã chọn các tùy chọn nhất định.

Tại thời điểm này, bạn không nhất thiết phải đọc thêm – trừ khi bạn muốn xem xét cách thêm các trường tùy chỉnh theo cách lập trình, đây là chủ đề của phần tiếp theo.

Thêm trường tùy chỉnh WooCommerce theo chương trình

Nếu bạn muốn tìm hiểu thêm về cách mã hóa các trường tùy chỉnh từ đầu, hãy đọc tiếp.

Trong phần này, tôi sẽ bao gồm các ví dụ về mã trong suốt. Cuối cùng, bạn sẽ học cách xây dựng plugin trường tùy chỉnh của riêng mình cho WooCommerce. Plugin sẽ:

  • Tạo trường tùy chỉnh trong phần Dữ liệu sản phẩm của sản phẩm WooCommerce
  • Sử dụng giá trị được lưu trong trường đó để hiển thị trường nhập văn bản trong trang đơn của sản phẩm
  • Lưu thông tin người dùng nhập vào trường tùy chỉnh vào siêu dữ liệu giỏ hàng
  • Chuyển giá trị của trường tùy chỉnh cho đối tượng đặt hàng

Nội dung trong phần này là gì?

Phần này được tổ chức thành các phần sau:

Tôi cũng đã bao gồm toàn bộ mã được sử dụng trong bài viết ở cuối bài viết.

Thêm trường tùy chỉnh vào back-end

Hãy bắt đầu bằng cách xem một số mã để thêm trường tùy chỉnh vào phần cuối của WooCommerce. Thao tác này sẽ thêm một trường mới trong phần Dữ liệu sản phẩm của sản phẩm WooCommerce.

Hàm ngắn này sử dụng một hàm WooCommerce tiêu chuẩn, được gọi là woocommerce_wp_text_input , để hiển thị trường văn bản trong phần Dữ liệu sản phẩm.

Trường tùy chỉnh WooCommerce

Bạn sẽ nhận thấy rằng woocommerce_wp_text_input chấp nhận một số tham số:

  • id
  • nhãn
  • lớp
  • desc_tip
  • mô tả

Bạn có thể tìm thấy danh sách đầy đủ các tham số trong tệp wc-meta-box-functions.php . Có một số hàm cognate, tất cả đều có tên dễ hiểu, như:

  • woocommerce_wp_hiised_input
  • woocommerce_wp_textarea_input
  • woocommerce_wp_checkbox
  • Các chức năng này đơn giản hóa đáng kể tác vụ thêm các trường tùy chỉnh vào các sản phẩm WooCommerce.

    Gắn hàm trường tùy chỉnh

    Để đảm bảo rằng trường tùy chỉnh hiển thị ở đúng vị trí – trong trường hợp này, nó chỉ nằm trên tab Chung – chúng tôi cần kết nối chức năng của mình với hành động chính xác: woocommerce_product_options_general_product_data .

    Nếu bạn muốn thêm trường tùy chỉnh của mình vào một tab khác, bạn có thể thử các hành động như:

    • woocommerce_product_options_inventory_product_data
    • woocommerce_product_options_shipping

    Một lần nữa, tên rất rõ ràng và dễ hiểu.

    Lưu giá trị trường tùy chỉnh

    Với mã này, chúng tôi đã có một cách thực sự đơn giản để thêm các trường tùy chỉnh vào sản phẩm, bằng cách sử dụng các hành động và chức năng WooCommerce tiêu chuẩn. Tất cả những gì chúng ta cần làm là lưu giá trị của trường khi sản phẩm được cập nhật.

    Chức năng này chạy khi sản phẩm được xuất bản lần đầu tiên hoặc khi sản phẩm được cập nhật. Nó tìm kiếm một giá trị trong trường tùy chỉnh của chúng tôi, xóa nó, sau đó lưu nó dưới dạng dữ liệu meta sản phẩm bằng cách sử dụng phương pháp CRUD được giới thiệu với WooCommerce một vài phiên bản trước.

    Hàm kết nối với hành động woocommerce_process_product_meta .

    Hiển thị trường tùy chỉnh trên giao diện người dùng

    Bây giờ chúng tôi đã tạo trường tùy chỉnh trên back-end, chúng tôi có thể bắt đầu suy nghĩ về việc thêm trường tùy chỉnh vào trang sản phẩm.

    Chúng tôi sẽ kiểm tra xem trường tùy chỉnh có giá trị hay không. Nếu có, chúng tôi sẽ sử dụng giá trị đó làm tiêu đề của trường nhập trên giao diện người dùng. Người dùng sẽ có thể nhập một số văn bản, văn bản này sẽ được lưu dưới dạng một phần của dữ liệu meta giỏ hàng khi họ thêm sản phẩm vào giỏ hàng.

    Giao diện trường tùy chỉnh WooCommerce

    Đây là mã để hiển thị trường tùy chỉnh trên trang sản phẩm:

    Hàm này tạo đối tượng $ product dựa trên ID sản phẩm để nó có thể tìm kiếm giá trị cho trường custom_text_field_title trong dữ liệu meta sản phẩm. Nếu nó tìm thấy một giá trị thì nó sẽ hiển thị trường nhập văn bản và nhãn.

    Lưu ý rằng hàm được kết nối với hành động woocommerce_before_add_to_cart_button . Kết hợp nó với hành động này đảm bảo rằng trường đầu vào được bao gồm trong biểu mẫu giỏ hàng, có nghĩa là giá trị của nó sẽ có sẵn khi sản phẩm được thêm vào giỏ hàng. Đó là những gì chúng ta sẽ xem xét tiếp theo.

    Xác thực giá trị trường tùy chỉnh

    Khi người dùng nhập một số văn bản vào trường tùy chỉnh của chúng tôi, chúng tôi có thể muốn kiểm tra xem văn bản đó có tuân theo một số tiêu chí mà chúng tôi đã đặt ra trước khi cho phép thêm mặt hàng vào giỏ hàng hay không. Chúng tôi thực hiện điều đó bằng bộ lọc woocommerce_add_to_cart_validation .

    Đoạn mã dưới đây thực hiện một kiểm tra đơn giản khi người dùng nhấp vào ‘Thêm vào giỏ hàng’ để đảm bảo rằng họ đã nhập một số văn bản vào trường tùy chỉnh. Về cơ bản, điều này làm cho trường bắt buộc để người dùng thêm nó vào giỏ hàng của họ.

    woocommerce_add_to_cart_validation cung cấp cho bạn ba tham số:

    • $ pass – giá trị boolean để cho biết việc xác thực có thành công hay không
    • $ product_id – ID sản phẩm
    • $ số lượng – giá trị của trường số lượng

    Trong hàm này, chúng ta chỉ cần lấy giá trị của cfwc-title-field , mà chúng ta đã thêm vào biểu mẫu giỏ hàng ở bước trước. Nếu nó trống, chúng tôi hiển thị thông báo cho người dùng và đặt tham số $ pass thành false. Vì đây là bộ lọc nên chúng tôi cần trả về một giá trị.

    Cách thêm tin nhắn nếu sản phẩm không được xác thực

    Hàm sử dụng wc_add_notice để thêm thông báo vào thông báo WooCommerce. Hàm này chấp nhận hai đối số:

    • Thông báo – văn bản hiển thị
    • Trạng thái – có thể là “lỗi”, “thành công” hoặc “thông báo”. Hầu hết các chủ đề sẽ tạo kiểu cho các thông báo này khác nhau

    Thông báo xác thực WooCommerce

    Thêm giá trị tùy chỉnh vào giỏ hàng

    Giả sử sản phẩm được xác thực thành công, sản phẩm sẽ được thêm vào đối tượng giỏ hàng WooCommerce. Chúng tôi có thể thêm dữ liệu meta của riêng mình vào đối tượng này để chúng tôi có thể sử dụng nó sau này trong quá trình, ví dụ: trên các trang giỏ hàng và thanh toán cũng như các đơn đặt hàng và email.

    Hàm này kết nối với woocommerce_add_cart_item_data , hàm này lọc dữ liệu được chuyển đến đối tượng giỏ hàng khi sản phẩm được thêm vào giỏ hàng. Vì vậy, ở đây chúng tôi kiểm tra xem cfwc-title-field có giá trị hay không, sau đó thêm giá trị đó vào $ cart_item_data .

    Cập nhật giá sản phẩm theo chương trình

    Hãy tưởng tượng, vì lợi ích của lập luận, chúng tôi muốn tăng giá của sản phẩm nếu trường tùy chỉnh có một giá trị. Có một bài viết dài hơn về cập nhật giá theo chương trình trong WooCommerce ở đây nhưng tôi cũng sẽ đề cập đến những điều cơ bản bên dưới.

    Điều đầu tiên cần làm là mở rộng hàm cfwc_add_custom_field_item_data ở trên.

    Bạn có thể thấy rằng chúng tôi đã tạo sản phẩm WooCommerce bằng cách sử dụng $ product_id được chuyển vào làm một trong các thông số của chúng tôi. Từ sản phẩm, chúng tôi có thể nhận được giá, sau đó tôi chỉ thêm một con số tùy ý vào giá này.

    Bây giờ, chúng tôi cần sử dụng giá cập nhật khi tổng số các mặt hàng trong giỏ hàng.

    Tính giá tùy chỉnh

    Để cập nhật giá sản phẩm theo giá cập nhật trong giỏ hàng, chúng tôi sử dụng hành động woocommerce_before_calculate_totals :

    Bạn có thể thấy ở đây rằng hàm lặp lại nội dung của giỏ hàng từng mặt hàng một. Nó kiểm tra thông số total_price đã được đặt khi sản phẩm được thêm vào giỏ hàng. Nếu có thông số này, giá của mặt hàng trong giỏ hàng sẽ được cập nhật.

    Hiển thị các trường tùy chỉnh trong giỏ hàng và thanh toán

    Hãy xem cách hiển thị giá trị trường tùy chỉnh trong giỏ hàng và thanh toán. Chúng tôi có thể sử dụng cùng một bộ lọc cho cả hai trang, vì vậy chúng tôi chỉ cần viết một hàm:

    Hàm kiểm tra từng mặt hàng trong giỏ hàng để tìm thông số title_field của chúng tôi. Nếu nó được đặt, thì nó sẽ thêm trường tiêu đề vào tên sản phẩm như hiển thị trong giỏ hàng.

    Lưu ý rằng bộ lọc woocommerce_cart_item_name hoạt động trên các biểu mẫu giỏ hàng và thanh toán.

    Hiển thị các trường tùy chỉnh trong đơn đặt hàng WooCommerce và xác nhận qua email

    Sau khi đảm bảo rằng trường tùy chỉnh của chúng tôi hiển thị cho người dùng trong giỏ hàng và biểu mẫu thanh toán, giờ đây chúng tôi cần chuyển giá trị của nó vào đơn đặt hàng khi người dùng thanh toán.

    Chúng tôi có thể thực hiện việc này rất dễ dàng bằng hành động woocommerce_checkout_create_order_line_item . Giống như bộ lọc cho tên sản phẩm trong giỏ hàng, chúng tôi chỉ cần kiểm tra thông số title_field trong mục giỏ hàng. Nếu có, chúng tôi thêm giá trị của nó dưới dạng dữ liệu meta vào đối tượng $ item .

    Điều này sẽ đảm bảo rằng giá trị trường tùy chỉnh của chúng tôi được hiển thị trên trường xác nhận đơn đặt hàng mà người dùng nhìn thấy sau khi họ đã thanh toán, đơn đặt hàng trong chương trình phụ trợ và trên email xác nhận cho quản trị viên và khách hàng.
    Trang đặt hàng WooCommerce

    Plugin hoàn chỉnh

    Đây là mã cho toàn bộ plugin:

    Trường tùy chỉnh nâng cao cho WooCommerce

    Plugin Trường tùy chỉnh nâng cao dành cho WordPress cho phép bạn tùy chỉnh màn hình chỉnh sửa WordPress và dữ liệu trường tùy chỉnh. Người dùng có thể dễ dàng thêm vào các trường tùy chỉnh trong một vài cú nhấp chuột bằng cách sử dụng chức năng mạnh mẽ của trình tạo trường. Đó là một giải pháp tuyệt vời, tất cả trong một cho các doanh nghiệp đang tìm cách đưa cửa hàng WooCommerce của họ lên một tầm cao mới.

    Plugin Trường tùy chỉnh nâng cao cũng hữu ích để thêm thông tin bổ sung vào các sản phẩm WooCommerce. Bạn có thể sử dụng nó để hiển thị thông tin bổ sung cho các sản phẩm WooCommerce chỉ được yêu cầu ở mặt sau của cửa hàng WooCommerce của bạn.

    Ví dụ: bạn có thể thêm các chi tiết quan trọng về các sản phẩm WooCommerce để nhân viên có thời gian quản lý cửa hàng dễ dàng hơn. Điều này có thể giúp nhân viên của bạn tìm ra những thứ như lượng hàng còn lại hoặc những biến thể sản phẩm nào đã hết hàng.

    Cách thiết lập Trường tùy chỉnh nâng cao

    Để thêm các trường tùy chỉnh vào cửa hàng WooCommerce, bạn cần cài đặt plugin Trường tùy chỉnh nâng cao miễn phí trên trang web WordPress của mình. Đây là cách bạn thiết lập nó:

    Tạo nhóm trường mới

    Sử dụng trang tổng quan WordPress, điều hướng đến tab Trường tùy chỉnh và nhấp vào nút Thêm mới.

    Đặt tên cho nhóm trường như “Tùy chỉnh sản phẩm”. Bạn có thể đặt nhiều trường trong cùng một nhóm. Bằng cách này, bạn có thể hiển thị nhiều trường tùy chỉnh cho một sản phẩm hoặc một phần trong cửa hàng WooCommerce của mình.

    Thêm các trường tùy chỉnh của bạn

    Nhấp vào nút Thêm trường để thêm trường tùy chỉnh vào nhóm trường.

    Thêm trường

    Tại đây, bạn cần đặt Nhãn Trường, Tên Trường và Loại Trường. Thêm bao nhiêu trường tùy chỉnh tùy thích.

    Chi tiết trường

    Nếu bạn đang chọn một trường có nhiều tùy chọn, bạn sẽ cần thêm các lựa chọn trường của mình bằng cách sử dụng trường văn bản bên dưới Lựa chọn. Bạn cũng có thể đặt các tùy chọn như giá trị mặc định, bố cục và giá trị hoặc nhãn.

    Nhãn trường

    Định cấu hình cài đặt nhóm trường bổ sung

    Bước tiếp theo là đặt Vị trí của nhóm trường. Bạn có thể chọn nơi bạn muốn nhóm trường xuất hiện trong bảng điều khiển WordPress của mình bằng cách sử dụng phần Vị trí.

    Vị trí trường

    Đặt Loại bài đăng thành Sản phẩm. Bật hộp kiểm bên cạnh Hoạt động trong phần Cài đặt. Điều này cho phép bạn đặt nhóm trường trên các trang sản phẩm và hiển thị các lựa chọn trường cho người mua hàng.

    Thêm thông tin vào sản phẩm

    Điều hướng đến trang chỉnh sửa của sản phẩm WooCommerce để thêm các trường tùy chỉnh bằng cách sử dụng nhóm trường mà chúng tôi đã tạo trước đó.

    Thêm trường vào sản phẩm

    Các trường thanh toán tùy chỉnh của WooCommerce

    Cho đến bây giờ, tất cả những gì chúng ta đã nói là cách thêm các trường tùy chỉnh vào sản phẩm WooCommerce. Nhưng nếu bạn muốn các trường tùy chỉnh của mình xuất hiện trên trang thanh toán thì sao?

    Các trường thanh toán tiêu chuẩn được tích hợp sẵn trong WooCommerce theo mặc định hoạt động rất tốt. Chúng bao gồm các trường kiểm tra tên, số điện thoại, địa chỉ email, địa chỉ thanh toán, địa chỉ giao hàng và thông tin thanh toán.

    Hiển thị các trường tùy chỉnh trên trang thanh toán trong WooCommerce có thể giúp bạn mang lại trải nghiệm người dùng tốt hơn. Đó cũng là một cách tuyệt vời để thu thập thông tin từ khách hàng trước khi họ thanh toán.

    Hãy xem qua một vài ví dụ về các trường thanh toán tùy chỉnh cho WooCommerce:

    • Trường ngày giao hàng . Bạn có thể thêm trường ngày giao hàng vào trang thanh toán để cho phép khách hàng chọn ngày giao hàng. Ví dụ: người bán hoa và tiệm bánh có thể cho phép khách hàng chọn thời điểm họ muốn giao hàng.
    • Chọn tham gia nhận bản tin qua email . Khi khách hàng đã hoàn tất đơn đặt hàng của họ và sẵn sàng rời khỏi trang web của bạn, bạn có thể đưa ra lựa chọn nhận bản tin email bằng cách sử dụng trường tùy chỉnh. Điều này rất tốt cho các trang web giao dịch và cửa hàng cung cấp các dịch vụ như nhiếp ảnh.
    • Ngày giao hàng (sản phẩm đăng ký) Bạn cũng có thể cho phép khách hàng chọn thời điểm họ muốn giao sản phẩm trong nhiều ngày. Ví dụ: bạn có thể cho phép khách hàng chọn trong số 3 ngày giao hàng một tuần hoặc 5 ngày giao hàng đối với hộp đăng ký bữa ăn hoặc hộp đăng ký rau .

    Thêm các trường thanh toán theo chương trình

    Bạn cũng có thể thêm các trường thanh toán vào cửa hàng WooCommerce của mình theo chương trình. Tất cả những gì bạn cần làm là thêm một đoạn mã nhỏ vào cửa hàng WooCommerce của mình. Đây là một lựa chọn tuyệt vời cho các nhà phát triển vì nó cung cấp rất nhiều tính linh hoạt và khả năng tùy chỉnh.

    Để biết thêm thông tin, bạn có thể xem hướng dẫn này về Trường thanh toán WooCommerce .

    Thêm trường thanh toán bằng plugin

    Những người không quen với việc viết mã có thể thêm các trường thanh toán vào cửa hàng WooCommerce của họ bằng cách sử dụng một plugin. Đây là một lựa chọn tốt cho tất cả các loại người dùng vì không cần phải viết mã để thêm các trường thanh toán tùy chỉnh.

    Dưới đây là một số plugin mà chúng tôi đề xuất để thêm các trường thanh toán vào trang web WooCommerce của bạn:

    • Checkout Field Editor . Checkout Field Editor cho phép bạn tối ưu hóa quy trình thanh toán trên trang WooCommerce của bạn và giúp sử dụng WooCommerce của bạn lưu trữ đến cấp độ tiếp theo. Bạn có thể thêm, xóa hoặc sửa đổi các trường tùy chỉnh dựa trên yêu cầu của mình.
    • Checkout Field Editor (Trình quản lý Checkout) cho WooCommerce . Trình chỉnh sửa Trường Checkout cho plugin WooCommerce là một tất cả trong- một giải pháp để tạo, quản lý và tùy chỉnh các trường thanh toán trên cửa hàng WooCommerce của bạn.

    Đọc thêm

    Dưới đây là một số bài viết khác mà bạn có thể thấy hữu ích:

    • Các tùy chọn sản phẩm bổ sung của WooCommerce
    • Nếu bạn muốn biết thêm về việc thêm dữ liệu mặt hàng tùy chỉnh vào giỏ hàng trong WooCommerce, bao gồm các chi tiết về woocommerce_add_cart_item_data woocommerce_add_to_cart_validation , hãy xem bài viết này .

    Suy nghĩ cuối cùng

    Hy vọng rằng bạn có thể làm theo từng bước cách tạo, thêm và lưu dữ liệu trường tùy chỉnh trong WooCommerce. Đừng quên kiểm tra plugin Cuối cùng của WooCommerce Product Add Ons để có thêm nhiều chức năng.

    Sản phẩm WooCommerce Tiện ích bổ sung cuối cùng

    Nâng cao trải nghiệm mua sắm trên cửa hàng của bạn bằng cách cho phép khách hàng cá nhân hóa sản phẩm của bạn

    Tìm hiểu thêm


Xem thêm những thông tin liên quan đến chủ đề trường tùy chỉnh sản phẩm woocommerce

WooCommerce Custom Product Options With Great Looking Custom Sections

alt

  • Tác giả: WordPress Tutorials - WPLearningLab
  • Ngày đăng: 2021-01-20
  • Đánh giá: 4 ⭐ ( 7313 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Grab your free 17-Point WordPress Launch Checklist PDF: https://wplearninglab.com/get/wordpress-redirects.php?utm_source=youtube&utm_medium=video&utm_campaign=wp_jumpstart&utm_id=17_point_wp_launch_checklist&utm_term=Q6Wnc5cPeZI&utm_content=video_description
    If you need to collect a lot of extra information from your customers then WooCommerce custom product options with custom sections are what you need. This is part of the WooCommerce tips and tricks playlist that you can find here: https://www.youtube.com/watch?v=KrOIFR04pMk&list=PLlgSvQqMfii4RPNBbdpjCdmlJfSJRt6Cw

    In this tutorial, I show you a great free plugin you can use to add these custom fields to any or all of your WooCommerce products.

    Always backup your site just in case (or use a staging site), here's how: https://www.youtube.com/watch?v=D1aYbayFpfU&list=PLlgSvQqMfii4l2cVV1TZ7j_kHs_2qmf4b

    Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab

    Here are 20+ reasons why I host all my sites with SiteGround: https://wplearninglab.com/siteground-wordpress-hosting-review/

    Post videos of your WordPress success using the hashtag WPLLCommunity!

    Here's the link for Elementor Pro (aff): https://wplearninglab.com/recommends/elementor

    I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

    WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

Thêm tab tùy chỉnh cho trang sản phẩm của WooCommerce dễ dàng

  • Tác giả: edugate.vn
  • Đánh giá: 4 ⭐ ( 3656 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thủ thuật hay giúp tùy biến woocommerce hữu ích nhất

  • Tác giả: sumedia.net
  • Đánh giá: 3 ⭐ ( 2212 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thủ thuật hay giúp tùy biến woocommerce hữu ích nhất, các thủ thuật woocommerce giúp tùy chỉnh website bán hàng sử dụng woocommerce

Hướng dẫn tùy chỉnh WooCommerce [A-Z]

  • Tác giả: www.hoangweb.com
  • Đánh giá: 3 ⭐ ( 1236 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách tùy chỉnh sắp xếp và đặt hàng sản phẩm WooCommerce

  • Tác giả: www.vietmis.com
  • Đánh giá: 4 ⭐ ( 3818 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: VietMis.com - Kinh doanh và Đầu tư 4.0 - Gọi: 0939 68 19 66 (Hotline) để được tư vấn - HOÀN TOÀN MIỄN PHÍ. VietMis thiết kế phát triển website, xây dựng thương hiệu online, cung cấp các giải pháp phần mềm quản lý kinh doanh, quản lý phòng khám trực tuyến.

Trường tùy chỉnh WooCommerce và phân loại

  • Tác giả: sites.google.com
  • Đánh giá: 3 ⭐ ( 4304 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn chi tiết, đầy đủ tạo website và các vấn đề liên quan

Thêm các trường tùy chỉnh cho biến thể sản phẩm trong Woocommerce

  • Tác giả: tuandc.com
  • Đánh giá: 3 ⭐ ( 6718 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: WordPress

XEM THÊM  Cách bình luận trên Facebook (với Hình ảnh) - làm thế nào để bạn thêm một bình luận trên facebook

By DEVTEAM