How to add widgets in a single page on a Wordpress site?

A few days back while working on a Wordpress site, I had to integrate a widget on a single page.

I know only a couple of tits and bots of the current Wordpress platform since there are so many plugins ow for each job and every developer has her own favourites one. So, if you are working on a repair&maintenance job of an existing website, the first and biggest hurdle is to orient yourself with the way the site has been built, and the plugins which has been used.

I did some queries on search engines and found out that one way to incorporate a widget on a single page, is through use of shortcodes.

Well that's good, but then how to generate a shortcode for the widget which I had to install?

One more query and after watching a couple of videos and reading articles, I found Shortcode Any Widget plugin, which when installed generates shortcodes for any widget.

At that point of time I did not research a lot on other such similar plugins available, and the whole idea was to test the utility of this one and then proceed.

This widget was  easy to use and did not require much to do, once installed and I had my shortcode for the widget.

Now, the problem was how to use this widget in the page itself. The page was built with WPBakery Page Builder. I tried adding element via the page builder's editor, but then I could not see my widget. I thought that once, I have added the widget and generated a shortcode, the element to be used in the page would be automatically added. But it was not there.

I had to get my element of WP Bakery, via the shortcode generated of the widget I wanted to use on the page. So, it definitely had to be resolved via some kind of settings on the WP Bakery console. After all, Wordpress would be having so many other widgets and elements to be used.

I looked at the WPBakery console in the dashboard and there it was the link to the Shortcode Mapper and then after a couple of tries, I was able to generate an element via the shortcode mapper.