WPBakery Page Builder Add-on – Material Slider

Introduction to WPBakery Page Builder Add-on – Material Slider

The WPBakery Page Builder Add-on – Material Slider is a powerful tool that allows you to create stunning, responsive, and customizable sliders for your WordPress website. With this add-on, you can easily create sliders that showcase your content, products, or services in a visually appealing way. In this tutorial, we will guide you through the process of using the Material Slider add-on to create a beautiful and functional slider for your website.

Step 1: Installing the Material Slider Add-on

Before you can start using the Material Slider add-on, you need to install it on your WordPress website.

1. Log in to your WordPress dashboard and navigate to the Plugins page.
2. Click on the "Add New" button and search for "WPBakery Page Builder Add-on – Material Slider".
3. Click on the "Install Now" button to install the add-on.
4. Once the installation is complete, click on the "Activate" button to activate the add-on.

Step 2: Creating a New Slider

Now that the Material Slider add-on is installed, let’s create a new slider.

1. Log in to your WordPress dashboard and navigate to the WPBakery Page Builder page.
2. Click on the "Add New" button to create a new page or post.
3. In the page builder, click on the "Add Element" button and select "Material Slider" from the list of available elements.
4. Click on the "Insert" button to insert the slider element into your page.

Step 3: Configuring the Slider Settings

Now that you have created a new slider, let’s configure the slider settings.

1. Click on the "Settings" icon (represented by a gear) on the slider element to open the slider settings.
2. In the slider settings, you can configure the following settings:
   • Slider type: You can choose from a variety of slider types, including horizontal, vertical, and fade.
   • Slider layout: You can choose from a variety of slider layouts, including full-width, boxed, and responsive.
   • Slider navigation: You can choose from a variety of navigation options, including arrows, dots, and none.
   • Slider animation: You can choose from a variety of animation options, including fade, slide, and zoom.
   • Slider speed: You can adjust the speed of the slider animation.
3. Click on the "Save" button to save your slider settings.

Step 4: Adding Slider Items

Now that you have configured the slider settings, let’s add some slider items.

1. Click on the "Add Item" button to add a new slider item.
2. In the slider item settings, you can configure the following settings:
   • Item content: You can add text, images, videos, or other content to your slider item.
   • Item link: You can add a link to your slider item.
   • Item target: You can choose whether the link should open in a new tab or the same tab.
3. Click on the "Save" button to save your slider item settings.

Step 5: Customizing the Slider

Now that you have added some slider items, let’s customize the slider.

1. Click on the "Customize" button to open the slider customization options.
2. In the slider customization options, you can customize the following settings:
   • Slider width and height: You can adjust the width and height of the slider.
   • Slider background color: You can change the background color of the slider.
   • Slider text color: You can change the text color of the slider.
   • Slider font size: You can adjust the font size of the slider text.
3. Click on the "Save" button to save your slider customization settings.

Conclusion

That’s it! With these steps, you should now have a beautiful and functional slider on your WordPress website using the WPBakery Page Builder Add-on – Material Slider. Remember to customize the slider settings and items to fit your specific needs and design requirements.

0/5 Stars – A Useful but Basic Material Slider Add-on for WPBakery Page Builder

I recently purchased the Material Slider add-on for WPBakery Page Builder, which is available as part of the All In One Add-ons package. The add-on allows you to add a Google Material-style slider to your website, with optional auto-delay slideshow functionality.

Pros:

• The slider looks great and matches the material design aesthetic.
• The optional auto-delay slideshow feature is a nice touch.
• The add-on is relatively easy to use, with a user-friendly interface.
• The plugin is compatible with the latest versions of jQuery and WordPress.

Cons:

• The add-on lacks advanced features, such as parallax effects or customizable animation settings.
• The caption title and label feature could be improved, as they can only be customized in terms of font-size and color.
• The plugin’s design could be more modern and sleek.

Features:

• Optional auto delay slideshow
• Built-in dot style, with optional auto hide the dot navigation
• Optional caption title and label, with custom font-size and color support
• Smooth transition by CSS
• Optional link for each slide
• Compatible with latest jQuery and WordPress
• Enqueue the js and css only when needed, to keep WordPress page size smaller

Conclusion:

Overall, the Material Slider add-on is a useful plugin for those looking to add a basic material design-inspired slider to their WPBakery Page Builder-powered website. However, its limitations and lack of advanced features make it hard to recommend for more sophisticated web development projects. If you’re looking for more advanced slider functionality, you may want to consider other options.

WPBakery Page Builder Add-on – Material Slider

• Optional auto delay slideshow
• Built-in dot style, optional auto hide the dot navigation
• Optional caption title and label
• Support custom font-size and color for caption
• Smooth transition by CSS
• Optional link for each slide
• Compatible with latest jQuery and latest WordPress
• Enqueue js and css only when needed for small WordPress page size
• FAQ and source code included