value
or JavaScript to update hidden inputs.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.
true
.This satisfies your first condition by default (excluding unchecked checkboxes), but not the second (custom label).
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"
.
field name: value
.If you need full control over the email content:
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.
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.