Các trường dữ liệu sản phẩm bổ sung của WooC Commerce

Nếu bạn muốn cải thiện cửa hàng WooC Commerce của mình, học cách sử dụng các trường tùy chỉnh WooC Commerce là một công cụ tuyệt vời cần có trong bộ công cụ của bạn

Các trường tùy chỉnh cho phép bạn thu thập và hiển thị thông tin bổ sung về các sản phẩm WooC Commerce của mình, điều này thực sự hữu ích để tùy chỉnh cửa hàng của bạn

Với các công cụ phù hợp, các trường tùy chỉnh WooC Commerce cũng không phải phức tạp. Mặc dù bạn chắc chắn có thể sử dụng mã để chèn các trường tùy chỉnh, nhưng Elementor cung cấp một cách dễ dàng hơn để làm việc với các trường tùy chỉnh cho phép bạn thực hiện mọi thứ từ giao diện trực quan của Elementor

Trong bài đăng này, chúng tôi sẽ đề cập đến mọi thứ bạn cần biết về các trường tùy chỉnh WooC Commerce, bao gồm những điều sau đây

• Tìm hiểu sâu hơn về các trường tùy chỉnh WooC Commerce là gì và cách chúng giúp cải thiện cửa hàng của bạn
• Các loại trường tùy chỉnh khác nhau mà bạn có thể thêm vào WooC Commerce
• Khi nào nên sử dụng trường tùy chỉnh WooC Commerce so với thuộc tính/phân loại sản phẩm
• Cách tạo các trường tùy chỉnh WooC Commerce trên phần phụ trợ
• Cách hiển thị các trường tùy chỉnh trên giao diện người dùng của cửa hàng, sử dụng Elementor Pro hoặc mã tùy chỉnh

Bắt đầu nào

Khám phá cách sử dụng mã ngắn WooC Commerce trong cửa hàng trực tuyến của bạn

Mục lục

Trường tùy chỉnh WooC Commerce là gì?

Các trường tùy chỉnh WooC Commerce cho phép bạn lưu trữ và hiển thị thông tin bổ sung về các sản phẩm trên trang web của mình. Chúng giống như các trường tùy chỉnh thông thường của WordPress, nhưng chúng thu thập thông tin cụ thể về các sản phẩm WooC Commerce của bạn

Theo mặc định, WooC Commerce cung cấp các trường cấp cao áp dụng cho hầu hết các sản phẩm, chẳng hạn như giá và mô tả sản phẩm. Nhưng nó không cung cấp cho bạn cách tạo các trường duy nhất cho cửa hàng của bạn

Đó là nơi các trường tùy chỉnh có thể hữu ích

phụ trợ

Trên phần phụ trợ, các trường tùy chỉnh giúp lưu trữ các chi tiết và thông tin duy nhất về sản phẩm của bạn dễ dàng hơn. Thay vì cố gắng đưa thông tin tùy chỉnh vào hộp mô tả sản phẩm không có cấu trúc, bạn có thể tạo các trường dành riêng cho tất cả các chi tiết quan trọng, giúp quản lý và cập nhật sản phẩm dễ dàng hơn

giao diện người dùng

Trên giao diện người dùng, các trường tùy chỉnh giúp bạn hiển thị tất cả thông tin đó theo cách có cấu trúc. Nếu cần, họ cũng cho bạn cơ hội thu thập thông tin bổ sung từ người mua sắm, chẳng hạn như cho phép họ nhập thông báo khắc tùy chỉnh để đưa vào một món đồ trang sức mà họ mua từ cửa hàng của bạn

Nếu bạn vẫn không chắc chắn tất cả những điều này kết hợp với nhau như thế nào – đừng lo lắng. Trong phần tiếp theo, chúng tôi sẽ cung cấp cho bạn một số ví dụ thực tế về cách bạn có thể sử dụng các trường tùy chỉnh để cải thiện cửa hàng của mình

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

Có hai loại trường tùy chỉnh phổ biến mà bạn sẽ thấy cho các cửa hàng WooC Commerce

• Trường dữ liệu sản phẩm – những trường này cho phép bạn lưu trữ thông tin bổ sung về sản phẩm. Là quản trị viên cửa hàng, bạn sẽ nhập dữ liệu này từ bảng điều khiển WordPress phụ trợ của mình. Sau đó, bạn sẽ hiển thị dữ liệu trên các trang sản phẩm của mình
• Các trường nhập tùy chỉnh – những trường này cho phép bạn thu thập thông tin bổ sung về sản phẩm từ người mua hàng. Thông thường, điều này là để giúp bạn tạo một số loại sản phẩm có thể tùy chỉnh. Điểm khác biệt chính ở đây là người mua sắm của bạn nhập dữ liệu từ giao diện người dùng trên trang web của bạn

Tùy thuộc vào tình hình cửa hàng của bạn, bạn có thể chỉ sử dụng một loại trường tùy chỉnh WooC Commerce. Hoặc, bạn có thể sử dụng cả hai loại để có thể hiển thị thông tin bổ sung và thu thập thông tin bổ sung từ người mua hàng của mình

Hãy xem xét chúng chi tiết hơn

Trường dữ liệu sản phẩm bổ sung

Việc sử dụng phổ biến nhất các trường tùy chỉnh WooC Commerce là hiển thị thông tin bổ sung về sản phẩm. Các trường nhập phụ trợ của WooC Commerce là “một kích thước phù hợp với tất cả”, nhưng bạn có thể gặp các tình huống muốn hiển thị thông tin duy nhất về sản phẩm của mình theo cách có cấu trúc

Ví dụ: có thể bạn có một cửa hàng sách trực tuyến và bạn muốn đưa vào các đoạn đánh giá tích cực từ các nhà phê bình về những cuốn sách bạn đang bán. Chắc chắn, bạn có thể đưa chúng trực tiếp vào phần mô tả sản phẩm, nhưng việc sử dụng các trường tùy chỉnh sẽ cho phép bạn cung cấp các trường nhập dành riêng cho các trích dẫn này và bạn sẽ có nhiều quyền kiểm soát hơn đối với nơi bạn đặt chúng

Hoặc, có thể bạn bán áo phông đồ họa và bạn muốn thu thập và hiển thị thông tin về nhà thiết kế của từng chiếc áo.  

Đây là một ví dụ về việc thêm một số trường tùy chỉnh vào phần phụ trợ

Và sau đó bạn có thể hiển thị thông tin đó ở bất cứ đâu bạn muốn trên các trang sản phẩm của mình như thế này

Về cơ bản, nếu bạn muốn hiển thị bất kỳ loại thông tin bổ sung nào về sản phẩm, việc đưa thông tin đó vào các trường tùy chỉnh có thể thực sự hữu ích vì những lý do sau. Bạn có thể…

1. Tạo các trường nhập chuyên dụng, giúp dễ dàng thêm thông tin và cập nhật thông tin trong tương lai
2. Hiển thị thông tin chính xác nơi bạn muốn đặt nó. Bạn có thể đặt nó ở bất cứ đâu trên các trang sản phẩm của mình. Và với Elementor, bạn thậm chí không cần biết bất kỳ mã nào để làm điều này
3. Định dạng thông tin theo cách bạn muốn. Ví dụ: bạn có thể thêm màu để thu hút sự chú ý, đường viền, v.v.

Trường nhập tùy chỉnh

Một tùy chọn khác để sử dụng các trường tùy chỉnh WooC Commerce là tạo các trường nhập tùy chỉnh trên các trang sản phẩm duy nhất của bạn để người mua hàng có thể tùy chỉnh sản phẩm hoặc cung cấp thông tin bổ sung

Ví dụ: có thể bạn bán một loại trang sức nhất định và bạn muốn cung cấp cho người mua hàng khả năng tạo hình khắc tùy chỉnh trên mặt hàng mà họ mua. Hoặc có thể bạn muốn cho phép người mua sắm nhập thông báo tùy chỉnh để in màn hình trên áo sơ mi

Để thực hiện các trường hợp sử dụng này, bạn có thể thêm trường nhập văn bản vào trang sản phẩm giao diện người dùng

Đây là một ví dụ thêm trường đầu vào như vậy ngoài các trường dữ liệu tùy chỉnh từ phần trước

Trường tùy chỉnh WooC Commerce so với Thuộc tính (Phân loại)

Nếu bạn muốn thu thập dữ liệu sản phẩm bổ sung, một tùy chọn phổ biến khác là thuộc tính và phân loại WooC Commerce. Bạn sẽ chỉ thấy những thứ được gọi là “thuộc tính” này khi bạn tùy chỉnh sản phẩm, nhưng những gì WooC Commerce thực hiện ở phần phụ trợ là tạo phân loại tùy chỉnh mới cho mọi thuộc tính mà bạn tạo

Các thuộc tính và nguyên tắc phân loại cũng là một cách rất hữu ích để lưu trữ thông tin về một sản phẩm, nhưng chúng phục vụ một chức năng khác nên điều quan trọng là phải hiểu sự khác biệt

• Thuộc tính/phân loại – bạn sử dụng các thuộc tính này để nhóm các sản phẩm lại với nhau, giống như một danh mục. Người mua sắm của bạn có thể sử dụng thông tin này để lọc ra tất cả các sản phẩm có thuộc tính nhất định. WooC Commerce đã bao gồm hai nguyên tắc phân loại theo mặc định – danh mục sản phẩm và thẻ – nhưng bạn có thể sử dụng các thuộc tính để thêm các nguyên tắc phân loại tùy chỉnh không giới hạn
• Các trường tùy chỉnh – bạn sử dụng các trường này để lưu trữ thông tin duy nhất cho từng sản phẩm riêng lẻ. Các sản phẩm không được nhóm lại với nhau theo thông tin trường tùy chỉnh

Hãy xem xét một số ví dụ về thời điểm sử dụng từng…

Đầu tiên, giả sử bạn bán nhiều kiểu dáng áo phông khác nhau với các màu sắc khác nhau. Bạn muốn có một cách để lưu trữ thông tin về màu sắc của từng chiếc áo phông để người mua hàng của bạn có thể lọc ra tất cả những chiếc áo sơ mi có (các) màu mà họ quan tâm

Đối với trường hợp sử dụng này, bạn sẽ muốn sử dụng thuộc tính sản phẩm (phân loại). Thao tác này sẽ nhóm các mặt hàng khác nhau lại với nhau theo màu được chỉ định và cho phép người mua sắm lọc chúng. Ví dụ, duyệt tất cả các áo sơ mi màu xanh lá cây

Nhưng sau đó, giả sử bạn cũng muốn thêm ghi chú về độ vừa vặn của sản phẩm. Ví dụ: liệu nó có vừa với kích thước hay không hay nó chật hơn hoặc lỏng hơn bình thường một chút. Thông tin này là duy nhất đối với mỗi chiếc áo phông và không phải là thông tin mà hầu hết người mua hàng sẽ muốn lọc theo, vì vậy, tốt hơn hết là bạn nên đưa những chi tiết này vào trường tùy chỉnh

Có một số trường hợp mà cả thuộc tính và trường tùy chỉnh đều có thể phù hợp và bạn có thể chọn một cách tiếp cận khác tùy thuộc vào nhu cầu cụ thể của mình

Ví dụ: giả sử bạn muốn thêm thông tin về nhà thiết kế đồ họa đã tạo ra từng chiếc áo phông mà bạn bán. Dưới đây là các tình huống khác nhau mà bạn có thể muốn sử dụng từng tùy chọn

• Thuộc tính – bạn sẽ sử dụng thuộc tính này nếu bạn đang bán nhiều áo sơ mi của mỗi nghệ sĩ và bạn muốn cung cấp cho người mua hàng tùy chọn để lọc ra tất cả áo sơ mi của một nghệ sĩ cụ thể
• Trường tùy chỉnh – bạn sẽ sử dụng trường này nếu bạn muốn lưu trữ và hiển thị nghệ sĩ, nhưng bạn không cần phải làm cho nó có thể lọc được. Ví dụ: có thể nghệ sĩ không thực sự là đối tượng mà người mua sắm quan tâm hoặc có thể bạn chỉ bán một chiếc áo duy nhất của mỗi nghệ sĩ

Cách tạo trường tùy chỉnh WooC Commerce

Có hai phần để làm việc với các trường tùy chỉnh WooC Commerce

1. Bạn cần tạo các trường tùy chỉnh trên phần phụ trợ để bạn có thể thêm thông tin khác vào sản phẩm của mình
2. Bạn cần hiển thị thông tin từ các trường tùy chỉnh đó trên giao diện người dùng của cửa hàng

Trong phần đầu tiên này, chúng tôi sẽ chỉ cho bạn cách tạo các trường tùy chỉnh WooC Commerce trong phần phụ trợ. Sau đó, trong phần tiếp theo, chúng ta sẽ tìm hiểu cách hiển thị chúng

Cách bạn tạo các trường tùy chỉnh tùy thuộc vào việc bạn muốn hiển thị các trường dữ liệu sản phẩm bổ sung hay bạn muốn hiển thị các trường nhập tùy chỉnh. Hãy đi qua cả hai…

Cách tạo trường dữ liệu sản phẩm tùy chỉnh WooC Commerce

Để thu thập và lưu trữ dữ liệu bổ sung về các sản phẩm WooC Commerce, bạn có thể sử dụng bất kỳ plugin trường tùy chỉnh nào. Các tùy chọn phổ biến tích hợp với Elementor bao gồm

• Trường tùy chỉnh nâng cao (ACF)
• Bộ công cụ
• quả
• hộp meta

Chúng tôi có một so sánh chi tiết về ACF với Toolset với Pods nếu bạn muốn tìm hiểu thêm về các dịch vụ đó, nhưng chúng tôi sẽ sử dụng ACF cho ví dụ này vì nó phổ biến, miễn phí và linh hoạt. Tuy nhiên, ý tưởng cơ bản giống nhau sẽ đúng với tất cả các plugin

Để bắt đầu, hãy cài đặt và kích hoạt plugin Trường tùy chỉnh nâng cao miễn phí từ WordPress. tổ chức. Sau đó, đi đến Trường tùy chỉnh → Thêm mới để tạo “Nhóm trường” mới

Nhóm trường đúng như tên gọi – một nhóm gồm một hoặc nhiều trường tùy chỉnh mà bạn muốn thêm vào một số hoặc tất cả các sản phẩm WooC Commerce của mình

Để bắt đầu, hãy sử dụng quy tắc Vị trí để kiểm soát những sản phẩm bạn muốn thêm trường tùy chỉnh vào.  

Đầu tiên, đặt Loại bài đăng bằng Sản phẩm. Nếu bạn muốn hiển thị các trường tùy chỉnh này trên tất cả các sản phẩm của mình, thì đó là tất cả những gì bạn cần làm

Nếu bạn chỉ muốn hiển thị các trường tùy chỉnh này trên một số sản phẩm nhất định (e. g. sản phẩm trong một danh mục nhất định), bạn có thể thêm nhiều quy tắc hơn nếu cần. Ví dụ: đây là cách nhắm mục tiêu các sản phẩm trong danh mục "Quần áo" hoặc "Trang trí"

Sau đó, bạn có thể thêm các trường tùy chỉnh của mình bằng nút + Thêm trường ở đầu giao diện. Đối với mỗi trường, bạn có thể chọn từ các loại trường khác nhau (e. g. số so với văn bản ngắn so với văn bản dài, v.v. ) và định cấu hình các chi tiết khác về trường đó

Ví dụ: đây là ba trường tùy chỉnh để thu thập…

1. Tên người thiết kế
2. Năm mà nhà thiết kế đã tạo ra thiết kế
3. Một tuyên bố về thiết kế từ nhà thiết kế

Sau khi bạn hài lòng với giao diện của mọi thứ, hãy tiếp tục và Xuất bản nhóm lĩnh vực của bạn

Giờ đây, khi chỉnh sửa sản phẩm, bạn sẽ thấy các trường tùy chỉnh mới đó trong giao diện chỉnh sửa sản phẩm

Trong phần tiếp theo, chúng tôi sẽ chỉ cho bạn cách lấy thông tin trong các trường tùy chỉnh này và hiển thị thông tin đó trên giao diện người dùng của cửa hàng WooC Commerce của bạn

Nhưng trước tiên – hãy nói về loại trường tùy chỉnh WooC Commerce khác – trường nhập sản phẩm tùy chỉnh

Cách tạo trường nhập sản phẩm WooC Commerce tùy chỉnh

Các plugin ở trên rất tuyệt nếu bạn muốn thu thập thông tin bổ sung về một sản phẩm và hiển thị nó trên giao diện người dùng của trang web của bạn. Tuy nhiên, chúng không tuyệt vời để thu thập thông tin đầu vào tùy chỉnh từ người mua hàng của bạn ở giao diện người dùng. Ví dụ: cho phép người mua hàng nhập thông báo khắc tùy chỉnh sẽ được thêm vào sản phẩm

Đối với trường hợp sử dụng này, thông thường bạn sẽ muốn có plugin tiện ích bổ sung cho sản phẩm WooC Commerce. Các plugin này được thiết kế đặc biệt để chấp nhận đầu vào sản phẩm từ người mua hàng ở mặt trước cửa hàng của bạn

Bạn có thể tìm thấy rất nhiều plugin để đáp ứng nhu cầu này, nhưng hai nơi tốt để bắt đầu là

• Plugin bổ trợ sản phẩm WooC Commerce chính thức – $49
• Lĩnh vực sản phẩm nâng cao – freemium

Chúng tôi sẽ chỉ cho bạn cách nó hoạt động bằng cách sử dụng plugin Tiện ích bổ sung sản phẩm chính thức từ nhóm WooC Commerce, nhưng ý tưởng cơ bản sẽ giống với tất cả các plugin tiện ích bổ sung sản phẩm

Khi đã cài đặt plugin, bạn có thể đi tới Sản phẩm → Tiện ích bổ sung để tạo các trường nhập tùy chỉnh mà bạn muốn hiển thị trên một số/tất cả sản phẩm của mình.  

Cũng giống như khi thiết lập ACF, bạn có thể nhắm mục tiêu các trường của mình tới tất cả các sản phẩm hoặc chỉ một số danh mục sản phẩm nhất định.  

Bạn cũng có thể thêm bao nhiêu trường nếu cần và chọn từ các loại trường khác nhau

Điểm khác biệt chính là bạn cũng có tùy chọn điều chỉnh giá của sản phẩm dựa trên lựa chọn của người mua hàng

Ví dụ: bạn có thể tính thêm $5 nếu người mua hàng muốn thêm thông điệp/hình khắc tùy chỉnh

Bạn cũng có tùy chọn thêm trực tiếp các trường nhập tùy chỉnh vào sản phẩm khi đang làm việc trong trình chỉnh sửa sản phẩm. Bạn có thể thực hiện việc này từ tab Tiện ích bổ sung mới trong hộp Dữ liệu sản phẩm

Plugin Product Add-Ons sẽ tự động hiển thị các trường tùy chỉnh này trên giao diện cửa hàng của bạn. Nhưng trong phần tiếp theo, chúng tôi sẽ chỉ cho bạn cách bạn có thể kiểm soát vị trí của họ theo cách thủ công bằng Elementor

Cách hiển thị các trường tùy chỉnh WooC Commerce

Bây giờ bạn đã tạo các trường tùy chỉnh của mình và thêm thông tin vào chúng, bạn đã sẵn sàng hiển thị thông tin đó trên giao diện người dùng của trang web của mình

Chúng tôi sẽ cho bạn thấy hai tùy chọn ở đây

1. phần tử
2. Mã tùy chỉnh thông qua các chức năng. tập tin php

phần tử

Cách dễ nhất để hiển thị các trường tùy chỉnh WooC Commerce của bạn là với Elementor Pro và Elementor WooC Commerce Builder. Sử dụng giao diện kéo và thả trực quan của Elementor, bạn có thể tạo một hoặc nhiều mẫu sản phẩm bao gồm dữ liệu từ các trường tùy chỉnh của mình

Để bắt đầu, hãy đi tới Mẫu → Trình tạo chủ đề và tạo một mẫu sản phẩm duy nhất mới

Sau đó, bạn có thể chọn từ một trong các mẫu được tạo sẵn hoặc tạo thiết kế sản phẩm của riêng mình từ đầu. Nếu cần trợ giúp tại đây, bạn có thể xem hướng dẫn đầy đủ của chúng tôi về cách tùy chỉnh thiết kế trang sản phẩm WooC Commerce

Khi bạn đã sẵn sàng chèn các trường tùy chỉnh WooC Commerce của mình, hãy thêm tiện ích Trình soạn thảo văn bản thông thường, sau đó chọn tùy chọn để điền vào đó bằng các thẻ động. Trong trình đơn thả xuống thẻ động, chọn ACF FIeld

Trên màn hình tiếp theo, hãy nhấp vào biểu tượng cờ lê và sử dụng trình đơn thả xuống Phím để chọn trường tùy chỉnh chính xác mà bạn muốn hiển thị

Bạn cũng có thể sử dụng tùy chọn Nâng cao để thêm văn bản tĩnh trước/sau thông tin từ trường tùy chỉnh

Và đó là nó. Giờ đây, Elementor sẽ tự động lấy dữ liệu trường tùy chỉnh cho sản phẩm mà bạn đang xem trước

Bạn cũng có thể sử dụng các trường tùy chỉnh của mình để điền nhiều thông tin hơn là chỉ văn bản. Ví dụ: nếu bạn đã thêm trường tùy chỉnh số, bạn có thể sử dụng số đó để điền xếp hạng sao, bộ đếm, v.v.

Hoặc, bạn cũng có thể điền liên kết động. Ví dụ: bạn có thể tạo một trường tùy chỉnh bao gồm một liên kết đến tài liệu của sản phẩm và sử dụng liên kết đó để điền một nút trên một trang sản phẩm

Để tìm hiểu thêm về tính năng này, bạn có thể đọc hướng dẫn đầy đủ của chúng tôi về nội dung động trong Elementor Pro

Hoặc, đối với một cách khác để hiển thị thông tin này trong Elementor, bạn cũng có thể tạo bảng sản phẩm bao gồm dữ liệu trường tùy chỉnh của mình

Còn các trường nhập sản phẩm trong Elementor thì sao?

Nếu bạn đã tạo các trường nhập sản phẩm tùy chỉnh bằng một trong các plugin ở trên (chẳng hạn như plugin Tiện ích bổ sung sản phẩm chính thức mà chúng tôi đã đề cập), các plugin đó thường sẽ tự động hiển thị các trường đó trên giao diện người dùng của cửa hàng, vì vậy bạn sẽ không

Trong Elementor, các trường bổ trợ này thường sẽ hiển thị bất cứ nơi nào bạn thêm tiện ích Thêm vào giỏ hàng vào thiết kế của mình. Vì vậy, nếu bạn muốn di chuyển chúng xung quanh, bạn có thể điều chỉnh vị trí của tiện ích Thêm vào giỏ hàng

Chức năng. tệp php

Nếu bạn biết cách sử dụng mã, bạn cũng có thể thêm các trường tùy chỉnh WooC Commerce vào trang sản phẩm bằng cách sử dụng các chức năng của chủ đề con của bạn. php hoặc plugin như Code Snippets. Tuy nhiên, chúng tôi không khuyên dùng phương pháp này cho hầu hết mọi người vì nó phức tạp.

Bạn không chỉ cần hiểu mã để thiết lập mà còn không nhận được bản xem trước trực quan theo thời gian thực và sẽ khó đặt các trường của bạn. Đây là lý do tại sao Elementor tạo ra một lựa chọn tốt hơn cho hầu hết các chủ cửa hàng

Nếu bạn muốn sử dụng phương pháp mã thủ công, bạn sẽ dựa vào móc WooC Commerce để đặt thông tin tùy chỉnh của mình. Nếu bạn không quen với “hook”, về cơ bản, chúng sẽ cho phép bạn đưa mã hoặc nội dung vào một số phần nhất định trong cửa hàng WooC Commerce của bạn

Ví dụ: bạn có thể tìm các hook khác nhau để thêm nội dung phía trên tiêu đề sản phẩm, bên dưới tiêu đề sản phẩm, bên dưới nút thêm vào giỏ hàng, v.v.

Để bắt đầu, bạn sẽ muốn chọn hook cho vị trí mà bạn muốn chèn nội dung từ các trường tùy chỉnh của mình. Để dễ dàng hình dung các vị trí này hơn, bạn có thể sử dụng hướng dẫn móc WooC Commerce trực quan tuyệt vời của Business Bloomer

Ngoài việc tìm hook mà bạn muốn sử dụng, bạn cũng sẽ cần PHP để hiển thị trường của mình từ ACF. Nếu bạn không chắc chắn làm thế nào để có được điều này, ACF có tài liệu rất chi tiết

Sau đó, bạn có thể sử dụng đoạn mã như bên dưới để hiển thị trường, trong đó insert_hook_location là vị trí hook mà bạn muốn sử dụng và field_name là tên trường từ ACF

add_action( 'insert_hook_location', 'elementor_woo_custom_fields');

Ví dụ: đoạn mã bên dưới sẽ hiển thị trường tùy chỉnh tuyên bố nghệ thuật bên dưới chi tiết meta sản phẩm WooC Commerce

add_action( 'wooc Commerce_product_meta_end', 'elementor_woo_custom_fields');

Đây là những gì có thể trông như thế nào trên giao diện người dùng của cửa hàng của bạn

Bạn có thể lặp lại quy trình để hiển thị các trường tùy chỉnh bổ sung

Bắt đầu với Trường tùy chỉnh WooC Commerce

Hiểu cách sử dụng các trường tùy chỉnh WooC Commerce thực sự hữu ích để tạo các cửa hàng WooC Commerce tùy chỉnh, được tối ưu hóa

Bạn có thể sử dụng chúng để cung cấp một cách có cấu trúc để nhập dữ liệu sản phẩm bổ sung vào bảng điều khiển phụ trợ và hiển thị thông tin đó trên trang web của bạn. Hoặc, bạn cũng có thể tạo các trường nhập tùy chỉnh để cho phép người mua hàng tùy chỉnh sản phẩm của bạn

Để tạo các trường tùy chỉnh cho dữ liệu sản phẩm bổ sung, bạn có thể sử dụng plugin như Trường tùy chỉnh nâng cao (ACF), trong khi các trường nhập tùy chỉnh yêu cầu plugin tiện ích bổ sung dành riêng cho sản phẩm

Sau đó, để dễ dàng hiển thị các trường tùy chỉnh đó trên giao diện người dùng của cửa hàng, bạn có thể sử dụng Elementor và Elementor WooCommerce Builder. Với Elementor, bạn có thể tạo các mẫu sản phẩm tùy chỉnh của riêng mình bao gồm thông tin động không giới hạn từ các trường tùy chỉnh của bạn – không cần mã

Bạn vẫn còn bất kỳ câu hỏi nào về cách sử dụng các trường tùy chỉnh WooC Commerce trên cửa hàng của mình?