Webflow sync, pageviews & more.
NEW

How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?

TL;DR
  • Webflow excludes unchecked checkboxes by default but shows "true" for checked ones.
  • To customize values, use embedded HTML checkboxes with a defined value or JavaScript to update hidden inputs.
  • For fully customized email formatting, integrate with Zapier or a similar tool.

To properly configure Webflow forms to (1) exclude empty checkboxes from email notifications and (2) customize the values of checked checkboxes, you'll need to approach it from both the form settings and possibly through integrations like Zapier or custom embedded code.

1. Default Behavior of Webflow Forms with Checkboxes

  • Webflow sends all form fields to its form notification email, including checkboxes.
  • Unchecked checkboxes are not included in the submission email by default.
  • Checked checkboxes appear as true.

This satisfies your first condition by default (excluding unchecked checkboxes), but not the second (custom label).

2. Customize Checkbox Values in the Form

  • In Webflow, checkboxes do not allow setting a custom submit value via the Designer UI.
  • To customize this, you need to embed a custom checkbox input using the Embed element.

Example for one checkbox:

  • Insert an Embed element into your form and input:

    <label><input type="checkbox" name="booking" value="réservé"> Réserver</label>

  • When this checkbox is checked, Webflow will receive "réservé" instead of "true".

3. Form Notification Email Customization

  • Webflow does not currently let you directly customize the format or content of its form notification emails (e.g., you can't write them manually).
  • All collected fields are shown as field name: value.

If you need full control over the email content:

  • Use Zapier, Make (formerly Integromat), or similar tools to process the form submission via Webhooks.
  • Then craft your own custom email template and send exactly what you want (field omissions, translations, formatting, etc.).

4. Use Hidden Inputs as an Alternative

  • If you're unable to customize the checkbox value, add a hidden input that updates dynamically when the checkbox is checked.

  • Use simple custom JavaScript in an Embed element before the closing </body> tag:

    Example logic (replace IDs with your actual element names):

  • On checkbox click, if checked, set hidden input value to "réservé".

  • Uncheck: clear the hidden input value.

    This way, only the hidden field appears in the email when the box is checked, and it uses the desired label.

Summary

Webflow forms exclude unchecked checkboxes by default, but show “true” for checked ones. To use a custom value like "réservé", embed a custom checkbox with a value attribute or use JavaScript to populate a hidden input. For full control over email formatting, use an external form handler like Zapier.

Rate this answer

Other Webflow Questions