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! 🚀

To begin, open your widget editor on the Action tab. Select Lead Form to make the calculator’s action button open a form when clicked:

Add Fields to Your Form

In the Lead Form Fields section, click ➕Add Field to insert new fields. You can choose from different types of fields and make any of them Required if needed:

Here’s a quick overview of all available field types:

• 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:

Enable Integrations & Spam Protection

Automate follow-ups and protect your form: first connect your integrations to send submissions to your preferred tools, then enable reCAPTCHA to prevent spam and bot entries.

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.
• Webhooks: Send submission data to any external application or custom endpoint for advanced workflows. For more information, see our guide on Webhooks.

You can connect your form to these popular tools in the Action tab → Integrations:

Don’t see the tool you need? Click Request Integration in this tab and tell us what to add next.

Spam Protection

In the Action tab → 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:

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.