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 automatically excludes unchecked checkboxes from form emails.
- To display custom text like "réservé" when checked, set the checkbox’s Value in the Element Settings panel.
- Use third-party tools like Zapier or Formspree for advanced email formatting and control.
To customize Webflow forms so that unchecked checkboxes are excluded and checked boxes display custom text like "réservé" in form submission emails, follow these steps:
1. Understand Webflow’s Default Checkbox Behavior
- When a checkbox is checked, Webflow includes it in the email notification with a value of "true".
- When not checked, the input is excluded entirely from the form data sent to email—so you don’t need to exclude it manually.
2. Customize Checkbox Values
- You can change the value submitted when a box is checked using the Checkbox input’s Value field in the Webflow Designer.
- Select the checkbox element, go to the Element Settings panel, and set the Value (e.g., replace "true" with "réservé").
- This value will be sent in the email if the box is checked; if it’s unchecked, nothing will be included.
3. Adjust Email Notification Text
- Webflow form submission emails use a default format based on field values.
- While you can’t fully customize the layout of the default Webflow email, the field name and the checkbox’s value will appear together.
- To make the content clearer, rename your checkbox’s field label to something like “Statut de réservation” and set the value to “réservé". The email will then read like:
- Statut de réservation: réservé
- If not checked, that line won’t appear in the email at all.
4. Optional: Use a Third-Party Form Handler for Full Email Control
- For more customization (e.g., full HTML layout or conditional formatting), integrate with third-party systems like:
- Zapier + Gmail
- Make (Integromat)
- Formspree or Basin
- These services allow complete control over email formatting, conditional inclusion of fields, and label/value translations.
Summary
To exclude unchecked checkboxes from form emails in Webflow, no changes are needed—Webflow does this by default. To display custom text like “réservé” when a checkbox is checked, just update the checkbox’s Value in the Element Settings panel. For more advanced formatting, use a third-party form handler.