Elementor is one of the most popular page builder for WordPress sites. Building a WordPress website using Elementor is easy and you can save a ton of time using this popular plugin. Elementor provides widgets for creating different elements on your pages. You just need to pick up a widget, configure it and it will display the rendered elements on the frontend.
Though Elementor comes with predefined widgets, sometimes you can’t get widgets of your choice. You might want to build a specific functionality and that one is not covered in any widgets of Elementor. In such scenarios, you need a custom widget that fulfills your requirement. Fortunately, Elementor is easy to extend and you can achieve any type of functionality by creating an Elementor addon. Elementor addons are the same as regular WordPress plugins. They extend the basic functionality.
In this article, I show you how to build a custom Elementor widget which is nothing but an Elementor addon.
To see it practically, I am taking an example of Bootstrap Carousel. We will create a WordPress plugin that will provide the custom Elementor widget. This widget will give you the ability to add a Bootstrap carousel to your pages.
The purpose of this tutorial is to get you familiarized with Elementor widget development. I’ll cover the aspect required for the Bootstrap Carousel. Using the same approach, you can build your own Elementor widgets.