To add a WooCommerce product slider in the block editor, insert SlideVerse Pro's Product Slider block, choose which products it shows — latest, featured, on sale, best-selling, top-rated, a category or hand-picked — and turn on price, rating, sale badge and add-to-cart. Shoppers swipe through products and add to cart without leaving the page.
Why a product slider
A grid asks shoppers to scan; a slider lets them swipe through a short, focused set — especially on phones. It's ideal for:
- New arrivals or featured products on the homepage.
- On sale items during a promotion.
- Best sellers on a category landing page.
- "You might also like" on the cart page.
Build it with SlideVerse Pro
- Install the free SlideVerse plugin and the SlideVerse Pro add-on, with WooCommerce active.
- Edit the page, open the inserter and search for product. Insert Product Slider & WooCommerce Carousel.
- Choose the source:
- Recent — your newest products.
- Featured — products you've starred in WooCommerce.
- On sale, Best selling or Top rated.
- Category — one or more product categories.
- Manual — hand-pick products in the order you want.
- Set how many products to show and the order (date, title, price, popularity, rating, random or menu order). Optionally hide out-of-stock products.
- Choose a layout — card, minimal or overlay — and the image ratio.
- Turn on what each slide shows: title, category, price, rating, sale badge and add-to-cart.
- Set slides per view (for example 4 on desktop, 2 on tablet, 1–2 on mobile), arrows, dots, loop and autoplay, then publish.
The add-to-cart button works with AJAX, so shoppers stay on the page.
Good setups
| Page | Source | Settings |
|---|---|---|
| Homepage | Featured or Recent | 4 per view, card layout, price + add to cart |
| Sale landing page | On sale | Sale badge on, order by price |
| Category page | Best selling in that category | 3–4 per view, rating on |
| Cart page | Manual (accessories) | Minimal layout, add to cart on |
| Gift guide | Manual | Overlay layout, no autoplay |
Other options compared
From each plugin's WordPress.org readme as of October 27, 2026. Disclosure: WPXERO makes SlideVerse and MarqueeX.
| Builder | Price, add to cart | Free? | |
|---|---|---|---|
| SlideVerse Pro Product Slider | Block editor | Yes, AJAX add to cart | Pro, from $19.99/yr |
| GutSlider Pro WooCommerce Product Carousel | Block editor | See vendor | Pro |
| MetaSlider Slideshow Pro post feed slides | Any builder | Post feed of products | Pro |
| Smart Slider 3 Pro | Any builder | WooCommerce source in Pro | Pro |
| Marquee Addons Pro Products Marquee | Elementor | Price and add-to-cart in a continuous marquee | Pro |
| MarqueeX Post Marquee | Block editor and Elementor | Cards link to product; no price or cart | Free |
If you want a free moving strip and are happy to send shoppers to the product page, MarqueeX's Post Marquee does it — see how to add a WooCommerce product marquee. For a swipeable slider that sells directly, SlideVerse Pro's Product Slider is the block-editor option.
Make it sell
- Fewer, better products. 6–12 products in a slider; more becomes a grid you can't see.
- Consistent images. Same ratio and background for every product photo, or the slider looks uneven.
- Show the price. Hiding it makes shoppers click through just to find it.
- Careful with autoplay. Products moving while a shopper reads the price is frustrating. Leave autoplay off, or use a long delay; SlideVerse pauses on hover and focus and keeps autoplay off for visitors who prefer reduced motion.
- Thumb-friendly on phones. 1–2 products per view with visible arrows or dots.
Beyond products
The same Pro add-on includes a Dynamic Content Slider for any post type — portfolios, events, listings — that can map titles, images and captions to ACF or custom fields, plus 3D transitions, a lightbox and templates. See SlideVerse pricing.
For a stronger mobile shopping experience overall, see how to add a mobile bottom bar to a WooCommerce store.