How To Use Conditional Fields In Bump Offer

Modified on Tue, 30 Jul at 8:33 PM

Making the checkout process easy and smooth is important for getting more people to complete your purchases. One way to do this is by using conditional fields in bump product. This feature lets you hide some form fields until they are needed. For example, if someone chooses an extra product (called a bump product), only then will certain fields appear for them to fill out.


How It Works


Let's say you want to collect extra information or send a product to the customer's address only if they select the bump product. You can set a condition for this. If they choose the bump product, fields like address or any other extra details will appear. If they do not select the bump product and only purchase the main product, you will only collect their name, email, and phone number.


Setting Up Conditional Form Fields


1. Basic Information Fields: Always visible for everyone.

   - Name

   - Email

   - Phone (optional)


2. Conditional Fields: Only appear if the bump product is selected.

   - Address

   - Any other extra information needed


By setting up your order form this way, you collect all the necessary information without overwhelming the customer with too many fields. This improves their experience and can help increase your sales.


Steps to Implement Conditional Form Fields (Order Form):

1.) Go to Your Editor Space:


Log in to the FlexiFunnels dashboard and open the editor page.




2.) Add Order Form:


Navigate to the section where you can add an order form to your page.




3.) Click on Advanced Settings:


Within the order form settings, locate and click on the "Advanced Settings" option.




4.) Enable 'Disable Form Fields:


In the advanced settings, checkmark the option labeled 
"Disable Form Fields." This ensures that all form fields, except for the name, email, and phone number, are disabled by default.


Note: When you enable the checkbox, all the form fields will be disabled except for the name, email, and phone number fields. The other fields will be enabled only when the bump product is enabled on the checkout page.




5.) Publish the Page:
After configuring the settings, publish your page to make the changes live.




Use Cases:


a.) Increased Conversion Rates: By simplifying the form and only showing necessary fields when a bump product is selected, customers are less likely to feel overwhelmed, leading to higher completion rates.


b.) Enhanced User Experience: Customers appreciate a straightforward checkout process. By enabling additional fields only when necessary, you ensure a smoother and more intuitive user experience.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article