Thêm cửa sổ bật lên vào trang sản phẩm bằng trường thông tin bổ sung
Trường thông tin bổ sung giúp bạn tùy chỉnh chức năng và giao diện của cửa hàng Shopify bằng cách cho phép bạn lưu thông tin chuyên biệt thường không được thu thập trên trang quản trị Shopify. Bạn có thể sử dụng trường thông tin bổ sung trong nội bộ trang quản trị Shopify, đồng thời có thể chọn hiển thị trường thông tin bổ sung trong cửa hàng trực tuyến.
Với trường thông tin bổ sung, bạn có thể thêm tham chiếu trang vào khối cửa sổ bật lên có hiển thị liên kết trên trang sản phẩm. Khi nhấp vào, liên kết sẽ mở một cửa sổ bật lên hiển thị nội dung của trang. Bạn có thể thêm hình ảnh và phương tiện khác bằng trình soạn thảo văn bản đa dạng thức cho trang.
Dưới đây là một số ví dụ về thông tin cửa sổ bật lên mà bạn có thể thêm vào trang sản phẩm:
- Bảng kích cỡ
- Hướng dẫn chăm sóc
- Hướng dẫn lắp ráp
- Thông số kỹ thuật của sản phẩm
- Câu hỏi thường gặp
Sau đây là phần hướng dẫn để đưa trường thông tin bổ sung tham chiếu trang vào, bao gồm 4 bước: tạo trường thông tin bổ sung sản phẩm cho tham chiếu trang, tạo mẫu trang sản phẩm cho cửa hàng trực tuyến, thêm trang mới, dẫn chiếu trang đó trong sản phẩm cụ thể và áp dụng mẫu trang sản phẩm cho sản phẩm cụ thể.
Nếu có chủ đề Online Store 2.0, bạn có thể kết nối hầu hết các trường thông tin bổ sung với chủ đề của mình bằng trình biên tập chủ đề. Nếu đang sử dụng một chủ đề cổ điển hoặc nếu muốn thêm các loại trường thông tin bổ sung mà chủ đề của bạn không hỗ trợ, bạn có thể chỉnh sửa mã chủ đề hoặc thuê Đối tác của Shopify hỗ trợ.
Trên trang này
Bước 1: Tạo trường thông tin bổ sung sản phẩm cho trang
Để bắt đầu, bạn phải tạo định nghĩa trường thông tin bổ sung tham chiếu trang cho trang sản phẩm. Trường thông tin bổ sung sản phẩm liên kết đến một trang cụ thể và có thể tùy chỉnh cho từng sản phẩm. Nếu bạn không thêm tham chiếu trang cho sản phẩm sử dụng mẫu đó, văn bản liên kết cửa sổ bật lên vẫn hiển thị như thể có nội dung. Để chỉ hiển thị liên kết cửa sổ bật lên cho một số sản phẩm cụ thể, bạn có thể tạo mẫu sản phẩm và chỉ áp dụng cho các sản phẩm liên quan.
Với trường thông tin bổ sung tham chiếu trang, bạn có thể hiển thị nhiều thông tin sản phẩm bằng cách tạo các trang khác nhau cho các loại sản phẩm khác nhau. Ví dụ: Bạn có thể tạo hai trang bảng kích cỡ cho hai nhóm tuổi khác nhau, chẳng hạn như bảng kích cỡ dành cho trẻ tập đi và bảng kích cỡ dành cho trẻ sơ sinh. Sau đó, bạn có thể thêm tham chiếu trang về kích cỡ dành cho trẻ tập đi chỉ riêng với các sản phẩm dành cho trẻ tập đi.
Bạn cần tạo định nghĩa trường thông tin bổ sung cho tham chiếu trang để kết nối với khối cửa sổ bật lên trong trình biên tập chủ đề. Theo mặc định, hệ thống sẽ chọn quyền truy cập cửa hàng khi bạn tạo định nghĩa trường thông tin bổ sung.
Bước:
- Trên trang quản trị Shopify, vào mục Cài đặt > Dữ liệu khách hàng.
- Trong mục Định nghĩa trường thông tin bổ sung , nhấp vào Sản phẩm.
- Nhấp vào Add definition (Thêm định nghĩa).
- Trong trường Tên, đặt tên cho định nghĩa trường thông tin bổ sung. Ví dụ: Nếu bạn đang tạo bảng kích cỡ, bạn nên đặt tên cho định nghĩa này là Bảng kích cỡ.
- Nhấp vào ⊕ Chọn loại.
- Chọn Trang trong menu thả xuống. Một trang là lựa chọn mặc định.
- Nhấp vào Lưu.
- Trong ứng dụng Shopify, chạm vào … > Cài đặt.
- Chạm vào Dữ liệu tùy chỉnh.
- Trong mục Định nghĩa trường thông tin bổ sung, chạm vào Sản phẩm.
- Chạm vào +.
- Đặt tên cho định nghĩa. Ví dụ: Nếu bạn tạo bảng kích cỡ, bạn nên đặt tên cho định nghĩa này là Bảng kích cỡ.
- Chạm vào + Chọn loại.
- Chạm để chọn Trang từ menu thả xuống. Một trang là lựa chọn mặc định.
- Chạm vào Lưu.
- Trong ứng dụng Shopify, chạm vào ☰ > Cài đặt.
- Chạm vào Dữ liệu tùy chỉnh.
- Trong mục Định nghĩa trường thông tin bổ sung, chạm vào Sản phẩm.
- Chạm vào +.
- Đặt tên cho định nghĩa. Ví dụ: Nếu bạn tạo bảng kích cỡ, bạn nên đặt tên cho định nghĩa này là Bảng kích cỡ.
- Chạm vào + Chọn loại.
- Chạm để chọn Trang từ menu thả xuống. Một trang là lựa chọn mặc định.
- Chạm vào ✓ để lưu.
Bước 2: Tạo mẫu trang sản phẩm
Nếu có chủ đề Online Store 2.0, bạn có thể kết nối tham chiếu trang với chủ đề của mình bằng trình biên tập chủ đề. Nếu đang sử dụng một chủ đề cổ điển hoặc nếu muốn thêm các loại trường thông tin bổ sung mà chủ đề của bạn không hỗ trợ, bạn có thể chỉnh sửa mã chủ đề hoặc thuê Đối tác của Shopify hỗ trợ.
Sau khi thêm mục hoặc khối, bạn có thể chọn một trường thông tin bổ sung bằng cách nhấp vào biểu tượng nguồn động:
Nếu không muốn thêm khối cửa sổ bật lên cho tất cả sản phẩm, bạn cần tạo mẫu trang sản phẩm mới. Sau đây là các bước giúp bạn tạo mẫu trang sản phẩm mới, tuy nhiên bạn cũng có thể chọn mẫu trang sản phẩm hiện có để tùy chỉnh.
Bước:
- Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
- Nhấp vào Tùy chỉnh bên cạnh chủ đề bạn muốn tùy chỉnh.
- Trong menu thả xuống Trang chủ ở trên cùng của trình chỉnh sửa, nhấp vào Sản phẩm rồi nhấp vào ⊕ Tạo mẫu để tạo và tùy chỉnh mẫu mới.
- Ở thanh bên điều hướng Mục, vào Mẫu > khối Thông tin sản phẩm rồi nhấp vào ⊕ Thêm khối.
- Nhấp vào Cửa sổ bật lên.
- Nhập Nhãn liên kết. Đây là văn bản hiển thị phần nội dung khách hàng nhấp vào để xem nội dung trang bật lên. Ví dụ: Nếu trang bật lên là bảng kích cỡ, bạn có thể nhập Nhãn liên kết là Bảng kích cỡ.
- Bên cạnh mục Trang, nhấp vào biểu tượng nguồn động, rồi nhấp để chọn trường thông tin bổ sung tham chiếu trang đã tạo.
- Nhấp vào Lưu.
- Trong ứng dụng Shopify, chạm vào … > Cửa hàng trực tuyến.
- Chạm vào Quản lý tất cả chủ đề.
- Chạm vào Tùy chỉnh bên cạnh chủ đề bạn muốn tùy chỉnh.
- Trong menu thả xuống Trang chủ ở phía trên cùng của trình chỉnh sửa, chạm vào Sản phẩm, rồi chạm vào ⊕ Tạo mẫu để tạo và tùy chỉnh mẫu mới.
- Ở thanh bên điều hướng Mục, vào Mẫu > khối Thông tin sản phẩm rồi chạm vào ⊕ Thêm khối.
- Chạm vào Cửa sổ bật lên.
- Nhập Nhãn liên kết. Đây là văn bản hiển thị phần nội dung khách hàng nhấp vào để xem nội dung trang bật lên. Ví dụ: Nếu trang bật lên là bảng kích cỡ, bạn có thể nhập Nhãn liên kết là Bảng kích cỡ.
- Bên cạnh mục Trang, chạm vào biểu tượng nguồn động rồi chạm để chọn trường thông tin bổ sung về tham chiếu trang mà bạn đã tạo.
- Chạm vào Lưu.
- Trong ứng dụng Shopify, chạm vào ☰ > Cửa hàng trực tuyến.
- Chạm vào Quản lý tất cả chủ đề.
- Chạm vào Tùy chỉnh bên cạnh chủ đề bạn muốn tùy chỉnh.
- Trong menu thả xuống Trang chủ ở phía trên cùng của trình chỉnh sửa, chạm vào Sản phẩm, rồi chạm vào ⊕ Tạo mẫu để tạo và tùy chỉnh mẫu mới.
- Ở thanh bên điều hướng Mục, vào Mẫu > khối Thông tin sản phẩm rồi chạm vào ⊕ Thêm khối.
- Chạm vào Cửa sổ bật lên.
- Nhập Nhãn liên kết. Đây là văn bản hiển thị phần nội dung khách hàng nhấp vào để xem nội dung trang bật lên. Ví dụ: Nếu trang bật lên là bảng kích cỡ, bạn có thể nhập Nhãn liên kết là Bảng kích cỡ.
- Bên cạnh mục Trang, chạm vào biểu tượng nguồn động rồi chạm để chọn trường thông tin bổ sung về tham chiếu trang mà bạn đã tạo.
- Chạm vào ✓ để lưu chủ đề.
Bước 3: Thêm trang có thông tin sản phẩm của bạn
Bạn cần tạo trang có nội dung mà trường thông tin bổ sung dẫn chiếu. Nếu đã tạo trang, bạn có thể chuyển sang bước 4.
Bước:
- Trên trang quản trị Shopify, vào Cửa hàng trực tuyến > Trang.
- Nhấp vào Add page (Thêm trang).
- Đặt tên cho trang và tạo nội dung bạn muốn hiển thị trong cửa sổ bật lên trên trang sản phẩm.
- Trong mục Khả năng hiển thị, đặt trang ở Hiển thị.
- Nhấp vào Lưu.
- Trong ứng dụng Shopify, chạm vào … > Cửa hàng trực tuyến.
- Chạm vào Trang.
- Chạm vào Thêm trang.
- Đặt tên cho trang và tạo nội dung bạn muốn hiển thị trong cửa sổ bật lên trên trang sản phẩm.
- Trong mục Khả năng hiển thị, đặt trang ở Hiển thị.
- Chạm vào Lưu.
- Trong ứng dụng Shopify, chạm vào ☰ > Cửa hàng trực tuyến.
- Chạm vào Trang.
- Chạm vào Thêm trang.
- Đặt tên cho trang và tạo nội dung bạn muốn hiển thị trong cửa sổ bật lên trên trang sản phẩm.
- Trong mục Khả năng hiển thị, đặt trang ở Hiển thị.
- Chạm vào ✓ để lưu.
Bạn có thể tạo nhiều trang để dẫn chiếu trong trường thông tin bổ sung nếu cần. Tuy nhiên, bạn chỉ có thể liên kết một trang trong trường thông tin bổ sung sản phẩm.
Bước 4: Dẫn chiếu trang và áp dụng mẫu sản phẩm cho sản phẩm cụ thể
Khi bạn thêm tham chiếu trang cho một sản phẩm cụ thể, thông tin từ trang đó chỉ hiển thị với sản phẩm đó. Nếu bạn để trống tham chiếu trang đối với sản phẩm sử dụng mẫu sản phẩm đó, văn bản liên kết vẫn hiển thị dưới dạng liên kết. Tuy nhiên, cửa sổ bật lên sẽ trống, không có tham chiếu trang và có thể gây nhầm lẫn cho khách hàng. Trong trường hợp này, bạn có thể sử dụng mẫu trang sản phẩm khác cho các loại sản phẩm cụ thể. Ví dụ: Bạn có thể tạo mẫu sản phẩm cho quần áo có trang bảng kích cỡ trong khối cửa sổ bật lên, sau đó, bạn có thể tạo mẫu sản phẩm cho túi xách mà không cần thêm khối cửa sổ bật lên.
Tìm hiểu thêm về mẫu.
Bước:
- Trong trang quản trị Shopify, vào mục Sản phẩm.
- Nhấp vào sản phẩm bạn muốn thêm tham chiếu trang.
- Trong mục Trường thông tin bổ sung sản phẩm, nhấp vào trường thông tin bổ sung tham chiếu trang bạn đã tạo, rồi nhấp vào Chọn trang.
- Chọn trang bạn đã tạo từ menu thả xuống.
- Trong mục Mẫu chủ đề, chọn mẫu trang sản phẩm đã tạo ở bước 2.
- Nhấp vào Lưu.
- Trong Ứng dụng Shopify, vào mục Sản phẩm > All products (Tất cả sản phẩm).
- Chạm vào sản phẩm bạn muốn thêm tham chiếu trang.
- Trong mục Trường thông tin bổ sung, chạm vào Xem tất cả.
- Chạm vào trường thông tin bổ sung tham chiếu trang đã tạo, rồi chạm để chọn trang đã tạo.
- Trong mục Mẫu chủ đề, chọn mẫu trang sản phẩm đã tạo ở bước 2.
- Chạm vào Lưu.
- Trong Ứng dụng Shopify, vào mục Sản phẩm > All products (Tất cả sản phẩm).
- Chạm vào sản phẩm bạn muốn thêm tham chiếu trang.
- Trong mục Trường thông tin bổ sung, chạm vào Xem tất cả.
- Chạm vào trường thông tin bổ sung tham chiếu trang đã tạo, rồi chạm để chọn trang đã tạo.
- Trong mục Mẫu chủ đề, chọn mẫu trang sản phẩm đã tạo ở bước 2.
- Chạm vào ✓ để lưu.
Bạn có thể lặp lại những bước này cho nhiều sản phẩm nếu cần.