Trường Metafields trong Thiết kế Giao diện
Để giúp bạn tự động 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 mô-đun 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 tạo điều kiện cho các yêu cầu cá nhân hóa, nâng cao đáng kể tính linh hoạt trong trang trí cửa hàng, khả năng mở rộng và khả năng tùy chỉnh, đồng thời giảm thiểu hiệu quả chi phí kỹ thuật liên quan đến việc tùy chỉnh cửa hàng.
|
Ghi chú: Tính năng này là phiên bản tối ưu hóa 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
Chức năng Metafields hỗ trợ bạn trong việc tạo ra 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 (một dòng & nhiều 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, giới thiệu thêm chi tiết sản phẩm, và giúp cửa hàng của bạn nhận được nhiều sự yêu thích và tin tưởng từ khách hàng hơn.
Tác động chức năng
Sử dụng một cửa hàng quần áo nữ làm ví dụ, cho trang chi tiết sản phẩm của nó, cần phải hiển thị thông tin về 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, tệp tải xuống và thông số thiết kế. Bạn có thể sử dụng Metafields để tạo ra các quy trình tiêu chuẩn hóa. Sau khi cấu hình thông tin đồng nhất, bạn có thể tự động tạo ra các chi tiết giới thiệu cho các sản phẩm khác nhau, giảm bớt độ phức tạp của quy 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 hình ảnh và metafields văn bản trong Trang chi tiết sản phẩm > Hình ảnh với 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 mỗi sản phẩm sẽ được hiển thị trong Hình ảnh với văn bản module.
Phạm vi ứng dụng
Các trang và thành phần được hỗ trợ:
| Tài nguyên sở hữu | Các 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 tiêu đề/chân trang 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 tiêu đề/chân trang 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 chủ đề được hỗ trợ:
- Chủ đề Arise
- Chủ đề Along
- Chủ đề Brooklyn
- Chủ đề Blouse
| Ghi chú: Hiện tại, ngoài các chủ đề trên, mục cấu hình metafields chỉ có sẵn trong thành phần Sản phẩm nổi bật > Khối danh mục. |
Các điều khiển có thể thêm vào
Các nguồn động có thể được thêm vào mỗi điều khiển và các 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 mỗi điều khiển trong trình chỉnh sửa hiện tại.
| Tên điều khiển | Các loại dữ liệu Metafield được hỗ trợ | Chọn một/multiple |
| richtext/textarea |
Văn bản: văn bản một dòng, nhiều dòng Số: số nguyên, số thực |
Chọn nhiều: Chỉ có thể chọn một nguồn động mỗi lần, nhưng có thể thêm nhiều nguồn động vào một ô nhập. |
| text |
Văn bản: một dòng Số: số nguyên, số thực |
Chọn nhiều |
| color | Màu sắc | Chọn một |
|
url
|
url | Chọn một |
| image_picker | Tham chiếu: Tệp | Chọn một |
|
page_picker
|
Tham chiếu: Trang tùy chỉnh | Chọn một |
| product_picker | Tham chiếu: Sản phẩm | Chọn một |
Các bước
Cấu hình metafields bao gồm bốn bước:
- Tạo Metafields
- Gán giá trị cho Metafields
- Chọn Metafields khi trang trí cửa hàng theo yêu cầu
- Chỉnh sửa Metafields
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 Metafields
- Đi đến trang chủ và nhấp vào Cài đặt > Metafields ở 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 tôi 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: Được sử dụng để xác định metafield trong bảng điều khiển 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 namespaces để 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ữ, chẳng hạn 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 nhiều.
- 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 vào namespace, key và mô tả. Chọn loại dữ liệu của nó; ở đâ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., theo nhu cầu của bạn.
Sau khi chọn văn bản, một hộp 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ấp vào nút Thêm
.
Sau khi hoàn thành việc tạo, nó sẽ tự động quay lại trang danh sách, hiển thị một popup xác nhận việc tạo thành công. Dòng đầu tiên của danh sách hiển thị metafield Sales Copy mới được 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 metafields cho sản phẩm, chẳng hạn như Hình ảnh chi tiết - Hiển thị màu sắc, Hình ảnh chi tiết - Hiển thị vải, Sales Copy và Hướng dẫn chăm sóc sản phẩm. Sau khi tạo các metafields, 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 đến trang Sản phẩm > Chi tiết sản phẩm
- Cuộn xuống dưới cùng của trang nơi bạn sẽ thấy các ô 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.
- Sau 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 metafields, bạn có thể chọn các metafields để cấu hình thống nhất trong trang trí cửa hàng.
- Thêm một thành phần Hình ảnh với 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 Hình ảnh với văn bản , và nhấp vào biểu tượng để thêm metafield.
- Đối với Hình ảnh với 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 đổi 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, nhấp vào biểu tượng ở góc trên bên phải, sửa đổi 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 metafields, 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ính, đi đến Cài đặt > Metafields > Sản phẩm > Metafields sản phẩm, và nhấp vào một metafield cụ thể.
Tại thời điểm này, chỉ có Tên trường và Mô tả có thể được chỉnh sửa.
- Thay đổi Giá trị Metafield: Đi đến Sản phẩm > Trang chi tiết quản lý sản phẩm > Phần Metafields, nhấp vào metafield, trực tiếp chỉnh sửa nó, và sau đó lưu lại sự thay đổi.
- Chỉnh sửa Hiển Thị của nó: 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ể trực tiếp chỉnh sửa 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 Tế
1. Mở Rộng Các Trường Độc Lập Để Tùy Chỉnh Linh Hoạt Các 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 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 các chi tiết độc đáo cho khách hàng trên các trang chi tiết sản phẩm của họ, điều này cũng có thể giúp họ thu hút được nhiều thiện cảm và niềm tin của khách hàng hơn, hình thành 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 cho một sản phẩm, họ có thể tạo một trường mở rộng thông tin giặt cho sản phẩm đó. Bằng cách này, khách hàng có thể thấy thông tin nhắc nhở giặt trên trang chi tiết sản phẩm, tăng cường niềm tin và thiện cảm của họ đối với sản phẩm, và giảm khả năng trả hàng do sai sót trong việc giặt.
Ngoài thông tin giặt, các thương nhân có thể thêm thông tin như chất liệu, nguồn gốc và kích thước của sản phẩm vào trang chi tiết sản phẩm thông qua các metafields theo nhu cầu.
2. Tùy Chỉnh Mã Đơn Giản: Thực Hiện Các Yêu Cầu Tính Năng Cá Nhân Hóa
| Ghi chú: Các nhà phát triển có thể tiến hành đến Tổng Quan Về Metafileds. |
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 tình huống 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 phải đối mặt 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 gợi ý 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ị rất 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 mà họ đang tìm kiếm 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 bỏ. 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 qua 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 rằng thông tin hiển thị trên trang chi tiết sản phẩm là toàn diện trong khi vẫn duy trì sức hấp dẫn về mặt hình ảnh. 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 chi thêm tiền để thuê nhân viên 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ột 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 một Phần Tải xuống cho Tài liệu Liên quan: Không phải tất cả thông tin đều có thể được 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ú của chúng, phù hợp hơn để được 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 tài 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 các sản phẩm mong muốn, cho phép khách hàng nhấp vào và tải xuống để xem tại chỗ.
- Thêm một Phần Gợi ý Sản phẩm Liên quan: Dữ liệu cho thấy rằng việc tích hợp các gợi ý 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ỉ hiệu quả trong việc tăng 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 các gợi ý sản phẩm liên quan. Với các công cụ quản lý Metafields, các thương nhân có thể dễ dàng tạo một mô-đun gợi ý sản phẩm liên quan bất cứ lúc nào, ở đâ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 tài nguyê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ũng có thể tạo điều kiện cho việc 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 cho phép các cửa hàng SHOPLINE tích hợp một cách liền mạch 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 khác nhau 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 thông tin không chính xác. Để 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.