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

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

Showcasing the WooCommerce products of your online store in a beautiful product slider can play the best way to increase its visibility. By doing so, your products will get more engagements and clickthroughs which will result in high chances of them getting sold.

The product slider feature comes inbuilt in most of the WooCommerce specialized WordPress templates. However, if the WordPress theme you are using on your online shop does not have the product slider option then, you can add it by using the WooCommerce Product Slider Extensions.

If you search on the web, you can find many WooCommerce extensions for adding beautiful product sliders. So, you will have to be careful in finding the right WooCommerce Product Slider extension. While choosing the extension, you need to consider the available features such as layouts, responsiveness and customization options that will let you create a perfect slider for your WooCommerce WordPress website.

Here, we will be using Product Slider for WooCommerce – a premium WordPress add-on by AccessPress Themes to add beautiful WooCommerce Product Slider on WordPress website.

Product Slider for WooCommerce: Brief Introduction

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

Product Slider for WooCommerce is one of the best trending WooCommerce extensions that lets you show the products of your online shop in elegant sliders and carousels. It contains beautiful designs and powerful features to create a stunning slider in a few minutes.

Some of the Major Features of Product Slider for WooCommerce

  • 25+ Readymade Slider and Carousel Templates
  • Option to Filter Products from All Possible Taxonomies, Categories, Custom Field
  • Product Sorting Option
  • 8 Pre-Designed Ribbon Templates for Highlighting your Products
  • 6 Positions to Display your Ribbons
  • Option to Automatically Assign the Ribbon to Out of Stock Items
  • Call to Action Buttons
  • Social Share Options to Share your Products

Full Features and Details of Product Slider for WooCommerce

Installation and Activation

Purchase Product Slider for WooCommerce extension from the CodeCanyon marketplace at a discounted price of $9. (Since AccessPress Themes is providing 70% off for its launch offer. For more details about the offer, check out 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 activate it. The installation process of Product Slider for WooCommerce is same as 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 a WooCommerce extension. You need to have WooCommerce plugin pre-installed in order to run this extension. So, if your website does not have WooCommerce plugin pre-installed, then install it by downloading it from WordPress.org repository.

Add New WooCommerce Product Slider

After you successfully activate the extension, you will “Product Slider for WooCommerce” appearing on the admin menu of your WordPress backend. Click on it for start adding a new product slider on your online shop.

Product Slider for WooCommerce extension consists of 8 different setting section for creating and adding a new product slider. They are:

General Settings

In the general settings section, you can enable/disable the product title, product excerpt, category/taxonomy, and product link on your product slider. Moreover, this section will also let you define the image size and image type of your products.

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

Layout Settings

The layout settings section will let you choose the layouts and templates for your product slider. You can select the layout from 25+ readymade templates that include 14 templates for slider layout and 17 templates for carousel layout. So, choose the most suitable template to showcase your products elegantly on your WordPress website. Moreover, for the carousel layouts, you can automatically assign the ribbon for the out of stock products.

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

Product Settings

From the product settings section, you can enable/disable the price, wishlist button, reviews and call to action button on your product. Enable the options as per your preference to display product elegantly on your product slider.

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

Post Settings

The post settings section contains the enable/disable option for taxonomies/categories, custom fields, search keywords, and popular posts. Moreover, you can also set the orders to sort your products.

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

Customization Settings

From the customization settings, you can customize the slide orientation, autoplay timer, pager and many more of your product slider.

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

Ribbon/Banner Settings

The ribbon/banner settings section will let you select the templates and positions where you want the ribbons to be displayed. You can choose any of the 8 pre-designed ribbon templates and display them at 6 different positions.

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

Social Share Settings

From the social share setting section, you can enable the social media sharing of your product. The extension is supported by 6 social media networks that include Facebook, Twitter, Google+, Linkedin, Email, Pinterest and VK. So, enable the social share and choose your favorite social media channel to share your products.

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

Lightbox Settings

The lightbox settings will let you display the product details with an attractive lightbox effect. Choose any of the 4 beautifully designed templates and display the details of your products in a stunning way.

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

After you configure and customize all the options available on the setting section, click on the publish button to save your product slider.

Product Slider for WooCommerce: Publish Product Slider
Product Slider for WooCommerce: Publish Product Slider

Product Slider Usage

After you save the product slider a unique shortcode will be generated at the product slider usage section. Copy the shortcode and paste it on any page, post or custom post types where you want your product slider to be displayed.

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

Wrapping Up

In this way, you can add a beautiful WooCommerce product slider in your WordPress website in few minutes. Adding the product slider on your website play  a vital role in boosting the sales of your product. So, if you own an online store and want to add a product slider then, you can purchase the above mentioned plugin and follow this tutorial.

If you are looking for a WordPress Slider Plugin to highlight your site’s content, news, images or videos then, check out the collection of: 

Also, if you are looking for a WordPress template to start up your online store then, check out our list of:

8degree themes black friday cyber monday deals