E-Commerce checkout form with gift option

E-Commerce checkout form with gift option

Imagine that you want to create an online order form for an e-commerce business using Zoho Forms. This form should give respondents the option to buy a product as a gift for someone else. When the respondent chooses to send the item as a gift, the form should prompt them to provide:
  1. The recipient’s name
  2. A gift message to include with the package
If the customer is buying for themselves, these gift fields are unnecessary and should stay hidden, ensuring the form remains clean and relevant.

Watch a quick video to understand how to configure this and how the form will behave.

Configuring Field Rules 

So, in your order form,
  1. Add a Decision Box field and allow customers to indicate whether their order is a gift by checking this box.
  2. Add 2 additional fields to the form, a Name field for the recipient's name and a Multi Line field for the gift message to include with the gift.

    E-commerce checkout form

To, show or hide fields, we use Field Rules. Field Rules are used to control visibility of specific fields based on user input.
To configure Field Rules to Show/Hide fields, 
  1. After building your form, navigate to the Rules tab.
  2. Under Field Rules, click Configure Now.
    Condition: Is this a gift? is True
    Action:
    1. Show Recipient's Name
    2. Show Gift Message


  3. Click Add.


This is how the form will behave when Is this a gift? option is not selected.

If it is not a gift

This is how the form will behave when Is this a gift? option is selected.

If it is a gift