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.
- 1) Product Slider for WooCommerce – Brief Introduction
- 2) Some of the Best Features of Product Slider for WooCommerce
- 3) Installation and Activation
- 4) Add New WooCommerce Product Slider
- 5) Product Slider Usage
- Wrapping Up
1) Product Slider for WooCommerce – Brief Introduction
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.
2) 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
3) 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.)
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.
4) 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:
i) 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.
ii) 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.
iii) 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.
iv) 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.
v) Customization Settings
The customization settings will let you customize the slide orientations, autoplay timer, pager and many more for your product slider.
vi) 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.
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.
viii) 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.
After all the configuration and customization is completed, click on the publish button for publishing your slider.
5) 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.
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.
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:
- Top 10 Best Free WordPress Slider Plugins
- The Best WordPress Slider Plugin 2019
- 5 Best Free WordPress Slider Plugins Compared
- VMagazine Lite – Free Multi Layout News and Magazine WordPress Theme
- 25+ Best FREE WooCommerce WordPress Themes 2019
- 15+ Best WordPress eCommerce/WooCommerce Themes 2019