How to Collect Submissions Using the Calculator Widget
The Calculator widget includes a built-in Form to capture leads, quotes, and follow-up details right where users get their results. Let’s see how you can enable it, add fields, and start collecting submissions! 🚀
In this article
Find Your Form Settings
If you're unsure where to find your form settings in the Calculator widget to set it up, here are some simple steps to guide you:
- 1
-
In your widget editor, go to the Build tab → Results Section:
- 2
-
In the Call-to-Action panel, set Button Action to Open Form and click Edit Form:
The Edit Form tab lets you add fields, customize the submit button and success message, enable spam protection, and set up email notifications and integrations.
Add Fields to Your Form
In the Edit Form tab, click Add Field to insert new fields: You can choose from different types of fields and make any of them Required if needed:
- Short Text – single-line text (name, company, etc.).
- Long Text – multi-line comments or details.
- Email, Website, Phone – validated contact fields.
- Number – numeric input (quantities, budgets).
- Date, Time – pickers for scheduling.
- File – allows users to attach documents or images.
- Hidden – store internal values (e.g., product ID or source).
- Choice, Dropdown – allows users to pick from options.
- Consent – checkbox for terms/marketing consent.
You can easily reorder fields by dragging and dropping them, and use the three-dots menu to Duplicate or Delete as needed:
Customize Submit Button & Post-Submit Action
In the Submit Button section, you can control the button label and set up what happens after form submission.
Here, you can change Submit Button Text and choose a Post-Submit Action:
- Show Success Message displays a confirmation message after user submits the form. You can edit its Title and Text and optionally show a close Button with custom text:
- Redirect to URL sends users to a page of your choice (e.g., thank-you page):
- Nothing keeps the current view without showing a message or redirecting.
Set Up Email Notifications
Once your form is created, it's time to configure notifications to receive submissions and set up an autoresponder for your users.
Receive Email Alerts
Use the Notify Me feature to receive an email notification whenever someone completes your form. To set it up, go to the Email Notifications tab → Notify Me → toggle on Email Notification and enter your email address:
You can also customize the email message template and adjust additional settings as needed.
For more details, see Where to Find Your Calculator Submissions.
Send Confirmation Emails
You can set up an automatic confirmation email for every user who submits your form. To do that, go to the Email Notifications tab → Notify Respondents → toggle on Autoresponder Email:
You can fully customize the Sender Name, Reply-To Email address, Subject, and Message content to match your brand and communication style:
Send notifications from your own domain by connecting SMTP through Email Sender Settings. Learn how in this quick guide: Send Emails From a Custom Domain.
Enable Spam Protection & Integrations
Protect your form and automate follow-ups: turn on reCAPTCHA to block bots, then hook up integrations to deliver results to your favorite tools.
Spam Protection
In Edit Form → Spam Protection, toggle Enable reCAPTCHA to block bot submissions. The reCAPTCHA runs invisibly for users, with a required legal notice displayed in the widget footer:
Integrations
Effortlessly connect your form with popular tools and automate your workflow. Available integrations include:
- Mailchimp: Automatically send new form submissions to your Mailchimp lists. See our guide on enabling Mailchimp integration for setup steps.
- Google Sheets: Instantly send form data to a Google Sheet for easy processing. Instructions are available in our Google Sheets integration setup guide.
- Zapier: Integrate your form with thousands of apps, from CRMs to messaging platforms, using Zapier. For more details, see our guide on Zapier integration.
You can connect your form to these popular tools in Edit Form → Integrations:
Don’t see the tool you need? Click Request Integration in this tab and tell us what to add next.
Nicely done! Your Calculator can now collect submissions, notify the right people, protect against spam, and send results to your favorite tools. ✨
Need help with a step? Contact Elfsight Support and we’ll guide you through it.