Articles on: Troubleshooting

Frontend Problems: Issues with the calculator loading on the website

Does your calculator work in the backend (dashboard preview? )



If the calculator form looks good inside the calculator editing screen but has issues on your website's front end, these problem is almost always a conflict from your theme or other plugins. Or, you did not embed the shortcode properly.

By comparing the form's backend and front-end appearances and functionality, you can identify theme-related issues and take appropriate steps to resolve them.

The backend preview exclusively loads the CSS and JavaScript resources associated with our plugin. If the calculator form functions properly in the backend, this suggests that there are no bugs in our plugin.


a. No - the calculator form has errors in the backend preview



Sorry that you're experiencing some difficulties. Can you please send us a video showing the problem?

You can record your screen here - screenapp.io
You can upload and send the file here streamable.com (alternatively, file.io)
Send the file through our support ticket form.


b. Yes, it looks good in backend, but it doesn't look good on the front end



If your calculator works in the backend preview but not the front end, then the problem is with your theme, plugins, server-level cache, or plugin-level cache, or you didn't embed the shortcode properly.

Please proceed to troubleshoot.


Troubleshooting



Step 1


Turn off plugin-level cache plugins. (WP Rocket, Autoptmize, WP Fastest Cache, etc.)
Does this fix it?

If yes, then create an exception for your cache plugin.
If no, proceed to step 2.

Step 2


Turn off or flush the server-level cache.
Does this fix it?

If yes, then talk to your hosting company about how to flush this or turn it off.
If no, proceed to step 3.

Step 3


Turn off your other plugins in groups of three at a time.
Does this fix it?

If yes, then report to us which plugin has the conflict.
If no, proceed to step 4.

Step 4


Temporarily switch your theme to Twenty-Twenty.
Does this fix it?

If yes, then talk to your hosting company about how to flush this or turn it off.
If no, proceed to step 5.

Step 5


Sorry that you're still experiencing some difficulties. Can you please send us a video showing the problem?

You can record your screen here - screenapp.io
You can upload and send the file here streamable.com (alternatively, file.io)
Send the file through our support ticket form.


Notes



Don't embed the shortcode in any pop-up modal plugins.
Embed the shortcode using the proper widget of your page builder.


Additional Information



All Elements & Features



Learn more about All Elements
Learn more about All Features

Need Support?



Ask a question or request support
Request a feature or give feedback



Updated on: 29/07/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!