Cách sử dụng thanh trượt thư viện sản phẩm cho WooC Commerce

Phần lớn người mua sắm trên internet quyết định mua hàng của họ dựa trên hình ảnh sản phẩm. Do đó, bạn phải đảm bảo rằng cửa hàng WooC Commerce của bạn có sẵn những bức ảnh và video đẹp nhất để tối đa hóa chuyển đổi

Thật không may, thư viện sản phẩm WooC Commerce tiêu chuẩn quá đơn giản. Với suy nghĩ này, chúng tôi đã đưa ra một hướng dẫn chi tiết về thư viện sản phẩm WooC Commerce

Còn chần chừ gì nữa, hãy tìm hiểu cách tạo và tùy chỉnh thư viện sản phẩm trong WooC Commerce

Tại sao bạn nên tùy chỉnh Phòng trưng bày sản phẩm WooC Commerce?

• Vì phần lớn người tiêu dùng trực tuyến đánh giá một sản phẩm dựa trên hình ảnh của nó, nên việc nâng cấp phòng trưng bày sản phẩm của bạn có thể giúp bạn thu hút khách hàng và do đó cải thiện doanh số bán hàng

• Mặc dù thư viện sản phẩm WooC Commerce mặc định là đủ, nhưng nó chỉ có thể hiển thị một số hình ảnh bên dưới ảnh sản phẩm nổi bật

• Phòng trưng bày sản phẩm thương mại điện tử hấp dẫn có thể bao gồm nhiều hình ảnh cho mỗi biến thể sản phẩm, cùng với video sản phẩm tích hợp và tính năng thu phóng liền mạch để cung cấp cho khách hàng cái nhìn cận cảnh về mặt hàng của bạn

• Khi tùy chỉnh các phòng trưng bày sản phẩm, bạn có thể kết hợp chúng tốt hơn với toàn bộ chủ đề WooC Commerce của mình

Làm cách nào để tạo Thư viện sản phẩm trong WooC Commerce?

Phòng trưng bày sản phẩm hiển thị tất cả hình ảnh được liên kết với sản phẩm thông qua hộp meta Thư viện sản phẩm

Do đó, bạn có thể chỉ cần tạo Thư viện sản phẩm bằng cách sử dụng hộp meta Thư viện sản phẩm

Bước 1. Đăng nhập vào tài khoản WooC Commerce

Sau khi đăng nhập vào tài khoản WooC Commerce của bạn, hãy truy cập WooC Commerce> Sản phẩm

Sau đó, bạn đánh dấu vào ô bên cạnh sản phẩm mà bạn muốn tạo bộ sưu tập sản phẩm. Sau đó, nhấn vào tùy chọn Chỉnh sửa ngay dưới tên sản phẩm

Bước 2. Chuyển đến thư viện sản phẩm

Trong trang Chỉnh sửa sản phẩm, hãy điều hướng đến phần Thư viện sản phẩm, nằm ở phía bên tay phải của bạn

Bước 3. Nhấp vào Thêm hình ảnh bộ sưu tập sản phẩm

Sau đó, bạn cần nhấp vào nút Thêm hình ảnh bộ sưu tập sản phẩm

Bước 4. Thêm hình ảnh vào Thư viện sản phẩm

Bạn có thể chọn bất kỳ hình ảnh nào trong Thư viện phương tiện của mình hoặc Tải lên hình ảnh mới cho thư viện sản phẩm WooC Commerce của bạn

Bước 5. [Tùy chọn] Sắp xếp lại/Xóa hình ảnh khỏi thư viện sản phẩm

Bạn có thể sắp xếp lại hình ảnh của mình trong thư viện sản phẩm bằng cách kéo, thả và di chuyển chúng xung quanh

Trong trường hợp bạn muốn xóa hình ảnh khỏi bộ sưu tập sản phẩm, bạn chỉ cần di chuột vào hình ảnh đó rồi nhấp vào dấu x màu đỏ như hình ảnh hiển thị

Và đó là cách bạn có thể tạo bộ sưu tập sản phẩm trong WooC Commerce

Cách tùy chỉnh Thư viện sản phẩm trong WooC Commerce?

Sau khi tạo bộ sưu tập sản phẩm trong WooC Commerce, bạn nên xem xét tùy chỉnh nó để giúp tăng doanh số cho cửa hàng của mình. Phần này sẽ chỉ cho bạn cách tùy chỉnh bộ sưu tập sản phẩm bằng cách sử dụng plugin WooThumbs cho WooC Commerce

Bước 1. Cài đặt và kích hoạt plugin

1. Đầu tiên và quan trọng nhất, bạn có thể dùng thử miễn phí plugin WooThumbs cho WooC Commerce từ cửa hàng Iconic. https. // biểu tượngwp. com/products/woothumbs/. Sau đó, bạn có thể tải xuống plugin dưới dạng tệp zip
2. Chuyển đến Plugin> Thêm mới> Tải lên plugin
3. Chọn và tải lên tệp zip mà bạn vừa tải xuống
4. Nhấp vào nút Kích hoạt. Bạn sẽ cần nhập khóa cấp phép của mình khi nó được kích hoạt

Bước 2. Tùy chỉnh bố cục thư viện

1. Truy cập WooC Commerce > WooThumbs từ bảng điều khiển WordPress của bạn
2. Chọn tab Hiển thị ở đầu trang
3. Chọn tab Hiển thị ở đầu trang. Bạn có thể thay đổi các cài đặt sau từ menu này

• Chiều rộng thư viện

Theo mặc định, giá trị này được đặt thành 48%, vì đó là chiều rộng phổ biến nhất của phần hình ảnh trong các chủ đề WooC Commerce. Tuy nhiên, bạn có thể muốn tăng mức đó lên tốt hơn 100% để phù hợp với nhu cầu chủ đề cụ thể hoặc sở thích cá nhân của bạn

• Chức vụ

Di chuyển thư viện hình ảnh sang trái, phải,…

• Màu biểu tượng

Màu của bất kỳ biểu tượng nào xuất hiện trên đầu ảnh, chẳng hạn như các biểu tượng trước/sau

• Hiển thị biểu tượng khi di chuột?

Sau khi được bật, các biểu tượng sẽ chỉ xuất hiện khi di chuột qua ảnh

• Hiển thị chú giải công cụ biểu tượng?

Khi bạn di chuột qua một biểu tượng, chú giải công cụ sẽ xuất hiện

1. Sau đó, chọn tab Carousel. WooThumbs dành cho WooC Commerce theo mặc định thêm thanh trượt hoặc băng chuyền vào thư viện sản phẩm WooC Commerce của bạn. Tất cả kiểu chuyển tiếp, tốc độ và độ dài đều có thể được tùy chỉnh bằng cài đặt trên tab này

1. Tab Phương tiện cho phép bạn tùy chỉnh cài đặt cho video được nhúng của mình. Tự động phát, lặp và điều khiển đều được bao gồm

2. Cài đặt của thành phần thanh trượt thư viện được kiểm soát bởi tab Điều hướng. Bạn có thể tùy chỉnh giao diện của hình thu nhỏ bằng cách bật và thay đổi cài đặt cho chúng

3. Hai tab sau, Thu phóng và Toàn màn hình, cho phép bạn chọn cách thu phóng ảnh sản phẩm của mình và liệu khách hàng có thể xem chúng ở chế độ toàn màn hình hay không

1. Cuối cùng, tab Đáp ứng cung cấp cho bạn sự linh hoạt hơn về cách thư viện sản phẩm của bạn xuất hiện và hoạt động trên thiết bị di động

2. Khi bạn hoàn tất, hãy nhấp vào Lưu thay đổi ở cuối màn hình

Bước 3. [Tùy chọn] Thêm hình ảnh biến thể bổ sung

Thư viện sản phẩm WooC Commerce cơ bản chỉ cho phép bạn gửi một hình ảnh cho mỗi biến thể sản phẩm của mình. Và khi sử dụng plugin WooThumbs cho WooC Commerce, bạn có thể thêm bao nhiêu hình ảnh biến thể tùy thích

Để thêm hình ảnh biến thể bổ sung vào cửa hàng WooC Commerce của bạn, hãy làm theo các bước sau

1. Chuyển đến Sản phẩm > Tất cả sản phẩm
2. Chỉnh sửa sản phẩm biến thể mà bạn muốn thêm hình ảnh biến thể bổ sung
3. Điều hướng xuống trang đến phần Dữ liệu sản phẩm
4. Chuyển đến tab Biến thể và nhấp vào tab đó
5. Trên biến thể bạn muốn thêm hình ảnh bổ sung vào, hãy nhấp vào mũi tên mở rộng

1. Chọn tùy chọn Thêm hình ảnh bổ sung bên dưới hình ảnh hiện có của bạn và thư viện phương tiện sẽ xuất hiện
2. Chọn các hình ảnh biến thể bạn muốn sử dụng rồi nhấp vào nút Thêm vào biến thể.
3. Nhấp vào tab Biến thể để xem các hình ảnh biến thể

1. Khi bạn đã tùy chỉnh xong tất cả các biến thể của mình, hãy chuyển đến phần Dữ liệu sản phẩm của trang và nhấp vào Lưu thay đổi. Sau đó, quay trở lại phần Xuất bản và nhấp vào nút Cập nhật

   Bước 4. [Tùy chọn] Thêm video được nhúng

   Tùy chọn thêm video nhúng vào thư viện sản phẩm WooC Commerce của bạn là một tính năng khác của WooThumbs dành cho WooC Commerce. Điều này đặc biệt có lợi cho việc trưng bày các mặt hàng và thúc đẩy doanh số bán hàng

Trong WooThumbs, bạn có ba tùy chọn để tìm nguồn video. phương tiện dựa trên nhúng, HTML nhúng và video tự lưu trữ

Chỉ cần làm theo các bước sau để nhúng video từ các trang nhúng như YouTube và Vimeo

1. Sao chép URL của video để sử dụng trong thư viện sản phẩm của bạn [từ Vimeo hoặc YouTube]
2. Điều hướng đến Sản phẩm > Tất cả sản phẩm
3. Chọn sản phẩm mà bạn muốn thêm video
4. Trên trang sản phẩm, đi xuống mô-đun Thư viện sản phẩm

1. Chọn liên kết Thêm hình ảnh bộ sưu tập sản phẩm. Bạn có thể gửi hình ảnh thu nhỏ của video bạn muốn hiển thị tại đây hoặc sử dụng hình ảnh từ thư viện phương tiện của bạn. Trong thư viện sản phẩm WooC Commerce của bạn, đây sẽ là hình ảnh xem trước. Khi khách hàng nhấn vào ảnh xem trước, toàn bộ video sẽ được hiển thị
2. Tải lên hình ảnh của bạn
3. Dán URL từ YouTube hoặc Vimeo vào trường URL của hình ảnh đã tải lên của bạn

1. Tiếp theo, chọn tỷ lệ khung hình của bạn. Bởi vì hầu hết các bức ảnh trong thư viện là hình vuông, 1. 1 hoạt động tốt hầu hết thời gian
2. Vì WordPress lưu trữ phương tiện tự động nên không có tùy chọn lưu ở đây, bạn cần thoát khỏi thư viện phương tiện và quay lại trang sản phẩm của mình
3. Cuối cùng, nhấp vào Lưu hoặc Cập nhật

Video bạn vừa tải lên sẽ được hiển thị trong thư viện sản phẩm WooC Commerce khi bạn xem trang của sản phẩm bạn đang cập nhật

Và đó là tất cả các bước bạn nên thực hiện để tùy chỉnh phòng trưng bày sản phẩm của mình trong WooC Commerce

4 Plugin thư viện sản phẩm được đề xuất cho WooC Commerce

Phần này sẽ cung cấp cho bạn danh sách bốn plugin được khuyên dùng nhiều, ngoài WooThumbs dành cho WooC Commerce, có thể giúp bạn tùy chỉnh phòng trưng bày sản phẩm trong WooC Commerce

1. Thanh trượt thư viện sản phẩm cho thương mại điện tử - Twist

Thanh trượt thư viện sản phẩm cho WooC Commerce – Twist thêm một thanh trượt thư viện hình ảnh được tùy chỉnh hoàn toàn vào trang sản phẩm duy nhất của WooC Commerce, cho phép bạn thu hút sự chú ý của người tiêu dùng đến các mặt hàng của mình và khuyến khích họ mua hàng của bạn

Các tính năng chính

• Tùy chọn Tự động Phát Thanh trượt
• Thanh trượt hình ảnh cho Tính năng một sản phẩm Vùng hình ảnh
• Tùy chỉnh hộp đèn
• Chế độ RTL
• Youtube, Vimeo & hỗ trợ Video tự lưu trữ cho - Hình ảnh & Thư viện Sản phẩm
• Bố cục thư viện [Thanh trượt dọc và ngang]
• Cài đặt Bật/Tắt LightBox cho hình ảnh Thumbnails
• Băng chuyền hình ảnh sản phẩm

định giá

Chi phí giấy phép thông thường $39

2. Phòng trưng bày sản phẩm thương mại điện tử TP

Plugin thư viện sản phẩm TP WooC Commerce là một cách tuyệt vời để giới thiệu các mặt hàng của bạn trên trang web của bạn. Thật đơn giản để thiết lập và có thể nhanh chóng biến ảnh sản phẩm của bạn thành một thư viện thương mại điện tử trực quan tuyệt đẹp

Các tính năng chính

• Tùy chọn Tự động Phát Thanh trượt
• Bố cục thư viện [Thanh trượt ngang]
• Hình thu nhỏ để hiển thị
• Cài đặt Bật/Tắt LightBox cho hình ảnh Thumbnails
• Hình ảnh trên zoom
• Tùy chỉnh màu sắc và nền của mũi tên/biểu tượng
• 3 kiểu chuyển đổi giữa các hình ảnh trong Lightbox
• Chiều cao thích ứng [Bật chiều cao thích ứng cho băng chuyền ngang trượt đơn]

định giá

Phiên bản miễn phí và Pro có sẵn

3. Phòng trưng bày WooSwipe WooC Commerce

WooSwipe WooC Commerce Gallery là một plugin thư viện sản phẩm WooC Commerce cho phép bạn hiển thị các sản phẩm tốt nhất của mình trên cửa hàng trực tuyến của mình

Các tính năng chính

• Phản ứng nhanh nhẹn
• Thân thiện với thiết bị di động
• điều khiển bàn phím
• Kích thước hình ảnh đầy đủ
• 2 lựa chọn màu sắc
• Làm việc vượt trội với cài đặt thư viện WooC Commerce

định giá. Tự do

4. Thanh trượt thư viện sản phẩm WooC Commerce nâng cao

Advanced WooC Commerce Product Gallery Slider là một plugin thư viện ảnh đơn WooC Commerce biến thư viện trang sản phẩm WooC Commerce của bạn thành một thanh trượt băng chuyền đáp ứng đầy đủ chỉ trong vài giây

Các tính năng chính

• Bố cục thư viện [Thanh trượt ngang/dọc]
• Nhẹ
• Tùy chọn Tự động Phát Thanh trượt
• Tùy chỉnh mũi tên thanh trượt [Tùy chọn màu]
• Hiệu ứng hộp đèn hấp dẫn
• Đã bật tính năng Chạm và Vuốt

định giá

Phiên bản miễn phí và Pro có sẵn

Từ cuối cùng

Điều đó kết thúc bài viết của chúng tôi ngày hôm nay. Bạn vừa học cách tạo và tùy chỉnh phòng trưng bày sản phẩm trong WooC Commerce

Bạn hoàn toàn có thể nâng cấp hình ảnh sản phẩm của mình bằng cách áp dụng các cải tiến thư viện sản phẩm này, điều này cuối cùng sẽ giúp bạn tăng chuyển đổi trong cửa hàng WooC Commerce của mình

Chúng tôi hy vọng bạn thấy hướng dẫn của chúng tôi hữu ích và nhiều thông tin. Cảm ơn bạn đã dành thời gian để đọc bài viết này và chúng tôi sẽ gặp lại bạn trong phần tiếp theo