Trường Metafields trong Thiết Kế Giao Diện

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 khách hàng yêu thích và tin tưởng hơn.

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.

1. Thêm Metafields vào một sản phẩm trên trang Quản lý sản phẩm.
   
   
   
   
2. Bạn có thể thêm metafields hình ảnh và văn bản trong Trang chi tiết sản phẩm > Hình ảnh kèm 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 kèm văn bản.
   
   

Phạm vi áp dụng

Các trang và thành phần được hỗ trợ:

Chủ đề được hỗ trợ:

• Chủ đề Arise
• Chủ đề Along
• Chủ đề Brooklyn
• Chủ đề Blouse

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.

Các bước

Cấu hình metafield bao gồm bốn bước:

1. Tạo Metafield
2. Gán giá trị cho Metafield
3. Chọn Metafield khi trang trí cửa hàng theo yêu cầu
4. Chỉnh sửa Metafield

Bài viết này cung cấp ví dụ tham khảo sử dụng cửa hàng quần áo nữ.

Tạo Metafield

1. Vào trang chủ và nhấp Cài đặt > Metafield ở góc dưới bên trái.
   
   
   
   
2. Trên trang metafield, bạn có thể định nghĩa metafield 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ụ.
   
   
   
   
3. Nhấp Thêm trường.
   
   
   
   
4. 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 của bạn, 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 là 0.
  
  
  
  

Gán Giá Trị cho Metafield

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.

1. Đi đến Sản phẩm > Chi tiết sản phẩm
   
   
2. Cuộn xuống cuối trang, bạn sẽ thấy các ô nhập liệu metafield. Nhập các trường liên quan hoặc thêm hình ảnh, sau đó nhấn Cập nhật sau khi điền xong.
   
   
   
   
3. Khi hoàn tất, nhấn 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 khác.
4. Quay lại trang quản lý metafield. Số lượng giá trị trường đã thay đổi từ 0 thành 1, cho thấy số lượng sản phẩm đã được gán giá trị cho metafield Sales Copy.
   
   
   
   

Chọn Metafield 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 việc trang trí cửa hàng.

1. Thêm một thành phần Hình ảnh kèm 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.
2. Nhấp vào thành phần Hình ảnh kèm văn bản, và nhấp vào biểu tượng để thêm metafield.
   
   
   
   
3. Đối với Hình ảnh kèm văn bản
   Chọn tiêu đề, nhấp vào biểu tượng ở góc trên bên phải, chỉnh sửa nguồn động thành Tiêu đề sản phẩm, và cuối cùng nhấp Lưu.
   
   
   
   
4. Chọn văn bản, nhấp vào biểu tượng ở góc trên bên phải, chỉnh sửa nguồn động thành Bản sao bán hàng, sau đó nhấp Lưu.
   
   
   
   
   

Chỉnh sửa Metafields

Bạn cũng có thể chỉnh sửa metafields, thay đổi giá trị của chúng và phương thức hiển thị.

1. 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 > Metafields > Sản phẩm > Metafields sản phẩm, và nhấp vào một metafield cụ thể.
   
   
   
   Lúc này, chỉ có Tên trường và Mô tả có thể được chỉnh sửa.
   
   
   
   
2. Thay đổi Giá trị Metafield: Vào Sản phẩm > Trang quản lý chi tiết sản phẩm > Phần Metafields, nhấp vào metafield, chỉnh sửa trực tiếp, sau đó lưu thay đổi.
   
   
   
   
3. 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ị: Nó 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 đó 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 một 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

Ngoài việc có thể linh hoạt hiển thị thêm thông tin, 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à các thương nhân gặp phải trong quá trình tùy chỉnh cửa hàng của họ.

Ví dụ, thực hiện 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, các thương nhâ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 một cách đồ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 loại 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, các thương nhâ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, các thương nhâ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 phong phú, 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, các thương nhân có thể thêm liên kết tải xuống cho các tài liệu liên quan đến 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, các thương nhâ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, các thương nhâ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 các thương nhâ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 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 các thương nhân quản lý và xem các 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.