Blog

WooCommerce product slider

How to create a WooCommerce Product Slider?

On August 30, 20170 Comments

Do you want to boost your sales? WordPress sliders can be used for marketing and highlight the hot products on your site. Using the WooCommerce Product Slider to showcase your hot products is an efficient way to grab user attention and so allows users to quickly see and take action.

When information needs to be presented sequentially one by one, you can consider to show it in a slider. When large quantities of information are presented all at once, it can overwhelm visitors. There are fewer chances of users to get distracted if the information is presented into more manageable pieces.

In this article, I will take you to the quick steps on how to create a WooCommerce product slider. Let’s get started.

Creating a WooCommerce Product Slider:-

Step ONE: – Installation

You will first have to install and activate the SlideDeck Plugin.

Before you create a WooCommerce product slider, you will need to have WooCommerce Plugin installed and set up.

Step TWO: – Create Slider

Now it’s time to create your first WooCommerce Product Slider.

Visit SlideDeck » Manage and select Create SlideDeck under Dynamic Slider

Step THREE: – Integrating Woocommerce

Select WooCommerce as a Dynamic Source.

Content source - WooCommerce

Step FOUR: – Configure WooCommerce Source

Here you can configure settings such as displaying products order, price, products on sale, product rating, etc.

WooCommerce settings

Step FIVE: – Save Slider

Select Save SlideDeck Button to save all the settings.

Save SlideDeck

Step SIX: – Add the slider to a post or page

You’re almost done.  It’s time to publish your slider to a post or page. Select any of the three available ways to publish the slider on your site.

Publish methods - SlideDeck

By the end of this tutorial, you will have a slider with WooCommerce products that looks like this:-

WooCommerce product slider

So what are you waiting for? Create a beautiful product sliders on your WordPress site with SlideDeck and WooCommerce Plugin.

We hope this tutorial helped you learn how to create a WooCommerce product slider. If you have any feedback or suggestions, please let me know in the comments.

Also, check out this blog if you plan to create a 500px image slider for WordPress.

Note : This article has been modified keeping in mind the updated version of the SlideDeck.

Leave a Reply