The Submit Button

Customize ActiveCalculator's Submit Button - Text, actions, email notifications, and styling for enhanced user experience.

Abdul Samad

Written by Abdul Samad

The Submit Button is a crucial element in ActiveCalculator, as it allows users to complete actions such as form submission or navigation to another page. In this article, we will guide you through the process of customizing the Submit Button to suit your specific needs.

Adding the Submit Button to Your Calculator

  1. Click on the Submit Button in the calculator editor to add it.
Adding Submit Button to the editor
Adding Submit Button to the editor
  1. Open Sidebar Settings: Click on the submit button element in the editor to open the right sidebar settings for the submit button.
Opening Submit Button Settings in ActiveCalculator
Opening Submit Button Settings in ActiveCalculator
  1. Navigate to Question Tab: In the right sidebar, click on the 'Question' tab to access the Submit Button Settings Options.

Note: You can only add one submit button per calculator.

Submit Button Settings in ActiveCalculator
Submit Button Settings in ActiveCalculator

Editing Submit Button Text and Actions

Customizing Submit Button Settings in ActiveCalculator
Customizing Submit Button Settings in ActiveCalculator
  1. Change Button Text: In the settings options, enter your desired text for the button (e.g., "Submit" or "Fantastic").
Change Submit Button Text in ActiveCalculator
Change Submit Button Text in ActiveCalculator
  1. Set Success Message: Craft a message that will be displayed to users after a successful submission.
Set Success Message in ActiveCalculator
Set Success Message in ActiveCalculator
  1. Configure Actions: Choose and enable actions such as:
Enable Actions in ActiveCalculator
Enable Actions in ActiveCalculator
  • Receive Email Notifications: Activate this to notify yourself or your team upon new submissions. Set up as many e-mail addresses as you want to receive the calculator results when the user clicks the Submit Button.
Click to Open Receive Email Notifications Settings
Click to Open Receive Email Notifications Settings
Enter as many email addresses as you want
Enter as many email addresses as you want
Customize Email Content and Subject Line
Customize Email Content and Subject Line
  • Send Email to Respondents: Set up follow-up emails for respondents post-submission. Toggle this option to send a copy of the submission form to the person who submits the form. Select the email form field for the respondent to receive the email.
Click to Open Send Email to Respondents Settings
Click to Open Send Email to Respondents Settings
Toggle to enable and enter email field for respondents
Toggle to enable and enter email field for respondents
Customize Email Content for Respondents
Customize Email Content for Respondents
  • Navigate to External Page: Set a custom redirection URL for post-submission navigation.
Toggle to enable and enter URL for redirection
Toggle to enable and enter URL for redirection

Additional Fields:

Adding Form Fields To gather additional information from users, you can add form fields to your calculator. ActiveCalculator supports various field types, such as:

  • Short Text field (e.g., Name, Address, etc.)
  • Long Text field (e.g., Comments, Feedback, etc.)
  • Email field
  • Phone field
  • Website field

Simply click on the desired field type in the calculator editor to add it to your form.

Adding Form Fields in ActiveCalculator
Adding Form Fields in ActiveCalculator
Select form field to customize settings
Select form field to customize settings
Toggle required for form submission
Toggle required for form submission

Customizing Email Submissions

ActiveCalculator allows you to set up email submissions for both the calculator owner and the respondent:

  • E-mail submissions to Respondent: Toggle this option to send a copy of the submission form to the person who submits the form. This provides users with a record of their input.
Toggle to enable and enter email field for respondents
Toggle to enable and enter email field for respondents

Customize the Email: Set up as many e-mail addresses as you want to receive the calculator results when the user clicks the Submit Button. You can also customize the email subject line and use variables by typing the "@" symbol (e.g., select the Calculator Name option in the subject line).

Customize Email Content and Subject Line
Customize Email Content and Subject Line

Include All Responses: If you want to send a follow-up email to a respondent summarizing all of the questions and answers, click the "+" button or type the "@" symbol in the Email content section, then select the "All responses" option.

Include All Responses in Email Content
Include All Responses in Email Content

Styling Your Submit Button

  1. Access Design Tab: Navigate to the 'Design' tab to edit themes.
Access Design Tab in ActiveCalculator
Access Design Tab in ActiveCalculator
  1. Edit the Selected Theme: Customize the selected my theme or choose a new theme from the theme library.
Edit Selected Theme in ActiveCalculator
Edit Selected Theme in ActiveCalculator
  1. Customize Button Appearance: In the 'Elements' section, edit button colors, text colors, font size (LG, MD, SM), and corner rounding.
Customize Button Appearance in ActiveCalculator
Customize Button Appearance in ActiveCalculator
Customize Rounded Corners for Submit Button
Customize Rounded Corners for Submit Button
  1. Click 'Save Changes' to update the your selected theme.
Save Changes for Theme Customization
Save Changes for Theme Customization
  1. Click 'Save' to update the calculator and publish changes.
Click Save to update calculator and publish changes
Click Save to update calculator and publish changes

Did this answer your question?