Thiết kế Trang Chi Tiết Sản Phẩm

Trang chi tiết sản phẩm đóng vai trò quan trọng trong trải nghiệm mua sắm trong ứng dụng. Một trang sản phẩm được thiết kế tốt có thể tăng tỷ lệ chuyển đổi bằng cách cung cấp thông tin sản phẩm rõ ràng và hấp dẫn. Trong trình chỉnh sửa thiết kế, bạn có thể tùy chỉnh các yếu tố như thanh thông báo, gợi ý sản phẩm, các mặt hàng đã xem gần đây và nhiều hơn nữa để tối ưu hóa trang chi tiết sản phẩm của bạn. Hướng dẫn này sẽ hướng dẫn bạn qua các bước thiết lập và các tùy chọn tùy chỉnh có sẵn.

Các bước cấu hình trang sản phẩm

Để thiết kế trang chi tiết sản phẩm cho ứng dụng của bạn:

1. Trong bảng điều khiển quản trị SHOPLINE của bạn, đi đến Channels > Shopper App > App Design, sau đó nhấp vào Design để mở trình chỉnh sửa thiết kế.

   

2. Từ menu thả xuống ở trên cùng, chọn Trang chi tiết sản phẩm và bắt đầu cấu hình các cài đặt cần thiết.

   

3. Sau khi hoàn tất thiết kế của bạn, nhấp vào Lưu để lưu nháp của bạn hoặc Áp dụng để công bố các thay đổi ngay lập tức.

   

Các tùy chọn cài đặt có sẵn

Phần này phác thảo các cài đặt mà bạn có thể cấu hình cho trang chi tiết sản phẩm của mình. 

Chọn sản phẩm xem trước

Khi bạn mở trình chỉnh sửa trang chi tiết sản phẩm, khu vực xem trước sẽ tự động hiển thị sản phẩm đầu tiên được gán cho kênh bán hàng Shopper App. Nhấp vào mũi tên thả xuống để chuyển sang sản phẩm khác cho mục đích xem trước.

Cấu hình điều hướng trên cùng

Mô-đun Điều hướng trên cùng cho phép bạn tùy chỉnh các thành phần xuất hiện trong tiêu đề của trang chi tiết sản phẩm. Mô-đun bao gồm ba phần có thể cấu hình: Biểu tượng bên trái trên cùng, Giữa, và Biểu tượng bên phải trên cùng. Mỗi phần được thiết kế để nâng cao điều hướng và cải thiện sự tương tác của người dùng.

Các thành phần có sẵn cho mỗi phần

Cấu hình các thành phần điều hướng trên cùng

Bạn có thể cấu hình mô-đun Điều hướng trên cùng bằng cách làm theo các bước sau:

1. Đi đến Trang chi tiết sản phẩm, sau đó nhấp vào Điều hướng trên cùng để mở rộng menu.

2. Chọn phần bạn muốn cấu hình: Biểu tượng bên trái trên cùng, Giữa, hoặc Biểu tượng bên phải trên cùng.

   

3. Từ menu thả xuống Loại thành phần, chọn loại thành phần bạn muốn thêm:

•  
  • Biểu tượng: Nhấp vào + Thêm biểu tượng để chèn tối đa 3 tùy chọn đã định nghĩa sẵn. 
  • Hình ảnh: Tải lên một hình ảnh thương hiệu hoặc quảng cáo khi cần.
  • Thanh tìm kiếm: Thêm thanh tìm kiếm đã định nghĩa sẵn để cung cấp cho khách hàng một cách thuận tiện để duyệt trang của bạn.

4. Nhấp vào Lưu hoặc Công bố để áp dụng cài đặt của bạn.

Cấu hình kiểu thanh ứng dụng trên cùng trong album sản phẩm

Cài đặt Kiểu thanh ứng dụng trên cùng trong Album sản phẩm kiểm soát cách thanh thông báo được hiển thị liên quan đến thư viện sản phẩm.

• Overlay: Thanh thông báo xuất hiện dưới bộ sưu tập sản phẩm, và hình ảnh sản phẩm mở rộng để che khu vực tiêu đề.
• Fixed: Thanh thông báo xuất hiện trên bộ sưu tập sản phẩm, tách biệt tiêu đề và bộ sưu tập sản phẩm thành hai phần riêng biệt.

Cấu hình Thanh Thông Báo

Thanh Thông báo xuất hiện ở đầu trang chi tiết sản phẩm và có thể đồng bộ với thanh thông báo của trang chính hoặc được cấu hình độc lập:

• Đồng bộ với Thanh Thông Báo Trang Chính: Kế thừa văn bản, màu sắc và các cài đặt khác từ trang chính và không thể chỉnh sửa.
• Cài đặt Độc Lập: Cho phép tùy chỉnh văn bản thông báo, màu sắc và thời gian công bố. Bạn cũng có thể chọn hiển thị hoặc ẩn các thông báo cụ thể.

Cấu hình Thông Tin Sản Phẩm

Phần Thông tin sản phẩm được đặt ngay dưới thanh thông báo, và vị trí của nó không thể thay đổi.

• Tóm tắt Sản Phẩm: Một mô tả ngắn gọn về sản phẩm được hiển thị dưới tên sản phẩm.
• Đánh giá: Nằm dưới tóm tắt sản phẩm. Để kích hoạt đánh giá sản phẩm, bạn cần cài đặt ứng dụng Đánh Giá Sản Phẩm. Tham khảo hướng dẫn này để biết thêm chi tiết về đánh giá sản phẩm.
• Chọn Kiểu: Cho phép bạn liên kết nhiều sản phẩm với một trang sản phẩm bằng cách cấu hình các nhóm sản phẩm với các nguồn động. Với thiết lập này, các sản phẩm khác nhau có thể được hiển thị trong cùng một trang sản phẩm. 
  • Nhóm sản phẩm – Tùy chọn sản phẩm: Hỗ trợ liên kết với các nguồn động có kiểu dữ liệu "Sản phẩm." 
  • Nhóm sản phẩm – Tên tùy chọn: Hỗ trợ liên kết với các nguồn động có kiểu dữ liệu "Văn bản một dòng."

Để biết thêm thông tin về các nguồn động, vui lòng tham khảo Hướng dẫn Sử dụng Tính năng Metafields.

Cấu hình Mô Tả Sản Phẩm

• Chỉnh sửa tiêu đề và chọn sản phẩm để hiển thị: Bạn có thể tùy chỉnh tiêu đề trực tiếp hoặc thiết lập nó bằng cách sử dụng một nguồn động liên kết với kiểu dữ liệu "Văn bản một dòng". Để hiển thị mô tả sản phẩm cho các sản phẩm cụ thể, sử dụng Thẻ điều kiện để chọn nhóm sản phẩm liên quan. Để biết thêm thông tin, vui lòng xem hướng dẫn Cài đặt Thẻ Sản Phẩm.
• Cấu hình kiểu hiển thị: Chọn xem có hiển thị biểu tượng hay không và chọn kiểu hiển thị ưa thích của bạn. Nếu bạn chọn Accordion, bạn có thể thiết lập trạng thái mặc định là Mở tất cả, Mở một số, hoặc Đóng tất cả.

Cấu hình Chi Tiết Tùy Chỉnh

Bạn có thể thêm tối đa 10 thành phần Chi tiết Tùy chỉnh.

• Chỉnh sửa tiêu đề và chọn sản phẩm để hiển thị: Bạn có thể tùy chỉnh tiêu đề trực tiếp hoặc thiết lập nó bằng cách sử dụng một nguồn động liên kết với kiểu dữ liệu "Văn bản một dòng". Để hiển thị mô tả sản phẩm cho các sản phẩm cụ thể, sử dụng Thẻ điều kiện để chọn nhóm sản phẩm liên quan. (Để biết thêm thông tin, vui lòng xem hướng dẫn Cài đặt Thẻ Sản Phẩm.) Tiếp theo, chọn Loại nội dung. Bạn có thể chọn tùy chỉnh nội dung văn bản hoặc nhập trực tiếp một liên kết đến trang đích.
• Cấu hình kiểu hiển thị: Chọn xem có hiển thị biểu tượng hay không.

Cấu hình Bộ Sưu Tập Liên Kết

Thành phần Bộ Sưu Tập Liên Kết cho phép bạn liên kết một nguồn động với kiểu dữ liệu "Bộ Sưu Tập Sản Phẩm". Để biết thêm thông tin về các nguồn động, vui lòng xem Hướng dẫn Sử dụng Tính năng Metafields.

Cấu hình Hình Ảnh Tùy Chỉnh

Bạn có thể thêm nhiều thành phần Hình Ảnh Tùy Chỉnh, tải lên hình ảnh, thiết lập các trang đích, và sử dụng thẻ điều kiện để hiển thị hình ảnh cho các nhóm sản phẩm cụ thể.

Hiển Thị Video Sản Phẩm

Thành phần Hiển Thị Video Sản Phẩm có thể được thiết lập bằng cách sử dụng một nguồn động liên kết với kiểu dữ liệu "URL" với kiểu giá trị là "Nhiều giá trị." Để biết thêm thông tin về các nguồn động, vui lòng xem Hướng dẫn Sử dụng Tính năng Metafields.

Cấu hình Sản Phẩm Đã Xem Gần Đây

Thành phần Sản Phẩm Đã Xem có thể được ẩn hoặc xóa. Bạn cũng có thể tùy chỉnh tiêu đề và kiểu hiển thị.

Cấu hình Đánh Giá Sản Phẩm

Để kích hoạt thành phần Đánh giá sản phẩm, hãy cài đặt ứng dụng Đánh giá sản phẩm. Nếu ứng dụng chưa được cài đặt, thành phần sẽ bị mờ và có thông báo trên màn hình yêu cầu cài đặt. (Xem bài viết này để biết thêm thông tin về đánh giá sản phẩm.)

Đối với cả hai thành phần Đánh giá sản phẩm và Câu hỏi & Trả lời, bạn có thể cấu hình tiêu đề thành phần, văn bản nút kêu gọi hành động, văn bản "Xem tất cả" và số lượng đánh giá hoặc câu hỏi mặc định được hiển thị.

Cấu hình Đề xuất Sản phẩm

Để kích hoạt thành phần Đề xuất sản phẩm, hãy cài đặt ứng dụng Đề xuất sản phẩm. Nếu ứng dụng chưa được cài đặt, thành phần sẽ bị mờ và có thông báo trên màn hình yêu cầu cài đặt. (Xem bài viết này để biết thêm thông tin về đề xuất sản phẩm.)

Thiết lập Các thành phần Tùy chỉnh

Bạn có thể tạo một thành phần tùy chỉnh trong bảng điều khiển quản trị của Ứng dụng Người mua và nhúng nó vào trang chi tiết sản phẩm của ứng dụng cửa hàng của bạn để nâng cao thiết kế hoặc chức năng của nó. Nhấp vào + Thêm thành phần, sau đó đi đến phần Khối tùy chỉnh để chọn thành phần mong muốn. Ngoài ra, nhấp vào + Tạo một khối tùy chỉnh để mở trình chỉnh sửa thành phần và tạo một cái mới. Để biết thêm chi tiết về việc tạo các thành phần tùy chỉnh, vui lòng tham khảo bài viết Trung tâm Trợ giúp.

Các thành phần được đánh dấu là Đang phát triển. chưa được công bố và không thể được áp dụng trực tiếp vào phiên bản trực tiếp của ứng dụng của bạn. Tuy nhiên, bạn có thể xem trước các thành phần này bằng cách sử dụng Snaplook. Khi bạn đã xác nhận nội dung là chính xác, bạn có thể công bố thành phần thông qua trình chỉnh sửa mã và áp dụng nó vào ứng dụng trực tiếp của bạn. Để biết chi tiết, xem phần Lưu và Công bố Thiết kế của Bạn.

Cấu hình Biểu tượng Nổi

Bạn có thể thêm một Biểu tượng nổi vào trang chi tiết sản phẩm mà vẫn hiển thị khi người dùng cuộn. Biểu tượng này có thể được liên kết với dịch vụ trò chuyện trực tiếp hoặc trang sự kiện để nâng cao hiệu quả hỗ trợ khách hàng hoặc tăng cường sự tham gia của chiến dịch.

Có hai tùy chọn cấu hình có sẵn: Nếu bạn chọn Đồng bộ từ biểu tượng nổi trên trang chính, biểu tượng sẽ kế thừa các cài đặt trên trang chính và không thể thay đổi. Nếu bạn chọn Cài đặt độc lập, bạn có thể cấu hình một biểu tượng nổi riêng cho trang chi tiết, bao gồm các cài đặt sau:

• Cài đặt cơ bản: Đặt tên cho biểu tượng, chọn vị trí của nó và tải lên hình ảnh biểu tượng để hiển thị trong ứng dụng của bạn.
• Loại tính năng: Chọn xem biểu tượng liên kết đến Trang sự kiện hay tính năng Trò chuyện trực tiếp:
  • Nếu bạn chọn Trang sự kiện: Đặt trang đích để chuyển hướng.
  • Nếu bạn chọn Trò chuyện trực tiếp: 
    • Chọn dịch vụ trò chuyện để sử dụng. Ứng dụng Người mua hiện hỗ trợ tích hợp với Shulex, một giải pháp hỗ trợ khách hàng theo thời gian thực được hỗ trợ bởi AI. Để biết thêm thông tin, hãy tham khảo hướng dẫn này.
    • Quyết định xem có bật Thông báo tin nhắn chưa đọc hay không. Khi được bật, một chấm đỏ sẽ xuất hiện để thông báo cho người dùng về bất kỳ tin nhắn chưa đọc nào.
• Thời gian kích hoạt: Tùy chọn, đặt lịch cho thời điểm biểu tượng nổi nên được công bố.

Thiết lập Thanh công cụ Nổi

Thanh công cụ nổi cho phép các thanh công cụ cụ thể giữ cố định trên màn hình, cho phép người dùng thực hiện hành động bất cứ lúc nào trong khi duyệt. Điều này giúp cải thiện trải nghiệm người dùng và tăng tỷ lệ chuyển đổi mua hàng. Theo mặc định, hệ thống cung cấp một Nút Thêm vào giỏ hàng, nhưng bạn cũng có thể nhấp vào + Thêm nội dung để chèn một thành phần tùy chỉnh để sử dụng làm thanh công cụ nổi. Để biết hướng dẫn chi tiết, xem phần Thiết lập Các thành phần Tùy chỉnh.

Lưu và Công bố Thiết kế của Bạn 

Sau khi hoàn tất chỉnh sửa và xác nhận rằng bản xem trước hiển thị như mong đợi, bạn có thể sử dụng các tùy chọn ở góc trên bên phải để tiếp tục:

• Lưu: Lưu tạm thời các chỉnh sửa hiện tại của bạn để cập nhật trong tương lai. Điều này sẽ không ảnh hưởng đến phiên bản trực tiếp của ứng dụng cửa hàng của bạn.
• Công bố > Công bố lên Snaplook: Công bố thành phần lên Snaplook để xem trước và thử nghiệm. Sử dụng tùy chọn này để xác minh chức năng và hình thức trước khi đưa nó vào hoạt động. Để biết thêm thông tin, hãy tham khảo bài viết Trung tâm Trợ giúp liên quan. 
• Công bố > Công bố lên ứng dụng trực tiếp: Công bố các thay đổi của bạn lên phiên bản trực tiếp của ứng dụng cửa hàng, làm cho chúng hiển thị cho người dùng cuối.