How to set up Conditional logics?

🎯 Objective

Conditional Logic allows you to show or hide product options dynamically based on your customer’s selections. The goal is to create a clean, intuitive, and user-friendly product configuration experience ✨

Example 1: Text vs. Image for Embroidery

Imagine selling a custom T-shirt where customers choose between adding Text or an Image for embroidery.

✅ If they choose Text, they’ll see a textbox to type in.

✅ If they choose Image, they’ll get a file upload option instead.

Here’s how to set it up

1️⃣ Create a radio button with “Text” and “Image” options.

2️⃣ Add a textbox for text input.

3️⃣ Add a file upload for images.

4️⃣ Navigate to the Display tab > Add condition:

5️⃣ Set up Conditional Logic to show only the relevant option based on their selection:

• For the Textbox: Show this option when 'Customize T-shirt' is 'Add text':

• For the File Upload: Show this option when 'Customize T-shirt' is 'Add image':

Now, customers only see what they need—keeping things clean and intuitive!

Example 2: Number of People & Textboxes

Let’s say you offer a T-shirt where customers can add names based on how many people they select.

✅ If they pick 1 person, they get 1 textbox.

✅ If they pick 2 people, they get 2 textboxes.

✅ If they pick 3 people, they get 3 textboxes.

Here’s how to set it up

1️⃣ Create an option with “1 person”, “2 people" and "3 people"

2️⃣ Add 3 textboxes for name input.

3️⃣ Use Conditional Logic to:

• Show Textbox 1 for all 3 choices - because this Textbox 1 will appear on “1 person”, “2 people" and "3 people" selections.

• Show Textbox 2 when "2 people" and "3 people" are selected - Because the second textbox will only appear for these 2 selections:

• Lastly, show Textbox 3 when "3 people" is selected:

Now, the form updates dynamically, keeping it simple and user-friendly!

And that’s it! Conditional Logic ensures customers only see what’s relevant - making their shopping experience smoother. Try it out and let us know how it works for you!