Insert calculators into the page

You can use shortcodes to show created calculators in some pages or posts. First copy the shortcode of the calculator that you need.

Then go to the Pages > Add New board to create a new page. Into the new page.

You can paste the shortcode that you copied to the front page. To add that shortcode, you can use any page builder plugin like a default WordPress page builder Gutenburg, Elementor, WPBakery, or you can use special elements instead of shortcode. We will see how to do in each page builders one by one below.

Adding Shortcode

First, let's see adding a shortcode using a simple WordPress page builder-Gutenburg.

Adding calculator with Elementor

Now let's check with an Elementor page builder. On this page builder, there is a special element called Cost Calculator Builder, find that element and drag it.

Then select your calculator that you want to add to the page and click the Update button.

In Elementor, you should initially save the calculator and then open it in the page in order to preview the calculator

The result is following

Adding calculator with WPBakery

Now let's check with a WPBakery page builder. On this page builder, there is also a special element called Cost Calculator Builder, find that element, and choose your calculator.

After selecting the necessary calculator, press the Save changes button.

As a result, you can see the calculator when you preview the page.

‚Äč