WP Facebook Review Showcase - WordPress Plugin to Add FB Page Reviews

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

0
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)
MH Magazine WordPress Theme

WooCommerce is one of the most popular eCommerce platform on the web. It provides the shop owners full control over the store and allows to sell anything online. And for the developer, the plugin is an open source that can be extended seamlessly for enhancing functionality to the core software.

If you search on the internet, you can find hundred of WooCommerce extensions and add-ons for adding different features to the WooCommerce integrated website. Among them all, the product slider extension can be an interesting one. As this slider extension will let you highlight all your important and popular WooCommerce products in a visually appealing slider and carousel form.

Product Slider, being an important feature to run an online store comes inbuilt on different WooCommerce specialized WordPress templates such as StoreVilla Pro, FashStore Pro, AccessPress Store Pro, EightStore Pro, WP Store Pro etc. However, if the template you are using on your website does not have this feature inbuilt then, you need to download and install the WooCommerce plugin and then, add the product slider extension.

In this article we will use Product Slider for WooCommerce to add beautiful WooCommerce product slider on your WordPress website. These sliders will allow you to showcase all the important products in a visually dynamic fashion.

So, let create some beautiful sliders for your WordPress website to showcase the best products:

Brief Introduction: Product Slider for WooCommerce

product slider for woocommerce - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce – Premium WooCommerce Extension to Showcase Products

Product Slider for WordPress is an advanced WooCommerce extension for showcasing your online products in a most appealing way. It supports slider and carousel layouts and features lots of customization options.

Some of the Great Features of Product Slider for WooCommerce

  • 25+ Pre Designed Slider and Carousel Templates
  • Options to Filter your WooCommerce Products
  • Sorting Options to Sort Products
  • Lightbox Effect for Showcasing Product Details
  • 8 Ribbon Templates for Marking the Product
  • 6 Ribbon Positions for Placing the Ribbon
  • Call to Action Buttons
  • Social Share Options to Share the Products

Full Details and Features of Product Slider for WooCommerce

Installation and Activation

Purchase Product Slider for WooCommerce extension from CodeCanyon marketplace at the discounted price of $9. (Since the plugin author AccessPress Themes have provided 70% for the launch offer) Then, install and activate it.

launch offer - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Launch Offer

The installation process is similar to the installation of other WP plugins. So, if you have any difficulty while installing the plugin, then you can go through the article: How to install a new plugin in WordPress website?

In order to install this extension, you need to have WooCommerce plugin. So, if your website does not have WooCommerce plugin pre-installed, download and install it from WordPress.org repository.

Add New Product Slider

After you successfully activate the plugin, you will see “Product Slider for WooCommerce” appear on the admin menu of your WordPress dashboard. Click on it to add new product slider on your website.

Product Slider for WooCommerce consists of 8 settings section to add the product slider. They are:

General Settings

The general settings contain enable/disable options to display product title, product excerpt, category/taxonomy, product link on the slider. Moreover, you can also choose the image size and image type for the product images.

psfw general settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: General Settings

Layout Settings

From the layout settings, you can choose the layouts and templates for your product slider. The plugin comes with the slider and carousel layouts and 25+ templates. Choose the most suitable layout and templates for your website and display the product slider in a stunning way. Moreover, if you choose the carousel layout then, you can enable the option to automatically label the out of stock items.

psfw layout settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Layout Settings

Product Settings

On the product settings, there are enable/disable options for displaying the price, wishlist button, review, and call to action buttons. Enable all the options as per your requirement for the products that you want to showcase in the slider.

psfw product settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Product Settings

Post Settings

The post settings will let you enable/disable the taxonomies/categories, custom field, search keyword, and popular posts. Moreover, you can also set the order, sorting, and post status for each field.

psfw post settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Post Settings

Customization Settings

From the customization settings, you can customize the slide orientations, slider autoplay, number of post for post contents, pager, and pause slider on hover options.

psfw customization settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Customization Settings

Ribbon/Banner Settings

On the ribbon/banner settings, you can configure the position of the ribbons that you want to display on the products. The plugin contains 6 different ribbon position to display the ribbons. Choose the most suitable position of the ribbon. Moreover, you can also choose the ribbon type along with any of the 8 pre-designed ribbon templates.

psfw ribbon settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Ribbon Settings

Social Share Settings

The social share settings will let you enable the social share the product present on your product slider. The plugin supports 6 social networks i.e. Facebook, Twitter, Google+, Linkedin, Email, Pinterest and VK. Enable the social share and choose the social network as per your requirement for sharing your products.

psfw social share - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Social Share

Lightbox Settings

From the lightbox settings, you can display the full content of your products in a beautifully crafted lightbox. The plugin contains 4 lightbox templates. So, choose the most suitable lightbox theme to display the details of your product in a stunning lightbox.

psfw lighbox settings - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Lighbox Settings

After you configure all the options publish your slider by clicking on the publish button available on the right side of your Add New slider page.

publish product slider - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Publish Product Slider

Product Slider Usage

This section consists of shortcodes that will be generated after you publish the product slider. Copy the shortcode and paste it anywhere on your WordPress website where you want your product slider to be displayed. Moreover, you can also display the product slider within the template.

psfw shortcode usage - How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
Product Slider for WooCommerce: Lighbox Settings: Shortcode Usage

Wrapping Up

Showcasing the products in slider or carousel is one of the best way to highlight the products in the WordPress website. It plays a vital role on enhancing the engagement rate and sales of your website. So, if you are owning an online shop and want to showcase the product in an eye-catching slider/carousel then, you can use this extension by purchasing it at a reasonable price and follow this step by step guide.

If you are looking for WordPress Slider Plugins to highlight your website’s contents, vital news, photos, and video recording then, check out the collection of:

Also check out our handpicked collection of: