Insert calculators into the page

You can use shortcodes to show created calculators in some pages or posts.

First, copy the shortcode of the desired calculator:

Then go to the Pages > Add New to create a 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 (Gutenburg, Elementor, WPBakery) or you can use special elements instead of shortcode.

We will consider possible options below:

Adding Shortcode

First, let's see how to add a shortcode using any WordPress page builder:

Adding calculator with Elementor

In 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.

NOTE: 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

In WPBakery 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.

‚Äč