Làm cách nào để thêm thanh trượt sản phẩm trong WooC Commerce?

Những ngày này, thương mại điện tử là tất cả về móc trực quan. Không có cửa hàng nào hoàn chỉnh nếu không có hình ảnh độ phân giải cao trên hầu hết các trang

Bây giờ, điều gì tốt hơn một hình ảnh duy nhất?

Một loạt hình ảnh hiển thị đầy đủ sản phẩm. Vì đây là WooC Commerce mà chúng ta đang nói đến, nên điều này có thể thực hiện được với plugin thanh trượt sản phẩm WooC Commerce

Các plugin này đặc biệt hữu ích trong thời kỳ bán hàng cao như Mùa lễ hội khi mức độ cạnh tranh cao. Do có sẵn các lựa chọn nên mức độ chú ý của khách truy cập thấp hơn bình thường và băng chuyền hình ảnh [được tạo bởi thanh trượt thư viện sản phẩm] là một chiến thuật tuyệt vời để thu hút và duy trì sự chú ý của người dùng

Trong bài đăng này, tôi sẽ trình bày các plugin thanh trượt sản phẩm WooC Commerce yêu thích của tôi, cả miễn phí và trả phí, sau đó mô tả quy trình thiết lập plugin thanh trượt sản phẩm WooC Commerce trên cửa hàng

Plugin thanh trượt sản phẩm WooC Commerce

Giống như các lĩnh vực hoạt động khác, WooC Commerce cung cấp cả plugin thanh trượt sản phẩm trả phí và miễn phí. Mỗi plugin cung cấp bộ lợi ích riêng và lựa chọn cuối cùng phụ thuộc vào ngân sách khả dụng và yêu cầu của cửa hàng

Plugin cao cấp

Dưới đây là một số plugin thanh trượt sản phẩm WooC Commerce cao cấp phổ biến

1- Băng chuyền sản phẩm WooC Commerce Pro

Băng chuyền sản phẩm WooC Commerce đi kèm với rất nhiều tính năng tuyệt vời. Nó hoàn toàn đáp ứng và đơn giản để sử dụng. Plugin này dễ dàng thêm thanh trượt sản phẩm trên trang đích và trang sản phẩm của bạn

Đặc trưng

• Hơn 30 kiểu được xác định trước
• Cài đặt quản trị dễ dàng
• Trình tạo mã ngắn
• Hiển thị sản phẩm với Carousel, Slider & Filter
• Cài đặt duy nhất cho mỗi thanh trượt
• Đặt số lượng sản phẩm trên mỗi slide
• tùy chọn tự động phát
• Kiểm soát tốc độ trượt
• Tùy chọn Hower có sẵn

2- Thanh trượt sản phẩm WooC Commerce Pro

Đây là một plugin thanh trượt sản phẩm WooC Commerce cao cấp khác, cho phép bạn thêm một thanh trượt băng chuyền sản phẩm hấp dẫn vào các trang của cửa hàng. Bạn có thể sử dụng plugin này để thêm thanh trượt vào bài đăng, trang, thanh bên, tiện ích, v.v.

Đặc trưng

• Hiện/Ẩn xếp hạng sản phẩm
• Hiển thị đoạn trích sản phẩm bằng nút “Đọc thêm”
• Đặt số lượng sản phẩm trên mỗi slide
• Tự động phát với tùy chọn BẬT/TẮT có kiểm soát tốc độ của thanh trượt
• tùy chọn di chuột

Plugin miễn phí

Miễn phí không có nghĩa là kém chất lượng. Dưới đây là một số plugin thanh trượt sản phẩm WooC Commerce miễn phí tốt nhất để bạn xem xét

3- Thanh trượt thư viện sản phẩm WooC Commerce

Đặc trưng

• Tùy chọn tự động phát thanh trượt
• Bố cục thư viện khác nhau
• tùy chọn hình thu nhỏ
• Tùy chọn hộp đèn
• Bố cục đáp ứng đầy đủ

4- Thanh trượt sản phẩm WPB WooC Commerce

Đây là một plugin tuyệt vời khác cho thanh trượt sản phẩm WooC Commerce, với sự hỗ trợ cho nhiều thanh trượt. Các thanh trượt này có thể được đặt độc lập tại các vị trí khác nhau như thanh bên, tiện ích, v.v. Trên thực tế, bằng cách sử dụng mã ngắn do plugin tạo, bạn có thể đặt thanh trượt sản phẩm ở hầu hết mọi nơi trên cửa hàng

Đặc trưng

• Thiết kế đơn giản và đáp ứng
• Tương thích với tất cả các trình duyệt phổ biến
• Tùy chọn thêm thanh trượt cho các danh mục khác nhau
• Hỗ trợ RTL có sẵn
• Dễ sử dụng và nhẹ

Thanh trượt sản phẩm tiện ích WooC Commerce cho phép bạn thêm thanh trượt tiện ích vào thanh bên và khu vực tiện ích của cửa hàng, bao gồm trang chủ, thanh bên và chân trang. Các bài đăng quay vòng và các tùy chọn theo kiểu này cũng rất tuyệt nếu bạn bán hàng trên Facebook Marketplace

Đặc trưng

• Hiệu ứng hình ảnh giao dịch khác nhau
• Tùy chọn phong cách năng động
• Nhiều kích thước hình ảnh
• Hoàn toàn đáp ứng di động
• Thanh trượt sản phẩm hấp dẫn
• Tối ưu hóa cho mọi trình duyệt

6- Băng chuyền thanh trượt sản phẩm YITH WooC Commerce

Đây là một plugin miễn phí khác để tạo và thêm thanh trượt sản phẩm vào cửa hàng WooC Commerce. Plugin này cho phép bạn hiển thị nhiều sản phẩm cùng lúc và để chúng tự động cuộn để xem toàn bộ dòng sản phẩm

Đặc trưng

• Hỗ trợ RTL có sẵn
• Tùy chọn tự động phát có sẵn
• Hiện/ẩn tiêu đề cho thanh trượt
• Hiển thị sản phẩm từ nhiều danh mục
• Sắp xếp sản phẩm theo tên, ngày và giá

7- Thanh trượt sản phẩm WooC Commerce [bởi ShapedPlugin]

Plugin thanh trượt băng chuyền này lý tưởng để đặt thanh trượt dựa trên dòng sản phẩm WooC Commerce. Trong mọi trường hợp, bạn có thể đặt thanh trượt trong các mẫu, bài đăng, trang và tiện ích tùy chỉnh. Bạn có thể thiết lập các thanh trượt trông tuyệt vời để giới thiệu sản phẩm của mình trên tất cả các trang

Đặc trưng

• Hoàn toàn đáp ứng di động
• Trình tạo mã ngắn dễ dàng
• tùy chọn tự động phát
• Dừng khi di chuột
• Dễ dàng tùy chỉnh
• RTL được hỗ trợ
• Bản dịch đã sẵn sàng

8- Thanh trượt Sản phẩm WooC Commerce [bởi PickPlugins]

Cuối cùng, có thanh trượt sản phẩm I WooC Commerce của PickPlugins. Đây là một plugin thanh trượt sản phẩm hữu ích được sử dụng để xây dựng các thanh trượt sản phẩm tuyệt vời có thể được đặt ở bất kỳ đâu trên cửa hàng

Đặc trưng

• Nó hoàn toàn đáp ứng
• Bạn có thể thêm thanh trượt không giới hạn bất cứ nơi nào bạn muốn
• Bạn có thể thêm một số mục thanh trượt tùy chỉnh vào truy vấn
• Bạn có thể tạo đệm tùy chỉnh, thay đổi màu nền, hình nền
• Ẩn sản phẩm [hết hàng]
• Số lượng cột thanh trượt tùy chỉnh cho Máy tính để bàn và Máy tính bảng
• Bạn có thể thêm kích thước phông chữ, thay đổi màu phông chữ và căn chỉnh văn bản
• Bạn có ba tùy chọn Thanh trượt khác nhau
• Tùy chọn đầu tiên là thanh trượt Autoplay
• Tùy chọn thứ hai là thanh trượt Stop on hover
• Tùy chọn thứ ba là thanh trượt Touch Drag & Mouse Drag
• Nó đi kèm với ba chủ đề sẵn sàng
• Bạn có thể thêm biểu tượng đánh dấu đặc trưng tùy chỉnh
• Bạn có thể thêm tùy chỉnh màu sắc, cỡ chữ;
• Bạn có thể thêm tốc độ tùy chỉnh cho điều hướng thanh trượt & Phân trang
• Bạn có thể thêm màu nền và màu văn bản phân trang tùy chỉnh
• Bạn có thể thêm biểu tượng đánh dấu bán hàng tùy chỉnh

Tích hợp Plugin thanh trượt sản phẩm WooC Commerce

Với mục đích của hướng dẫn này, tôi đã chọn PickPlugins Product Slider cho WooC Commerce. Tôi tin rằng plugin này rất dễ sử dụng và có một bộ tính năng mạnh mẽ để đảm bảo rằng các thanh trượt của sản phẩm trông bắt mắt

Bước 1. Cài đặt Plugin thanh trượt sản phẩm WooC Commerce

Để trình diễn, tôi đã thiết lập một cửa hàng WooC Commerce trên nền tảng lưu trữ WooC Commerce được quản lý bởi Cloudways

Từ Quản trị viên WooC Commerce của bạn, điều hướng đến Plugin → Thêm mới. Ở trường trên cùng bên phải, tìm kiếm “Thanh trượt sản phẩm thương mại điện tử. ” Sau khi tìm thấy, hãy nhấp vào nút Cài đặt ngay

Khi đã cài đặt, hãy nhấp vào nút Kích hoạt Plugin

Sau khi kích hoạt plugin, bạn sẽ thấy menu WCPS ở bên trái Bảng điều khiển WooC Commerce. Nhấp vào tùy chọn WCPS mới và sử dụng trường tùy chọn Thanh trượt sản phẩm thương mại điện tử

Trong WCPS mới, bạn sẽ thấy các tùy chọn sau

• Mã ngắn
• Tùy chọn
• Phong cách
• Nội dung
• CSS tùy chỉnh

Bước 2. Mã ngắn thanh trượt WooC Commerce

Chỉ cần sao chép Mã ngắn và dán vào trang hoặc bài đăng mà bạn muốn hiển thị thanh trượt. Mặt khác, bạn cũng có thể sử dụng Mã PHP cho tệp chủ đề của mình để xem thanh trượt

Bước 3. Tùy chọn thanh trượt sản phẩm

Từ phần này, bạn có thể nhanh chóng đặt cài đặt thanh trượt của mình, ví dụ: mục thanh trượt, cột thanh trượt, tốc độ thanh trượt và phân trang thanh trượt

Bước 4. Kiểu thanh trượt sản phẩm WooC Commerce

Từ phần này, bạn có thể đặt phần đệm, màu nền, hình nền và chủ đề cho thanh trượt

Bước 5. Nội dung thanh trượt sản phẩm

Từ phần này, bạn có thể đặt URL hình ảnh thu nhỏ tùy chỉnh, đơn hàng, cổ phiếu và nội dung thanh trượt

Bước 6. Băng chuyền sản phẩm WooC Commerce CSS tùy chỉnh

thận trọng. không sử dụng

Bạn có thể sử dụng tiền tố dưới đây làm hình ảnh trong CSS của mình, đôi khi bạn cần sử dụng “. quan trọng” để ghi đè

Bước 7. Nhúng thanh trượt sản phẩm WooC Commerce

Gân xong rôi. Bây giờ là lúc thêm thanh trượt của bạn vào bài đăng hoặc trang. Đối với điều này, chỉ cần thêm mã ngắn sau vào trình soạn thảo văn bản của bài đăng hoặc trang của bạn

Ví dụ mã ngắn. [wcps id=”19″]

Bây giờ, hãy truy cập cửa hàng của bạn để xem thanh trượt sản phẩm của bạn đang hoạt động

kết thúc

Trong bài viết này, tôi đã mô tả thanh trượt sản phẩm WooC Commerce và trình bày các plugin miễn phí và cao cấp. Bạn đã chọn plugin cho cửa hàng của mình chưa?

Chia sẻ kinh nghiệm của bạn bằng cách để lại câu hỏi hoặc bình luận bên dưới, tôi sẽ trả lời kịp thời

Trong khi đó, bạn cũng có thể đọc Hướng dẫn dành riêng cho Plugin bộ lọc sản phẩm thương mại điện tử

Đánh giá của khách hàng tại

“Hiệu suất tuyệt vời với mức giá và nhiều quyền kiểm soát”

Sean P [Chủ SMB]

Saud Razzak

Saud là Người quản lý cộng đồng WordPress tại Cloudways - Nền tảng lưu trữ WooC Commerce được quản lý. Saud chịu trách nhiệm tạo tiếng vang, truyền bá kiến ​​thức và giáo dục mọi người về WordPress trong Cộng đồng trên toàn cầu. Trong thời gian rảnh rỗi, anh ấy thích chơi cricket và tìm hiểu những điều mới trên Internet. Bạn có thể gửi email cho anh ấy tại [email protected]

Thanh trượt sản phẩm là gì?

Làm cách nào để sử dụng thanh trượt sản phẩm và băng chuyền với danh mục cho WooC Commerce?