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
- Assign a custom value like "réservé" to checkboxes in Webflow to replace the default "true" in email submissions.
- Unchecked checkboxes are automatically excluded; for more control, use hidden fields populated via JavaScript based on checkbox state.
To customize Webflow form email submissions and exclude empty checkboxes or change the label text from “true” to “réservé,” you need to work around Webflow’s default form behavior using hidden fields and JavaScript.
1. Understand Webflow’s Default Form Behavior
- Unchecked checkboxes do not submit any value in Webflow; they are excluded from email notifications by default.
- Checked checkboxes submit “true” if no value is defined manually.
2. Customize Checkbox Values in the Designer
- Select your checkbox element.
- In the Element Settings (gear icon) panel, find the Name and Value fields.
- Set a custom value like "réservé" instead of the default "true."
- Now when the checkbox is selected, the email will receive that custom label.
3. Exclude Unchecked Values (Default Behavior)
- Webflow does not send unchecked checkboxes in form notifications.
- So you don’t need to do anything extra to exclude them—they are omitted automatically.
4. Optional: Control Messaging with Hidden Fields and JavaScript
If you need more precise control over what is sent (e.g., custom labels only if selected):
- Add a hidden input field for each checkbox you want to track.
- Use JavaScript to populate those hidden fields based on checkbox state before submission.
Example:
- Checkbox: “Book Seat”, name:
seat_booking - Hidden field: name:
translatedseatbooking, value set via JavaScript to "réservé" if checked - In this setup, only the hidden fields get submitted, formatted exactly as you want.
5. Customize the Email Template (Limitations)
- Webflow form notification emails cannot be fully customized beyond the order and inclusion of fields.
- However, by naming your fields appropriately and using the method above to control values, you can influence the email output format indirectly.
Summary
Webflow automatically excludes unchecked checkboxes from emails. To show custom text like "réservé" instead of "true", assign a custom value to your checkboxes in the settings panel. For deeper customization, you can use hidden fields with JavaScript pre-processing.
