Ghi chú. Trong khi hướng dẫn phổ biến nhất của chúng tôi đã được dịch sang tiếng Tây Ban Nha, một số hướng dẫn chỉ có sẵn bằng tiếng Anh
hình ảnh sản phẩmCập nhật lần cuối ngày 10 tháng 8 năm 2022 18. 56
phần
Hình ảnh sản phẩm tuyệt vời là một phần quan trọng trong việc điều hành một cửa hàng trực tuyến. Bạn có thể sử dụng hình ảnh để đại diện cho các sản phẩm trên toàn bộ trang web của mình, làm nổi bật các tính năng chính và cung cấp cái nhìn sâu hơn về các chi tiết và kết cấu. Hướng dẫn này bao gồm nhiều cách khác nhau để sử dụng hình ảnh sản phẩm
Xem video
Trước khi bạn thêm hình ảnh
Bạn có thể thêm hình ảnh vào sản phẩm bằng cách trực tiếp tải chúng lên hoặc bằng cách sử dụng lại hình ảnh bạn đã tải lên ở các khu vực khác trên trang web của mình
Trước khi bạn tải hình ảnh lên, hãy xem lại nguyên tắc định dạng hình ảnh của chúng tôi để đảm bảo hình ảnh của bạn có kích thước và chất lượng phù hợp để hiển thị trực tuyến
Tỷ lệ khung hình của hình ảnh ảnh hưởng đến cách nó xuất hiện với bạn. Chúng tôi đề xuất tỷ lệ mong muốn trước khi tải chúng lên. Bạn cũng có thể thay đổi tiêu điểm của ảnh đã cắt sau khi thêm ảnh đó bằng cách sử dụng tiêu điểm của nó
Một sản phẩm có thể có tối đa 100 hình ảnh. Tuy nhiên, quá tải sản phẩm với hình ảnh có thể khiến trang tải chậm. chúng tôi đề nghị
Mẹo. Bắt đầu bằng cách thêm một vài hình ảnh thử nghiệm để xem chúng trông như thế nào và thử nghiệm các tùy chọn kiểu dáng
Trang cửa hàng so với. trang chi tiết sản phẩm
Trước khi thảo luận về hình ảnh sản phẩm, bạn nên hiểu cách Squarespace cấu trúc sản phẩm trên tất cả các trang web. Sản phẩm được tổ chức thành hai phần
- Trang cửa hàng là trang đích cho nhiều sản phẩm
- Trang chi tiết hiển thị chi tiết cho một sản phẩm
Ví dụ: trên trang cửa hàng này, khách truy cập có thể duyệt qua nhiều sản phẩm
Nhấp vào bất kỳ sản phẩm nào sẽ đưa họ đến trang chi tiết sản phẩm, nơi họ có thể xem thêm hình ảnh và thông tin về từng sản phẩm
Các loại hình ảnh sản phẩm
Khi thêm hoặc chỉnh sửa sản phẩm, bạn có thể thêm các hình ảnh này
- Hình ảnh nổi bật
- hình ảnh chính
- Hình ảnh bổ sung
- hình ảnh biến thể
- Hình ảnh chia sẻ xã hội thay thế
Cách chúng hiển thị tùy thuộc vào phiên bản trang web của bạn
Hình ảnh nổi bật
Hình ảnh nổi bật đại diện cho sản phẩm ở hầu hết các khu vực trên trang web của bạn, vì vậy tốt nhất bạn nên sử dụng hình ảnh mà bạn muốn khách hàng nhìn thấy đầu tiên. Hình ảnh xuất hiện trong các khu vực này
- trang cửa hàng. Người mua hàng nhấp vào hình ảnh nổi bật của sản phẩm để đến trang chi tiết sản phẩm
- khối sản phẩm
- khối tóm tắt
- Trang cửa hàng và Bảng khoảng không quảng cáo
Theo mặc định, hình ảnh chính của sản phẩm sẽ trở thành hình ảnh nổi bật. Để đặt một hình ảnh nổi bật khác
- Trong trình chỉnh sửa sản phẩm, hãy nhấp vào Hình ảnh nổi bật
- Tải lên một hình ảnh
- Di chuột qua Xong và nhấp vào Lưu
hình ảnh chính
Hình ảnh chính xuất hiện dưới dạng hình ảnh đầu tiên trên trang chi tiết sản phẩm. Hình ảnh chính là hình ảnh đầu tiên hiển thị trong trình chỉnh sửa sản phẩm. Nhấp và kéo hình ảnh để thay đổi thứ tự của chúng
Hình ảnh bổ sung
Hình ảnh bổ sung cung cấp cho người mua sắm cái nhìn bao quát về sản phẩm của bạn. Sử dụng hình ảnh bổ sung để hiển thị ảnh chi tiết, sản phẩm của bạn ở các góc độ khác nhau hoặc ảnh được dàn dựng. Hình ảnh bổ sung xuất hiện trên trang chi tiết sản phẩm. Trong trình chỉnh sửa sản phẩm, tất cả hình ảnh sau hình ảnh đầu tiên đều là hình ảnh bổ sung. Nhấp và kéo hình ảnh để thay đổi thứ tự của chúng
hình ảnh biến thể
Trên trang chi tiết sản phẩm, hình ảnh biến thể hiển thị cho người mua hàng hình dạng của từng biến thể sản phẩm. Ví dụ: bạn có thể sử dụng hình ảnh biến thể để hiển thị sản phẩm ở các kích cỡ và màu sắc khác nhau. Theo mặc định, hình ảnh nổi bật của sản phẩm sẽ hiển thị cho đến khi người mua hàng chọn một biến thể từ trình đơn thả xuống
Để tùy chỉnh một hình ảnh biến thể
- Trong Trình chỉnh sửa sản phẩm, hãy cuộn đến phần mẫu mã và nhấp vào Chỉnh sửa tất cả
- Nhấp vào biểu tượng tải lên hình ảnh bên cạnh một biến thể
- Nhấp vào biểu tượng + để tải lên hình ảnh hoặc chọn hình ảnh bạn đã tải lên
- Nhấp vào Áp dụng
Bạn cũng có thể nhấp vào một mẫu mã trong trình chỉnh sửa sản phẩm chính, sau đó nhấp vào Thêm hình ảnh để thêm một hình ảnh mẫu mã.
Trên phiên bản 7. 0, hiển thị hình ảnh tùy thuộc vào bạn
hình ảnh chính
Hình ảnh chính đại diện cho sản phẩm ở hầu hết các khu vực trên trang web của bạn, vì vậy, tốt nhất bạn nên sử dụng hình ảnh mà bạn muốn hầu hết khách hàng nhìn thấy đầu tiên. Hình ảnh xuất hiện trong các khu vực này
- Trên các trang cửa hàng Cổ điển hoặc Độc đáo
- Là hình ảnh đầu tiên trên trang chi tiết sản phẩm
- Trong bảng điều khiển trang cửa hàng hoặc Bảng kiểm kê
Hình ảnh chính là hình ảnh đầu tiên hiển thị trong trình chỉnh sửa sản phẩm. Nhấp và kéo hình ảnh để thay đổi thứ tự của chúng
Hình ảnh bổ sung
Hình ảnh bổ sung cung cấp cho người mua sắm cái nhìn bao quát về sản phẩm của bạn. Sử dụng hình ảnh bổ sung để hiển thị ảnh chi tiết, sản phẩm của bạn ở các góc độ khác nhau hoặc ảnh được dàn dựng. Hình ảnh bổ sung xuất hiện ở những nơi này
- trang chi tiết sản phẩm
- Hình ảnh thứ hai có thể trong các trang Cửa hàng nâng cao
Trong tab Mục của trình chỉnh sửa sản phẩm, tất cả hình ảnh sau hình ảnh đầu tiên đều là hình ảnh bổ sung. Nhấp và kéo hình ảnh để thay đổi thứ tự của chúng
Hình ảnh nổi bật
Hình ảnh nổi bật hiển thị bản xem trước sản phẩm của bạn ở các khu vực khác nhau trên trang web của bạn. Trong các mẫu hỗ trợ trang Cửa hàng nâng cao, người mua sắm nhấp vào hình ảnh nổi bật của sản phẩm để đến trang Chi tiết sản phẩm. Hình ảnh nổi bật cũng hiển thị trong các khu vực này
- Trang cửa hàng nâng cao
- khối sản phẩm
- khối tóm tắt
- Trong mẫu Adirondack, chúng trên các trang Chi tiết sản phẩm riêng lẻ
Theo mặc định, hình ảnh đầu tiên được thêm vào tab Mục của trình chỉnh sửa sản phẩm sẽ trở thành hình ảnh nổi bật. Để đặt một hình ảnh nổi bật khác
- Trong trình chỉnh sửa sản phẩm, nhấp vào tab Tùy chọn
- Trong hộp Hình ảnh nổi bật, hãy nhấp vào biểu tượng Thùng rác
- .
- Nhấp vào để lưu
Nếu bạn xóa hình ảnh nổi bật mà không đặt hình ảnh thay thế, thì hình ảnh chính sẽ hiển thị thay thế
hình ảnh biến thể
Trên trang chi tiết sản phẩm, hình ảnh biến thể hiển thị cho người mua hàng hình dạng của từng biến thể sản phẩm. Ví dụ: bạn có thể sử dụng hình ảnh biến thể để hiển thị sản phẩm ở các kích cỡ và màu sắc khác nhau. Theo mặc định, hình ảnh nổi bật của sản phẩm sẽ hiển thị cho đến khi người mua hàng chọn một biến thể từ trình đơn thả xuống
Để tùy chỉnh một hình ảnh biến thể
- Trong trình chỉnh sửa Sản phẩm, nhấp vào Giá cả & Biến thể
- Ở cột ngoài cùng bên trái, hãy nhấp vào trường hình ảnh để chỉnh sửa
Hình ảnh chia sẻ xã hội thay thế
Sản phẩm hiển thị trên nền tảng chia sẻ xã hội hoặc trong ứng dụng nhắn tin văn bản khi bạn chia sẻ URL của trang chi tiết sản phẩm. Nếu bạn không thêm Hình ảnh chia sẻ xã hội thay thế cho một sản phẩm, chúng tôi sẽ sử dụng hình ảnh nổi bật của mặt hàng đó để thay thế
Hình ảnh sản phẩm phong cách
Cách bạn tạo kiểu cho hình ảnh sản phẩm tùy thuộc vào phiên bản Squarespace mà trang web của bạn đang sử dụng
Tùy chỉnh cách hình ảnh sản phẩm xuất hiện bằng cách sử dụng và các chỉnh sửa Mục sản phẩm trong bảng Kiểu trang web
phần sản phẩm
Để thay đổi cách hiển thị hình ảnh nổi bật của sản phẩm trong các phần của cửa hàng, hãy di chuột qua phần đó và nhấp vào biểu tượng bút chì
Bạn có thể thay đổi khoảng cách, cột, tỷ lệ khung hình và căn chỉnh văn bản. Bạn cũng có thể hiển thị hoặc ẩn giá sản phẩm. Để thay đổi màu sắc, hãy nhấp vào Màu sắc
Nếu hình ảnh sản phẩm của bạn bị cắt, hãy truy cập
trang chi tiết sản phẩm
Để thay đổi cách sản phẩm xuất hiện trên trang chi tiết sản phẩm
- Chỉnh sửa trang, , sau đó nhấp vào menu thả xuống bố cục
- , sau đó di chuột qua Xong và nhấp vào Lưu
Bạn có thể tạo kiểu cho các yếu tố như tỷ lệ khung hình, căn chỉnh văn bản và thiết kế thư viện sản phẩm. Để đạt được một thiết kế thống nhất, những thay đổi về phong cách này áp dụng cho tất cả các sản phẩm trong cửa hàng của bạn. Không thể chỉnh sửa các cài đặt này cho các sản phẩm cụ thể
Sử dụng bảng Kiểu trang web để tùy chỉnh cách hình ảnh sản phẩm xuất hiện. Các tùy chọn kiểu và bố cục khả dụng tùy thuộc vào họ mẫu của bạn. Để tìm hiểu thêm, hãy truy cập
- Kinh điển
- Nâng cao
- Duy nhất
tinh chỉnh cổ điển
Đây là những chỉnh sửa dành riêng cho hình ảnh dành cho các trang cửa hàng Cổ điển
- Trang cửa hàng - Sử dụng các tinh chỉnh Kích thước mặt hàng sản phẩm, Cắt tự động hình ảnh sản phẩm và Màu nền sản phẩm để định kiểu cách hình ảnh sản phẩm hiển thị trên trang cửa hàng
- Các trang mục - Sử dụng các tinh chỉnh Kích thước thư viện sản phẩm và Tự động cắt thư viện sản phẩm để đặt các trang chi tiết
Tinh chỉnh nâng cao
Đây là những chỉnh sửa dành riêng cho hình ảnh dành cho các trang Cửa hàng nâng cao
- Trang cửa hàng - Sử dụng tinh chỉnh Tỷ lệ khung hình hình ảnh trong Sản phẩm. Phần bố cục trên trang cửa hàng. Hình ảnh tự động cắt để phù hợp với hình dạng
- Các trang mục - Sử dụng các chỉnh sửa trong , chẳng hạn như Thiết kế, Tỷ lệ khung hình, Kiểu dáng hình thu nhỏ và Chiều rộng hình thu nhỏ, để tạo kiểu cho hình ảnh trên các trang chi tiết
tinh chỉnh độc đáo
Để được trợ giúp tạo kiểu cho hình ảnh sản phẩm trong các mẫu này, hãy truy cập hướng dẫn mẫu của chúng
Tùy chọn hình ảnh đặc biệt
Một số trang cửa hàng cung cấp các tính năng đặc biệt cho phép bạn hiển thị hình ảnh theo cách động. Cách những hình ảnh này hiển thị tùy thuộc vào phiên bản trang web của bạn
- Xem nhanh sản phẩm - Khách hàng có thể nhấp vào nút để xem chi tiết mặt hàng trong hộp đèn mà không cần điều hướng khỏi trang hiện tại. Trong phiên bản 7. 1, điều này chỉ khả dụng trên trang Chi tiết sản phẩm
- Thu phóng hình ảnh sản phẩm - Khách hàng có thể phóng to hình ảnh sản phẩm để xem kỹ hơn về chất liệu, kết cấu và các chi tiết tốt hơn. Trong phiên bản 7. 1, điều này chỉ khả dụng trên trang Chi tiết sản phẩm
- Hình ảnh thay thế khi di chuột - Đây là một cách tuyệt vời để thể hiện một tính năng đặc biệt, một góc độ khác hoặc một chi tiết quan trọng cho mỗi sản phẩm
Để được trợ giúp về bất kỳ vấn đề nào trong số này, hãy truy cập trang Cửa hàng các tính năng đặc biệt
Thêm văn bản thay thế
xác định nội dung hình ảnh của bạn cho các trình duyệt và công cụ tìm kiếm. Điều này giúp hình ảnh của bạn xuất hiện trong kết quả tìm kiếm hình ảnh và làm cho trang web của bạn dễ truy cập hơn đối với khách truy cập bằng trình đọc màn hình hỗ trợ
Khi thêm văn bản thay thế, hãy sử dụng các thuật ngữ ngắn mô tả hình ảnh cụ thể cũng như sản phẩm. Ví dụ: “Cận cảnh móc khóa bằng đồng” và “Phía sau váy suông in hoa. ” Bạn có thể thêm văn bản thay thế có tối đa 200 ký tự cho mỗi hình ảnh sản phẩm