Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

WooC Commerce bao gồm nhiều phương pháp để lưu trữ dữ liệu sản phẩm. Tất cả các trường sản phẩm thông thường đều khả dụng, bao gồm tên, giá, danh mục, thẻ và kích thước. Ngoài ra, bạn có thể tạo thuộc tính sản phẩm

Tuy nhiên, nếu bạn muốn lưu trữ các trường sản phẩm bổ sung thì sao?

Cho dù bạn muốn bao gồm các thông số kỹ thuật chi tiết trên trang sản phẩm WooC Commerce hay trình bày các biến thể sản phẩm khác nhau chỉ bằng một cú nhấp chuột, thì việc thêm các trường tùy chỉnh trong WooC Commerce chỉ mất vài phút

Đây là hướng dẫn toàn diện về Cách thêm trường tùy chỉnh vào sản phẩm WooC Commerce. Bạn sẽ khám phá cách hiển thị thông tin sản phẩm bổ sung và bán các biến thể sản phẩm bổ sung trên trang web của mình

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

Khi các cá nhân thảo luận về các trường tùy chỉnh WooC Commerce, họ thường đề cập đến một trong hai điều

1. Tăng cường các trường thông tin của sản phẩm

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Đây là ứng dụng truyền thống của các trường tùy chỉnh. Các trường tùy chỉnh được sử dụng trong WordPress để thêm các trường mới vào bài đăng, trang hoặc mục. Chúng được sử dụng để lưu trữ và hiển thị nhiều dữ liệu hơn, chẳng hạn như các trường văn bản bổ sung, ngày tháng và ảnh

2. Các trường tiện ích tùy chỉnh

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Điều này được thực hiện bằng cách bao gồm các tùy chọn bổ sung như danh sách thả xuống, hộp kiểm, nút radio và trường văn bản để khách hàng điền vào trước khi thêm sản phẩm vào giỏ hàng của họ. Về mặt kỹ thuật, các tùy chọn sản phẩm bổ sung hoàn toàn không phải là trường tùy chỉnh; . Tuy nhiên, một phần đáng kể dân số đề cập đến những khả năng này dưới dạng các trường tùy chỉnh

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

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

Để thêm các trường tùy chỉnh vào các sản phẩm WooC Commerce, trước tiên bạn phải cài đặt plugin WordPress. Chúng tôi sẽ sử dụng plugin Trường tùy chỉnh nâng cao miễn phí trong bài đăng này và đây là cách định cấu hình nó

Bước 1. Cài đặt mô-đun Trường tùy chỉnh nâng cao

Đăng nhập vào tài khoản WordPress của bạn, điều hướng đến Plugins > Add New. Tìm kiếm Trường tùy chỉnh nâng cao, tải xuống và cài đặt plugin miễn phí này

Bước 2. Thêm một nhóm trường mới

Điều hướng đến tab Trường tùy chỉnh mới ở bên trái bảng điều khiển WordPress. Bên cạnh Nhóm trường, bấm Thêm mới.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Đặt tên cho nhóm trường. Nhóm trường là một nhóm trường sẽ được sử dụng để mô tả một sản phẩm hoặc một phần trên trang web của bạn, chẳng hạn như danh sách các thông số kỹ thuật sẽ hiển thị trên tất cả các trang sản phẩm máy tính xách tay. Ví dụ, “Lĩnh vực máy tính. ” ‘

Bước 3. Thêm (các) trường tùy chỉnh

Nhấp vào Thêm trường để thêm trường vào nhóm mới của bạn.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Chỉnh sửa thông tin chi tiết của các trường này.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

  • nhãn trường. Điều này chủ yếu là để bạn tham khảo
  • Tên trường. Nó đóng vai trò là các chữ cái sẽ được đưa vào mã tùy chỉnh của riêng bạn hoặc mã ngắn trong trường hợp này. Bạn có thể để cái này làm mặc định của plugin
  • Loại lĩnh vực. Định dạng bạn đang thiết lập cho trường đó. Bạn có thể chọn từ nhiều lựa chọn, bao gồm bộ chọn ngày, hộp kiểm, menu thả xuống và nút radio
  • Chỉ dẫn. Hướng dẫn về lĩnh vực này cho chính bạn hoặc nhà phát triển
  • Yêu cầu. Tuyên bố cho biết khu vực này có cần thiết hay không

Nếu bạn đang làm việc với một trường chứa nhiều lựa chọn thay thế (chẳng hạn như các nút radio), bạn sẽ muốn tạo các Lựa chọn trường. Đây là các tùy chọn lựa chọn mà bạn muốn hiển thị trên phần phụ trợ của trang sản phẩm, chẳng hạn như các bộ xử lý lõi khác nhau

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Các tham số khác, chẳng hạn như giá trị mặc định, bố cục và có hiển thị giá trị hoặc nhãn hay không, thường là tùy chọn.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Khi bạn chỉnh sửa xong một trường hoặc nhóm, hãy nhấp vào nút Xuất bản hoặc Cập nhật để lưu lại.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Chọn lại nút Thêm trường để thêm nhiều trường hơn vào nhóm của bạn

Đây là cách nó xuất hiện với bốn trường trong nhóm này.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Bước 4. Thiết lập cài đặt nhóm trường bổ sung

Sau khi hoàn thành nhóm trường, điều hướng đến mô-đun Vị trí. Đây là nơi bạn chỉ định vị trí của nhóm trường trên bảng điều khiển WordPress

Chỉ định Loại bài đăng bằng Sản phẩm. Ngoài ra, nếu bạn muốn cụ thể hơn, bạn có thể chọn một danh mục sản phẩm cụ thể

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Thiết lập các khía cạnh sau trong tab cài đặt

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

  • Tích cực. Đảm bảo nhóm trường của bạn đang hoạt động
  • Kiểu dáng, Vị trí, Vị trí nhãn và Vị trí hướng dẫn. Chúng chủ yếu để bạn tham khảo
  • Số thứ tự. Nếu nhiều nhóm trường được hiển thị trên các trang sản phẩm, hãy chỉ định Số thứ tự. Điều này xác định thứ tự hiển thị các nhóm trường nhất định
  • Sự miêu tả. Thiết lập mô tả được hiển thị trong danh sách nhóm trường
  • Ẩn trên màn hình. Đánh dấu vào một số chi tiết bạn muốn ẩn trên màn hình của mình

Bước 5. Thêm thông tin sản phẩm

Sau đó, điều hướng đến trình chỉnh sửa cho sản phẩm mà bạn đang thêm các trường tùy chỉnh. Nếu tất cả các cài đặt đều chính xác, các trường tùy chỉnh sẽ xuất hiện bên dưới hộp Dữ liệu sản phẩm.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Bước 6. Hiển thị thông tin trường tùy chỉnh trên trang của bạn

Bạn phải hiển thị dữ liệu từ các trường tùy chỉnh của mình trên trang một sản phẩm giao diện người dùng để hoàn tất quy trình. Thông tin này có thể được bao gồm ở bất cứ đâu, nhưng một nơi thông minh để bắt đầu là trong phần mô tả dài hoặc ngắn của sản phẩm

Sử dụng mã ngắn [acf field=””] để hiển thị thông tin trường trên giao diện người dùng. Giữa các dấu ngoặc kép, chèn Tên trường

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Tên trường cho từng trường có thể được tìm thấy trong giao diện chỉnh sửa nhóm trường. Để lưu cài đặt của bạn, nhấp vào nút Xuất bản hoặc Cập nhật.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Khi bạn truy cập sản phẩm của mình ở giao diện người dùng, bạn sẽ tìm thấy các trường tùy chỉnh sau nơi mã ngắn được thêm vào.

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

3 plugin tốt nhất để thêm các trường tùy chỉnh vào các sản phẩm WooC Commerce

1. Trường đặt hàng tùy chỉnh của quản trị viên

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Plugin này cho phép bạn tập trung thông tin đơn đặt hàng WooC Commerce trên bảng điều khiển của mình. Về cơ bản, bằng cách sử dụng tiện ích mở rộng này, bạn có thể điều chỉnh từng đơn hàng được đặt trong cửa hàng của mình bằng cách thu thập tất cả thông tin bổ sung tại một địa điểm. Điều này hỗ trợ rất nhiều trong việc xây dựng các phương pháp thực hiện của bạn

Mọi thông tin bổ sung từ khách hàng, cũng như bất kỳ ghi chú nội bộ nào, sẽ hỗ trợ người chịu trách nhiệm về các giai đoạn tiếp theo của mỗi đơn hàng. Các trường đặt hàng tùy chỉnh loại bỏ nhu cầu sử dụng ghi chú đặt hàng cho mọi thứ. Bản chất ngăn cách của thông tin sẽ dẫn đến một quy trình có tổ chức hơn

các tính năng chính

  • Thêm và điều chỉnh chi tiết đơn đặt hàng trực tiếp từ trang đơn đặt hàng và cung cấp cho tất cả các thành viên trong nhóm quyền truy cập hợp nhất
  • Đơn đặt hàng có thể được sắp xếp và lọc tùy thuộc vào các trường tùy chỉnh. Ngoài ra, bạn có thể chọn hiển thị thông tin đặt hàng của khách hàng
  • Chọn tùy chọn “Hiển thị trong đơn đặt hàng/email của tôi” nếu bạn muốn hiển thị cả thông tin cụ thể cho khách hàng
  • Nâng cao hiệu quả quản lý quan hệ khách hàng
  • Nâng cao quy trình quản lý đơn hàng tổng thể

Giá. $99

2. Trường tùy chỉnh nâng cao

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

Plugin này cho phép bạn quản lý hiệu quả màn hình chỉnh sửa WordPress và các trường tùy chỉnh. Các trường có thể được thêm vào thực tế ở bất cứ đâu trên trang web WordPress của bạn. Các phần này bao gồm các chủ đề như bài đăng, người dùng, nhận xét, thuật ngữ phân loại và phương tiện. Các trường tùy chỉnh có thể được hiển thị trên bất kỳ tệp mẫu chủ đề nào. Tuy nhiên, điều này đòi hỏi một số hiểu biết kỹ thuật. Plugin đơn giản và trực quan có rất nhiều tính năng hữu ích và hơn 30 loại trường. Đây là một trong những plugin WordPress phổ biến nhất trong danh mục của nó, với hơn một triệu lượt cài đặt đang hoạt động

Ngoài ra, nó tích hợp hoàn hảo với WooC Commerce và bạn có thể dễ dàng thêm các trường tùy chỉnh vào sản phẩm của mình. Sau khi plugin được cài đặt và kích hoạt, bạn có thể nhanh chóng xây dựng các nhóm trường và trường riêng lẻ phù hợp với nhu cầu của mình. Từ trang sản phẩm cụ thể, bạn có thể nhập giá trị cho từng trường tùy chỉnh

các tính năng chính

  • Các trường tùy chỉnh có thể được thêm vào theo yêu cầu của trang web của bạn
  • Có khoảng 30 loại trường riêng biệt để lựa chọn
  • Các trường có thể được thêm vào bài đăng, người dùng và phân loại, trong số các vị trí khác
  • Thân thiện với các nhà phát triển

Giá. Miễn phí

3. ACF chuyên nghiệp

Thêm trường tùy chỉnh vào sản phẩm WooC Commerce

ACF Pro đi kèm với nhiều tính năng hỗ trợ bạn rất nhiều trong việc tùy chỉnh trang web hoặc cửa hàng WooC Commerce theo sở thích của bạn. Một trong những tính năng độc đáo của phiên bản cao cấp là khả năng xây dựng các trường con. Chúng có thể được thực hiện nhiều lần trong suốt quá trình chỉnh sửa. Ngoài ra, bất kỳ loại trường nào cũng có thể được sử dụng làm trường con. Nói chung, nó tăng cường đáng kể các tùy chọn tùy chỉnh

các tính năng chính

  • ACF Pro giúp việc quản lý bộ sưu tập hình ảnh trở nên đơn giản
  • Một trường thư viện được bao gồm để hỗ trợ chỉnh sửa và sắp xếp nhiều ảnh
  • Các trường con có thể được tạo dưới dạng bố cục và sắp xếp lại để điều chỉnh nội dung theo yêu cầu chính xác của bạn
  • Trường bản sao là một tính năng đáng chú ý khác cho phép bạn chọn các trường cụ thể sẽ được hiển thị khi plugin tải trang
  • Trang cài đặt cho phép bạn tạo các trường quản trị mới chỉ với mục đích quản lý các trường tùy chỉnh của plugin

Giá

ACF Pro được cung cấp trong 3 giấy phép riêng biệt. Tư cách thành viên cá nhân là 49 đô la một năm, trong khi tư cách thành viên Freelancer và Đại lý lần lượt là 149 đô la và 249 đô la

Từ cuối cùng

Chúng tôi đã trình bày cách dễ dàng thêm các trường tùy chỉnh vào các sản phẩm WooC Commerce và lưu trữ chúng trong phần phụ trợ WordPress mà không yêu cầu bất kỳ chuyên môn kỹ thuật bổ sung nào (cũng như xem nhanh cách thực hiện theo chương trình)

Bạn có phiền khi tuân thủ các hướng dẫn được nêu trong bài viết này và triển khai chúng trên trang web của riêng bạn không?

Bài đăng này có lợi cho bạn không?

Làm cách nào để thêm các trường tùy chỉnh vào các biến thể sản phẩm WooC Commerce của bạn?

Để thêm các trường tùy chỉnh dành riêng cho biến thể của chúng tôi, hãy chuyển đến tab Tiện ích bổ sung cho sản phẩm trong phần Dữ liệu sản phẩm. Nhấp vào 'Thêm nhóm' rồi 'Thêm trường'. Trong cài đặt 'Loại trường', hãy chọn 'Thông tin' . Trong ảnh chụp màn hình ở trên, bạn có thể thấy bảng Tiện ích bổ sung sản phẩm.

Làm cách nào để hiển thị giá trị trường tùy chỉnh trên trang sản phẩm WooC Commerce?

Cách thêm trường tùy chỉnh trong trang sản phẩm WooC Commerce .
Tạo một nhóm trường mới
Thêm (các) trường tùy chỉnh của bạn
Định cấu hình cài đặt nhóm trường bổ sung
Thêm thông tin cho sản phẩm
Hiển thị thông tin trường tùy chỉnh trên giao diện người dùng

Các trường tùy chỉnh cho Sản phẩm là gì?

Trường sản phẩm tùy chỉnh là điểm dữ liệu bổ sung có thể được thêm vào sản phẩm trong cửa hàng trực tuyến . Các trường này cho phép chủ cửa hàng thu thập và hiển thị thêm thông tin về sản phẩm của họ ngoài các chi tiết cơ bản thường có (chẳng hạn như tên, giá, màu sắc và mô tả).

Làm cách nào để thêm các trường tùy chỉnh bổ sung vào trang thanh toán WooC Commerce?

Cách thêm trường tùy chỉnh vào trang thanh toán WooC Commerce .
Bước 1. Xác định một mảng các trường trên trang thanh toán. .
Bước 2. Thêm trường tùy chỉnh vào trang thanh toán WooC Commerce. .
Bước 3. Nối các trường theo yêu cầu. .
Bước 4. Hiển thị các trường tùy chỉnh trên trang đặt hàng. .
Bước 5. Hiển thị các trường trên trang tài khoản