### [How to Remove the Submit Button From Calculation Forms](https://wpforms.com/how-to-remove-the-submit-button-from-calculation-forms/)

**Published:** November 15, 2023
**Author:** Hamza Shahid

**Excerpt:** Wondering how to remove the submit button from calculation forms for a better user experience?

By removing the submit button from calculation forms created by WPForms, you can provide instant calculations to your visitors.

In this guide, you'll learn the simple steps to modify your forms for seamless, real-time calculations without needing a submit action

**Content:**

Wondering how to remove the submit button from calculation forms for a better user experience?

By removing the submit button from calculation forms created by WPForms, you can provide instant calculations to your visitors.

In this guide, you’ll learn the simple steps to modify your forms for seamless, real-time calculations without needing a form submit action.

## How to Remove the Submit Button From Calculation Forms

Removing the submit button from calculations forms with WPForms is incredibly easy. All you need to do is follow these simple steps below:

### The Prerequisites

Before we proceed with the steps to disable submit button, let’s make sure that we have completed a few important steps.

If you have already completed these steps, feel free to skip ahead to the section on [removing the submit button](#Removing_the_Submit_Button).

#### 1. Having a WPForms Pro License

[WPForms](https://wpforms.com/what-is-wpforms/) is a reputable form builder and calculator plugin that allows users to create a wide range of forms, including a [days between dates calculator](https://wpforms.com/how-to-calculate-the-number-of-days-between-two-dates/).

![The WPForms homepage](https://wpforms.com/wp-content/uploads/2022/01/WPForms-1500-Templates.png)

It’s important that you have the latest version of WPForms installed, along with [access to the Pro license](https://wpforms.com/wpforms-lite-vs-pro/).

The Pro version provides you access to premium integrations, addons, and many [valuable features](https://wpforms.com/features/) like conditional logic, form submission reports, etc.

#### 2. Using the Calculations Addon

To create custom calculators in WordPress, you probably already know that you need to have the [WPForms Calculations Addon](https://wpforms.com/addons/calculations-addon/) installed.

![calculations addon banner](https://wpforms.com/wp-content/uploads/2023/10/banner-calculations.png "Calculations Addon ")

You can use this addon to insert logical operators and if-then statements to create personalized quotes or [build intelligent calculators](https://wpforms.com/how-to-make-a-calculator-in-wordpress).

It even allows you to utilize [integrated mathematical functions](https://wpforms.com/calculations-formula-cheatsheet/) to round numbers, calculate time ranges, find averages, and more.

#### 3. Selecting a Calculator Form Template

Finally, you need to have a form ready. If you need to build one, WPForms offers [2,100+ pre-designed templates](https://wpforms.com/templates/) that make form creation a breeze.

![calculator form templates category page](https://wpforms.com/wp-content/uploads/2023/11/calculator-form-templates-category-page.png "Calculator Form Templates Category Page")

These include professionally-designed [calculator form templates](https://wpforms.com/templates/category/calculator-forms/) that can be customized to fit a variety of use cases and industries, such as:

- [Mortgage Calculator Form Template](https://wpforms.com/templates/mortgage-calculator-form-template/) — perfect for real estate agencies as it enables potential buyers to [calculate mortgage](https://wpforms.com/best-mortgage-calculator-plugins-for-wordpress/) and their monthly payments effortlessly.
- [Shipping Cost Calculator Form Template](https://wpforms.com/templates/shipping-cost-calculator-form-template/) — helps eCommerce sites save time and effort by providing a simple shipping calculator for customers.
- [BMI Calculator Form Template](https://wpforms.com/templates/bmi-calculator-form-template/) — ideal for websites devoted to physical fitness or health that assists users in evaluating their current state of health.
- [ROI Calculator Form Template](https://wpforms.com/templates/return-on-investment-calculator-form-template/) —assists businesses and marketers in efficiently evaluating the profitability of their campaigns or projects.

The best part of all: you can use the calculations addon to create custom calculators without any HTML, javascript, or complex coding knowledge.

### Removing the Submit Button

Once these prerequisites are met, you’re all set to modify your form to remove the submit button for a better user experience.

#### 1. Go to the WPForms Snippet Library

From your WordPress dashboard, simply go to **WPForms » Tools.** Then, navigate to the **Code Snippets** tab.

![wpforms code snippets](https://wpforms.com/wp-content/uploads/2023/10/code-snippets-tab.png "WPForms Code Snippets")

This will display a pop-up message that says, “Please Install WPCode to Use the WPForms Snippet Library.”

#### 2. Install + Activate WPCode

All you have to do now is click the **Install + Activate WPCode** button. The plugin will now take a few seconds to install.

![install and activate wpcode](https://wpforms.com/wp-content/uploads/2023/10/install-activate-WPCode.png "Install And Activate WPCode")

Once the WPCode plugin is installed, you will be able to access the complete list of WPForms snippets.

![all code snippets](https://wpforms.com/wp-content/uploads/2023/11/all-code-snippets.png "All Code Snippets")

#### 3. Use the Hide Submit Button Snippet

Now, search for the hide submit button snippet by typing its name in the **Search Snippets** field. Next, click on the **Install Snippet** button.

![Install hide submit button snippet](https://wpforms.com/wp-content/uploads/2023/11/Install-hide-submit-button-snippet.png "Install Hide Submit Button Snippet")

Here’s the code snippet we’re going to import:

This will redirect you to the WPCode snippet preview page, where you can see the code automatically integrated.

![Hide submit button code snippet preview](https://wpforms.com/wp-content/uploads/2023/11/Hide-submit-button-code-snippet-preview.png "Hide Submit Button Code Snippet Preview")

Now, all you need to do is enable the snippet code. To do this, move the toggle from **Inactive** to **Active**.

![Activate hide submit button snippet](https://wpforms.com/wp-content/uploads/2023/11/Activate-hide-submit-button-snippet.png "Activate Hide Submit Button Snippet")

The next step now to activate the code snippet site-wide is to hit the **Update** button, right next to the **Active** toggle option.

![Update hide submit button snippet](https://wpforms.com/wp-content/uploads/2023/11/Update-hide-submit-button-snippet.png "Update Hide Submit Button Snippet")

By following this approach, you will only need to add the snippet once through the WPForms snippet library.

Then, for each form the user wants to use this snippet on, they will need to add the name of the Submit Button CSS Class inside the builder.

#### 4. Add Submit Button CSS Class

Now, all that’s left to do is add the CSS class in the form builder of the calculator you want to remove the submit button from.

To do this, open your calculator form and navigate to the **General** tab, then scroll down to the **Advanced** tab.

After that, paste the `wpf-calc-form` CSS into the **Submit Button CSS Class** to activate the code snippet.

![Add css class to submit button](https://wpforms.com/wp-content/uploads/2023/11/Add-css-class-to-submit-button.jpg "Add CSS Class To Submit Button")

You can now preview your form to see that the submit button from your calculator has been successfully removed!

![Mortgage calculator without submit button](https://wpforms.com/wp-content/uploads/2023/11/Mortgage-calculator-without-submit-button.png "Mortgage Calculator Without Submit Button")

### More Questions about Calculator Forms

Calculator forms are a popular topic among our readers. Here are answers to some frequently asked questions about them.

#### How do I turn off the submit button in a form?

To turn off the submit button in a form, especially if you’re using WPForms Pro, you can apply custom CSS. Go to **WPForms » Tools.** Then, navigate to the **Code Snippets** tab and to access the WPForms Snippet library, which contains a solution to turn off the submit button in a form.

#### Can a form have no submit button?

Yes, a form can function without a submit button. This is common in forms that auto-submit or use alternative methods for data capture. With WPForms Pro, you can create such forms by customizing them with CSS to hide the submit button, using the WPCode integration to add the necessary code seamlessly.

### Next, Learn How to Create a Custom Online Calculator

Adding a calculator to your website can boost engagement by encouraging visitors to stick around and have their problems answered. Check out this guide on [how to make a custom calculator in WordPress](https://wpforms.com/how-to-make-a-calculator-in-wordpress) for the unique needs of your website.

[Create a Custom Online Calculator](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [Twitter](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** WordPress Tutorials

**Tags:** calculations addon, code snippets, hide submit button, remove submit button, WPCode, wpforms pro, wpforms snippet library

---