ThemeIsle - Free and Premium WordPress Themes

How to Add Product Slider on WooCommerce Website? (Step By Step Guide)

0
How to Add Product Slider on WooCommerce Website? (Step By Step Guide)
How to Add Product Slider on WooCommerce Website? (Step By Step Guide)
aThemes

Showcasing the products of your WooCommerce website can become beneficial in many ways. From the surface, if you look, these product sliders will make your website visually appealing to your users. But if you look at the depth, these sliders can play a major role in improving the engagement rate and interaction of your products which can significantly boost its sales rate.

Product slider, being one of the best feature to have in an eCommerce website comes inbuilt in most of the WooCommerce WordPress templates. However, you are using a WordPress template that does not have inbuilt options to showcase your products in a responsive slider then, you can add it by using the WooCommerce product slider extension available. These type of extensions will contain different types of features and functionalities to create and add responsive slider to showcase your eCommerce products.

Here, in this article, we will be using Product Slider for WooCommerce Lite – a free WooCommerce extension to show you how to add a beautiful product slider on your WordPress WooCommerce website.

So let’s get started and add some beautiful product sliders:

Step 1:

Product Slider for WooCommerce Lite - Free WooCommerce Extension to Showcase Products

Download Product Slider for WooCommerce Lite plugin from WordPress.org repository. Then, install it on your WordPress website. If you have any difficulties on the installation of the plugin then, check out: How to install a new plugin in WordPress website?

Step 2:

After you have installed the plugin, activate it. Then, you will see “Product Slider for WooCommerce Lite” on the admin dashboard on your WordPress website. Click on it.

All Product Slider for WooCommerce Lite

You will be directed on “All Product Slider for WooCommerce Lite” Page. It contains all the product sliders you have created on your WordPress website along with their shortcodes. To add the existing product slider, copy the shortcode and paste it anywhere on your WordPress website. To add a new product slider, click on “Add New” Button.

Step 3:

When you click on “Add New” button , you will land on the settings page of the plugin. It contains all the configuration and customization options required to create the product slider. They are:

General Settings:

Here, you can enable/disable the display of product title, product excerpt, post category/taxonomy, product link on title, and product link on image. Also, you can set the image size and image type of your product slider.

Product Slider for WooCommerce Lite General Settings

Layout Settings:

Here, you can choose the layout for your product slider. You can either select the slider layout or carousel layout as per your preference with both of the layouts containing 4 pre design templates.

Product Slider for WooCommerce Lite: Layout Settings

Product Settings:

Here, you can enable/disable the display price and call to action buttons.

Product Slider for WooCommerce Lite: Product Settings

Post Settings:

Here, you can enable/disable the filtering of your post from different taxonomies/categories.

Product Slider for WooCommerce Lite: Post Settings

Customization Settings:

Here, you can customize the auto play options and its time out of your product slider. Also, you can set the number of products that you want to display on your product slider.

Product Slider for WooCommerce Lite: Customization Settings

Ribbon Settings:

Here, you can enable the ribbons for the products available on your product slider with custom ribbon text and any of the 2 pre designed ribbon templates.

Product Slider for WooCommerce Lite: Ribbon/Banner Settings

Step 4:

After you are done, click on “Publish” button to make your product slider live.

Product Slider for WooCommerce Lite: Publish

Step 5:

Then, go to “Product Slider Usage” usage to copy the generated shortcode and paste it on any page, post, custom post types of your WordPress website to display your newly created product slider.

Product Slider Usage

For additional features, you can upgrade this plugin into its premium version: Product Slider for WooCommerce.


Wrapping Up

This way, you can add product slider on your WooCommerce WordPress website. A product slider can be a best way to improve the visibility of your products and can significantly increase the click through conversions. So, if you want to add product slider on your WordPress online store then, you can download the above mentioned plugin for free and follow the step by step tutorial.

You can also checkout the collection of:


LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.