How to Add WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)


Do you want to add a WooCommerce Product Slider to your WordPress website?

Adding a product slider to your WooCommerce WordPress website can be beneficial in many ways. You can showcase the products of your online store in a visually appealing and dynamic way. It makes the product look more visible which results in more chances of it being sold. Therefore, a beautifully designed and displayed product slider can play a vital role in boosting the sales of your WooCommerce products.

Product slider, being an essential tool for showcasing your WooCommerce product comes featured in WooCommerce specialized WordPress Templates. However, if the WordPress template you are using on your eCommerce website does not have the feature to display the product sliders then, you can add it by using the WooCommerce Product Slider Extensions found on the internet.

Here, in this article, we will be using one of the most popular Woo extensionsProduct Slider for WooCommerce for adding the product slider.

Product Slider for WooCommerce – Brief Introduction


Product Slider for WooCommerce is a premium WordPress add-on for WooCommerce that lets you showcase all the products of your WordPress website in elegant sliders and carousels. It comes with cool templates and advanced features for creating and displaying eye-catching slides in a few minutes.

Best Features of Product Slider for WooCommerce

  • 25+ Pre-designed Slider and Carousel Templates
  • Option to Filter your Products According to All Possible Taxonomies, Categories, etc
  • Product Sorting Option
  • 8 Readymade Ribbon Templates for Highlighting Products
  • 6 Positions for Displaying Products
  • Option for Automatically Assigning the Ribbons to Out of Stock Products
  • Call to Action Buttons Available
  • Social Share Options to Share the Products in Social Media Networks

Check out the Full Details and Features Here

Installation and Activation

Get Product Slider for WooCommerce from the CodeCanyon marketplace. (The actual cost of the extension is $29. But due to its launch offer that provides 70% off, you can purchase it at $9. To know more about this offer, check the article: Offering 70% free discount offer in Product Slider – Woo Extension to Showcase Products.)

Product Slider for WooCommerce: Launch Offer
Product Slider for WooCommerce: Launch Offer

After you purchase the extension, install it and then activate it. The installation process of Product Slider for WooCommerce is similar to the installation of other WP extensions/plugins. So, if you have any difficulties while installing the extension then, you can refer to its documentation or go through the article: How to install a new plugin on the WordPress website?

Since Product Slider for WooCommerce is an add-on for WooCommerce. In order to run this extension, you need to have WooCommerce WordPress plugin installed on your WordPress website. So, if your website does not have this plugin installed, then download and install it from repository

Add New WooCommerce Product Slider

After you activate the extension, you will see “Product Slider for WooCommerce” on the admin menu of your WordPress dashboard. Click on it for adding a new WooCommerce product slider for your online store.

This has 8 different setting sections to add the product sliders. They are:

i) General Settings

This section will let you enable/disable the product title, product excerpt, category/taxonomy, product link on your slider. Also, from this section, you can select the image size and image type of your products.


ii) Layout Settings

From the layout settings, you can select the layouts and templates for your product slider. The extension supports slider and carousel layouts and contains 25+ beautifully designed templates. Choose the best matching layout and template for your WordPress website. Moreover, if you choose the carousel layout then, you can enable the option for automatically assigning the ribbon for the out of stock items.


iii) Product Settings

The product settings section will let you enable/disable the price, wishlist button, reviews and call to action button on your product sliders. Enable the option as per your preference.


iv) Post Settings

From the post setting section, you can enable/disable the taxonomies/categories, custom fields, search keywords, and popular posts. Moreover, you can also set the order, sort the products and assign the post status for each of the fields.


v) Customization Settings

The customization settings will let you customize the slide orientations, autoplay timer, pager and many more for your product slider.


vi) Ribbon/Banner Settings

From the ribbon/banner settings section, you can assign the position of the ribbon that you want to display on your products. The extension provides you with 6 different position options and 8 different ribbon templates. So, choose the best position and template for your ribbon.


vii) Social Share Settings

From the social share settings, you can enable the social media sharing of products. The extension supports 6 different social media networks. Enable the social media channel as per your preference to share your products.


viii) Lightbox Settings

The lightbox setting section will allow you to display the details of your products in a beautiful lightbox. You can choose any of the 4 available lightbox templates to display your product details in a stunning way.

Product Slider for WooCommerce: Lighbox Settings
Product Slider for WooCommerce: Lightbox Settings

After all the configuration and customization is completed, click on the publish button for publishing your slider.


Product Slider Usage

After the new product slider is published, a unique shortcode will be generated on the product slider usage section. Copy the generated shortcode and paste it on any page, post, widget or custom post types to display your product slider.


Alternatively, you can also add the product slider from the all slider option by copying the shortcode and pasting it anywhere on your WordPress website.


Wrapping Up

In this way, you can create and add a beautiful product slider in a few minutes. Adding a product slider on your WordPress website makes your WooCommerce product more visible to your audience which may result in the significant boost in the engagement rate and number of sales of the product. So, if you own an online store and want to showcase your WooCommerce products in a beautiful slider or carousel then, you can purchase this extension and follow this step by step tutorial.

If you are looking for a WordPress slider plugin to display your site’s content, news, photos, and videos then, check out the collection of:

Also, check out:

Leave a Reply