BLACK FRIDAY.. HURRY UP!! GET 20% DISCOUNT ON ALL OUR PREMIUM WORDPRESS THEME. Coupon code: blackfriday

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

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

Adding a product slider on your WooCommerce WordPress website can be beneficial in many ways. You might want to use the product slider to showcase the WooCommerce products of your online store in a visually appealing and dynamic way and make them more visible to your site’s audience. By doing so, your product will have higher chances of getting engaged. And higher the engagement of your product will result 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

Best WooCommerce Product Slider Extensions for WordPress: Product Slider for WooCommerce
Best WooCommerce Product Slider Extensions for WordPress: Product Slider for WooCommerce

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.

Some of the 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 of Product Slider for WooCommerce

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 can any difficulties while installing the extension then, you can refer to its documentation or go through the article: How to install a new plugin in 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 WooCommerce WordPress plugins installed, then download and install it from WordPress.org 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 new WooCommerce product slider for your online store.

Product Slider for WooCommerce contains 8 different setting sections to add the product sliders. They are:

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.

Product Slider for WooCommerce: General Settings
Product Slider for WooCommerce: General Settings

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.

Product Slider for WooCommerce: Layout Settings
Product Slider for WooCommerce: Layout Settings

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.

Product Slider for WooCommerce: Product Settings
Product Slider for WooCommerce: Product Settings

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.

Product Slider for WooCommerce: Post Settings
Product Slider for WooCommerce: Post Settings

Customization Settings

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

Product Slider for WooCommerce: Customization Settings
Product Slider for WooCommerce: Customization Settings

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 6 different position options and 8 different ribbon templates. So, choose the best position and template for your ribbon.

Product Slider for WooCommerce: Ribbon Settings
Product Slider for WooCommerce: Ribbon Settings

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.

Product Slider for WooCommerce: Social Share
Product Slider for WooCommerce: Social Share

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 for WooCommerce: Publish Product Slider
Product Slider for WooCommerce: Publish Product 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.

Product Slider for WooCommerce: Shortcode Usage
Product Slider for WooCommerce: Shortcode Usage

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

Product Slider for WooCommerce: Shortcode
Product Slider for WooCommerce: Shortcode

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, if you are looking for WordPress templates to start up your online store then, you can check out the collection of:

Get latest updates, deals and more from us!
Deals, Updates
and more...


Search