Stylish Cost Calculator: Adding the shortcode to your page : Designful

Important: Adding the shortcode (calculator) to your page. Print

Created by: Mike B

Modified on: Fri, 21 Oct, 2022 at 5:03 PM

Please find your page builder below and do it properly.
If your page builder is not listed below, read your page builder's documentation on how to install a shortcode.

Pop-Ups & Overlays
You cannot embed the shortcode on a pop-up or overlay. It will not load the plugin's CSS code properly and it will break. Please load the shortcode on its own landing page.

Steps

1. Copy your embedded shortcode

2. In Elementor, add the shortcode or code module
3. Paste the code

Note: Editing Screen
Note: Your calculator form won't work on the editing screen. Save the page then access the frontend to see it work live.

----------------------------------------------------------------------------------------------------------------------------------------

Elementor

- For Element, do not use the 'text widget'. Please use 'shortcode'.

------------------------------

Gutenberg