If you want to improve the accessibility of your WooCommerce store, The Floating Side Tab Pro plugin allows you to display WooCommerce products on a side-tabbed menu, making it very easy for visitors of your website to access the amazing deals and never to open up another URL. This guide will help you to configure and show WooCommerce products in Floating Side Tab Pro.
In this guide, we’ll walk you through the steps to display WooCommerce products in the Floating Side Tab Pro. Whether you want to highlight specific categories, set up custom layouts, or adjust how many products are shown, the plugin offers customizable options to fit your store’s needs. This might be your guide in enhancing the functionality of your site for better accessibility and a more user-friendly way to shop. Set up and display your WooCommerce products with the help of the Floating Side Tab Pro plugin by following the steps below.
Table of Contents
Step 1: Install and Configure WooCommerce
First, you will need to install the WooCommerce plugin and add products to your store before using the Display WooCommerce Products in the Floating Side Tab feature. You also need to set all needed WooCommerce Products data to have a list of your products pop up as part of the Floating Side Tab.
- Now create a product according to the available field and option.
- Insert the available field and create a ecommerce product and publish it.
By following these steps, you can create an e-commerce product from WooCommerce plugin.
Step 2: Open Floating Side Tab Pro Settings
Log into your WordPress dashboard and navigate to the plugin settings for Floating Side Tab Pro. Once you’re in the settings panel, look for the Tab icon type section where you’ll configure how the side tab behaves.
Step 3: Set Up the WooCommerce Product Tab
- From the Tab option Choose WooCommerce Products – and this will provide you some customization like product showing. That means you can manually set these options like so:
- Product Category:- Select the Product category for a particular type of product to be Displayed in that side Tab. For example, Women and Men : if you want to show men’s clothes write the category name like for e.g men.
- Total Number products to display: This is the fill amount you want to display on per length in side tab. With the 5 it will be displayed only until number which is optimal for a product management.
- Thumbnail size — Here you can select the dimensions of your product thumbnails Small, Medium or Large (How large you wish your images to be displayed in the side tab)
- Selection of product layout – select a template to use Each layout will present the products differently.
Step 4: Save Your Changes
After you’ve set all your options, make sure to save your changes. Scroll down and click the Save button to apply the settings.
Step 5: Preview and Test
Once your settings are saved, preview the changes by visiting your site’s front end. Check the Floating Side Tab to ensure your WooCommerce products are displayed as expected. Make sure the product images, descriptions, and action buttons (like “Buy Now” or “Add to Cart”) are all functioning correctly.
Conclusion
By setting up WooCommerce products in the Floating Side Tab Pro, you provide customers with a seamless shopping experience. Products are now easily accessible without interrupting their browsing session, improving engagement and potentially increasing sales. It’s a simple yet effective way to make your WooCommerce store more dynamic and user-friendly.
Now that you know how to display WooCommerce products in the Floating Side Tab Pro, you can start showcasing your best products and keep them in front of your visitors at all times.