Trường Metafields trong Thiết Kế Giao Diện
Để bạn có thể tự do mở rộng các trường và tùy chỉnh linh hoạt chi tiết sản phẩm cũng như trang danh sách sản phẩm, SHOPLINE đã nâng cấp module chức năng Metafields. Thông qua cấu hình trực quan trong thiết kế giao diện, bản nâng cấp này hỗ trợ các yêu cầu cá nhân hóa, tăng đáng kể tính linh hoạt, khả năng mở rộng và tùy chỉnh trang trí cửa hàng, đồng thời giảm thiểu hiệu quả chi phí kỹ thuật liên quan đến tùy chỉnh cửa hàng.
| Lưu ý: Tính năng này là phiên bản tối ưu của Cài đặt chống thu thập dữ liệu. Nếu bạn đã nhập các trang chống thu thập dữ liệu trong Cài đặt chống thu thập dữ liệu, hệ thống sẽ tự động thêm văn bản không cho phép tương ứng vào cuối tệp Robots.txt. |
Giới thiệu về Metafields
Mô-đun chức năng Metafields hỗ trợ bạn tạo các trường mở rộng cụ thể cho sản phẩm và danh mục, hiển thị chúng trên trang. Bạn có thể thêm văn bản (dòng đơn & đa dòng), hình ảnh, URL, số, màu sắc, JSON, sản phẩm tham chiếu, v.v., để tóm tắt ghi chú cho khách hàng, cung cấp hướng dẫn sử dụng, trình bày thêm chi tiết sản phẩm và giúp cửa hàng của bạn được yêu thích và tin tưởng hơn từ khách hàng.
Tác dụng chức năng
Lấy ví dụ một cửa hàng quần áo nữ, đối với trang chi tiết sản phẩm, cần hiển thị thông tin quần áo, bao gồm một số chi tiết giới thiệu tiêu chuẩn như hình ảnh chính của quần áo, chất liệu vải, hiển thị màu sắc chi tiết, khuyến nghị giặt ủi, tệp tải xuống và thông số thiết kế. Bạn có thể sử dụng Metafields để tạo quy trình tiêu chuẩn. Sau khi cấu hình thông tin đồng nhất, bạn có thể tự động tạo chi tiết giới thiệu cho các sản phẩm khác nhau, giảm bớt sự phức tạp trong quá trình cấu hình.
- Thêm Metafields vào một sản phẩm trên trang quản lý sản phẩm.
- Bạn có thể thêm metafields hình ảnh và văn bản trong Trang sản phẩm > Mô-đun hình ảnh-văn bản trên trang thiết kế cửa hàng. Khi đã thêm, hình ảnh và văn bản mô tả tương ứng của từng sản phẩm sẽ được hiển thị trong Mô-đun hình ảnh-văn bản.
Phạm vi áp dụng
Các trang và thành phần được hỗ trợ:
| Tài nguyên sở hữu | Trang | Thành phần |
|
Sản phẩm
|
Trang chi tiết sản phẩm/ | Bao gồm tất cả các phần mặc định/tùy chọn trong trang chi tiết sản phẩm, không bao gồm phần đầu/trang chân và các thành phần toàn trang khác. |
|
Trang chủ/ Trang danh sách sản phẩm/ Trang tùy chỉnh Trang danh mục/ Blog/ Danh mục blog/ Trang giỏ hàng/ 404/ Trang tìm kiếm |
Chỉ sản phẩm đơn lẻ | |
|
Danh mục
|
Trang danh sách sản phẩm | Bao gồm tất cả các phần mặc định/tùy chọn trong trang danh sách sản phẩm, không bao gồm phần đầu/trang chân và các thành phần toàn trang khác. |
|
Trang chủ/ Trang chi tiết sản phẩm/ Trang tùy chỉnh Trang danh mục/ Blog/ Bộ sưu tập blog/ Trang giỏ hàng, các trang khác-404/ Trang tìm kiếm |
|
Các điều khiển có thể thêm
Các nguồn động có thể được thêm vào từng điều khiển và cài đặt metafield của chúng liên quan đến các loại dữ liệu. Bảng dưới đây minh họa các loại dữ liệu được hỗ trợ bởi từng điều khiển trong trình chỉnh sửa hiện tại.
| Tên Điều Khiển | Loại Dữ Liệu Metafield Hỗ Trợ | Lựa Chọn Đơn/Nhiều |
| richtext/textarea |
Văn bản: dòng đơn, văn bản nhiều dòng Số: số nguyên, số thực |
Lựa chọn nhiều: Mỗi lần chỉ có thể chọn một nguồn động, nhưng có thể thêm nhiều nguồn động vào một ô nhập liệu. |
| text |
Văn bản: dòng đơn Số: số nguyên, số thực |
Lựa chọn nhiều |
| color | Màu sắc | Lựa chọn đơn |
|
url
|
url | Lựa chọn đơn |
| image_picker | Tham chiếu: Tệp | Lựa chọn đơn |
|
page_picker
|
Tham chiếu: Trang tùy chỉnh | Lựa chọn đơn |
| product_picker | Tham chiếu: Sản phẩm | Lựa chọn đơn |
Các bước
Cấu hình metafield bao gồm bốn bước:
- Tạo Metafield
- Gán Giá Trị Cho Metafield
- Chọn Metafield Khi Trang Trí Cửa Hàng Theo Yêu Cầu
- Chỉnh Sửa Metafield
Bài viết này cung cấp một ví dụ sử dụng cửa hàng quần áo nữ làm tham khảo.
Tạo Metafield
- Đi tới trang chủ và nhấp vào Cài đặt > Tùy chỉnh dữ liệu ở góc dưới bên trái.
- Trên trang metafields, bạn có thể định nghĩa metafields cho Sản phẩm, Danh mục sản phẩm, Biến thể sản phẩm, Trang, Khách hàng, Blog, Danh mục blog, và Đơn hàng. Ở đây, chúng ta sẽ lấy Sản phẩm làm ví dụ.
- Nhấp vào Thêm trường.
- Thêm định nghĩa metafield cho sản phẩm.
- Tên trường: Dùng để nhận diện metafield trong bảng quản trị SHOPLINE, ví dụ, Màu sắc.
- Namespace và Key: Các định danh duy nhất cho metafield. Bạn có thể sử dụng namespace để nhóm các metafield tương tự, nhưng mỗi namespace và key phải là duy nhất. Ví dụ, "custom.color".
- Mô tả (tùy chọn): Cung cấp thông tin mô tả, chẳng hạn như các giá trị cần nhập cho metafield.
- Loại dữ liệu: Loại dữ liệu mà metafield sẽ lưu trữ, như văn bản, tài liệu, hoặc URL. Hỗ trợ cấu hình loại dữ liệu đơn hoặc đa dạng.
-
Tùy chọn truy cập: Bạn có thể thiết lập các bộ sưu tập được tạo tự động.
Ví dụ, Sales Copy, và điền namespace, key, và mô tả. Chọn loại dữ liệu; ở đây chọn văn bản. Ngoài ra, bạn cũng có thể chọn màu sắc, tài liệu, số, URL, trọng lượng, kích thước, v.v., tùy theo nhu cầu.
Sau khi chọn văn bản, một hộp lựa chọn cho Văn bản một dòng hoặc Văn bản nhiều dòng sẽ xuất hiện. Dựa trên yêu cầu, chọn Văn bản nhiều dòng, nhập nội dung, và nhấn nút Thêm
.
Khi hoàn tất tạo, hệ thống tự động trở về trang danh sách, hiển thị popup xác nhận tạo thành công. Dòng đầu tiên của danh sách hiển thị metafield Sales Copy mới tạo, với số lượng giá trị trường hiện tại là 0.
Gán Giá Trị cho Metafields
Theo yêu cầu của bạn, bạn có thể tạo nhiều metafield cho sản phẩm, như Hình ảnh chi tiết - Hiển thị màu sắc, Hình ảnh chi tiết - Hiển thị chất liệu, Sales Copy, và Hướng dẫn chăm sóc sản phẩm. Sau khi tạo các metafield, bạn cần quay lại trang quản lý sản phẩm và điền các giá trị tương ứng cho từng metafield của sản phẩm cần thiết.
- Đi tới Sản phẩm > Quản lý sản phẩm trang
- Cuộn xuống cuối trang nơi bạn sẽ thấy các hộp văn bản metafield. Nhập các trường liên quan hoặc thêm hình ảnh, sau đó nhấp vào Cập nhật sau khi điền xong.
- Khi hoàn tất, nhấp vào Cập nhật ở góc trên bên phải, và lặp lại các bước trên cho nhiều sản phẩm.
- Quay lại trang quản lý metafield. Số lượng giá trị trường đã thay đổi từ 0 thành 1, điều này cho thấy số lượng sản phẩm mà metafield Sales Copy đã được gán giá trị.
Chọn Metafields Khi Trang Trí Cửa Hàng Theo Yêu Cầu
Sau khi tạo và gán giá trị cho các metafield, bạn có thể chọn các metafield để cấu hình thống nhất trong trang trí cửa hàng.
- Thêm một thành phần Mô-đun hình ảnh-văn bản bên dưới chi tiết sản phẩm để hiển thị hình ảnh chính và thông tin vải.
- Nhấp vào thành phần Mô-đun hình ảnh-văn bản, và nhấp vào biểu tượng để thêm metafield.
- Đối với Mô-đun hình ảnh-văn bản:
Chọn tiêu đề, nhấp vào biểu tượng ở góc trên bên phải, sửa nguồn động thành Tiêu đề Sản phẩm, và cuối cùng nhấp vào Lưu. - Chọn Văn bản phong phú, nhấp vào biểu tượng ở góc trên bên phải, sửa nguồn động thành Sales Copy, và sau đó nhấp vào Lưu.
Chỉnh sửa Metafields
Bạn cũng có thể chỉnh sửa các metafield, thay đổi giá trị của chúng, và phương thức hiển thị của chúng.
- Chỉnh sửa Metafields: Nhấp vào góc dưới bên trái của trang chủ, vào Cài đặt > Tùy chỉnh dữ liệu > Sản phẩm > Metafields sản phẩm, và nhấp vào một metafield cụ thể.
Tại đây, chỉ có Tên Trường và Mô tả có thể được chỉnh sửa. - Thay đổi Giá trị Metafield: Vào Sản phẩm > Trang quản lý sản phẩm > Phần Metafields, nhấp vào metafield, chỉnh sửa trực tiếp và sau đó lưu thay đổi.
- Chỉnh sửa Hiển thị: Chỉ cần nhấp vào metafield và chọn từ Chỉnh sửa giá trị, Thay đổi nguồn động, và Xóa nguồn động.
- Chỉnh sửa giá trị: Sẽ chuyển hướng đến giao diện quản lý sản phẩm nơi bạn có thể chỉnh sửa trực tiếp giá trị của metafield sản phẩm.
- Thay đổi nguồn động: Bạn có thể chuyển sang một metafield khác.
- Xóa nguồn động: Xóa trực tiếp, hoặc nhấn phím xóa trên bàn phím để loại bỏ nó.
Gợi ý Thực tiễn
1. Mở rộng Trường một cách Độc lập để Tùy chỉnh Linh hoạt Trang Chi tiết Sản phẩm
Một trang chi tiết sản phẩm tốt có thể cung cấp cho khách hàng những thông tin họ cần để đưa ra quyết định mua hàng. Trong thị trường thương mại điện tử xuyên biên giới cạnh tranh, chi tiết thường quyết định thành công. Nếu người bán có thể trình bày những chi tiết độc đáo cho khách hàng trên trang chi tiết sản phẩm của họ, điều này cũng có thể giúp họ giành được thiện cảm và sự tin tưởng nhiều hơn từ khách hàng, tạo ra lợi thế cạnh tranh khác biệt và vượt qua đối thủ.
Ví dụ, nếu một thương nhân muốn thêm thông tin giặt giũ cho sản phẩm, họ có thể tạo một trường mở rộng thông tin giặt giũ cho sản phẩm đó. Bằng cách này, khách hàng có thể thấy lời nhắc thông tin giặt giũ trên trang chi tiết sản phẩm, tăng sự tin tưởng và thiện cảm đối với sản phẩm, và giảm khả năng trả hàng do lỗi giặt giũ.
Bên cạnh thông tin giặt giũ, người bán có thể thêm các thông tin như chất liệu, xuất xứ và kích thước của sản phẩm vào trang chi tiết sản phẩm thông qua metafields khi cần thiết.
2. Tùy chỉnh Mã đơn giản: Thực hiện Yêu cầu Tính năng Cá nhân hóa
| Lưu ý: Các nhà phát triển có thể truy cập Tổng quan về Metafields. |
Ngoài việc có thể linh hoạt hiển thị nhiều thông tin hơn, metafields còn có thể được sử dụng để tùy chỉnh các yêu cầu tính năng cá nhân hóa dựa trên các kịch bản kinh doanh cụ thể. Điều này có thể giảm hiệu quả chi phí kỹ thuật và rào cản kỹ thuật mà người bán gặp phải trong quá trình tùy chỉnh cửa hàng của họ.
Ví dụ, triển khai chuyển đổi TAB cho mô tả sản phẩm, thêm một phần để tải xuống tài liệu liên quan, hoặc thêm một phần đề xuất sản phẩm liên quan.
-
Chuyển đổi Tab cho Mô tả Sản phẩm: Đôi khi, trang chi tiết sản phẩm cần hiển thị nhiều thông tin. Nếu tất cả thông tin này được đặt trên trang chi tiết sản phẩm, nó có thể trở nên lộn xộn và chật chội, khiến khách hàng khó tìm thấy thông tin họ cần ngay lập tức, dẫn đến trải nghiệm mua sắm kém và khả năng khách hàng rời đi cao. Trong những trường hợp như vậy, người bán có thể sử dụng mẫu chuyển đổi TAB để phân loại và tổ chức thông tin, trình bày đồng nhất trong một hộp nội dung duy nhất. Khách hàng sau đó có thể duyệt các danh mục thông tin khác nhau bằng cách chuyển đổi các tab. Cách tiếp cận này đảm bảo thông tin hiển thị trên trang chi tiết sản phẩm đầy đủ trong khi vẫn giữ được tính thẩm mỹ. Trước đây, người bán muốn thêm tính năng này vào trang của họ phải tốn thêm chi phí thuê nhân sự kỹ thuật để phát triển, điều này không thuận tiện. Với công cụ quản lý Metafields, người bán có thể tự tạo một trường mở rộng mới và chỉ cần sao chép và dán mã cho một mẫu chuyển đổi TAB cơ bản. Điều này giúp dễ dàng thiết lập mẫu chuyển đổi TAB mô tả sản phẩm và hiển thị nó trên trang chi tiết sản phẩm.
-
Thêm Phần Tải Xuống Tài Liệu Liên Quan: Không phải tất cả thông tin đều có thể hiển thị trực tiếp trên trang chi tiết sản phẩm. Một số mô tả tài liệu cần thiết, do nội dung nhiều, phù hợp hơn để trình bày cho khách hàng dưới dạng tài liệu, chẳng hạn như hướng dẫn lắp đặt và mô tả thành phần vật liệu. Với metafields, người bán có thể thêm liên kết tải xuống các tài liệu liên quan cho sản phẩm mong muốn, cho phép khách hàng nhấp và tải về để xem tại chỗ.
- Thêm Phần Đề Xuất Sản Phẩm Liên Quan: Dữ liệu cho thấy việc tích hợp đề xuất sản phẩm liên quan trên các trang chi tiết sản phẩm cá nhân không chỉ tăng hiệu quả thời gian duyệt của khách hàng trên trang mà còn nâng cao giá trị giao dịch trung bình của cửa hàng. Trước đây, người bán cần các plugin cụ thể để thực hiện đề xuất sản phẩm liên quan. Với công cụ quản lý Metafields, người bán có thể dễ dàng tạo module đề xuất sản phẩm liên quan bất cứ lúc nào, bất cứ nơi đâu. Ngoài việc cho phép người bán tạo các trường mở rộng cho các nguồn như sản phẩm, danh mục, khách hàng, đơn hàng, blog, trang và cửa hàng để lưu trữ thông tin cụ thể, metafields còn hỗ trợ truyền tải dữ liệu và tương tác với các hệ thống thương mại điện tử khác (CRM/IMS/ERP) thông qua Admin API. Điều này giúp các cửa hàng SHOPLINE tích hợp mượt mà hơn với các hệ thống khác, cho phép người bán quản lý và xem dữ liệu đa dạng một cách thuận tiện.
Bài viết này được dịch bằng AI và có thể chứa những sai sót. Để có thông tin chính xác nhất, vui lòng tham khảo phiên bản tiếng Anh gốc.