Conditional logic for custom fields

This help article will show you how to make one custom field depend on another.

Checkout Page allows you to apply conditional logic to custom fields, showing or hiding fields based on the customer’s previous selections. This helps the organization of collecting your customers' information.

You can show or hide multiple fields based on the condition of one field.

Please note that while you can apply conditional logic to any type of field, the conditions can only be met on the dropdown, multi, and checkbox field types.

Follow these steps to add a custom field to your checkout:

1. Create page from your Checkout Page dashboard or enter the edit view of an existing page
2. Select the Checkout tab from the top menu, and then click Custom fields from the left-side menu
3. Click Add field

4. You can choose field type by clicking the drop down menu

5. You can input the field label

6. Click Save

7. Repeat to create multiple custom fields for conditional logic

There is no limit to the number of custom fields that you can add to your checkout.

Learn more about custom fields here

Conditional logic for custom fields

Conditional logic for custom fields lets you decide which fields to display based on your customers’ selections.

Example: For a the question "How did you hear about us?", selecting the size “Social media advertisement” will show a field that asks to specify which social media.

This approach ensures that customers are only shown relevant fields, resulting in a more organised way of collecting their information.

How to set up conditional logic for custom fields?

1. Enter the edit view of your page
2. Select the Checkout tab from the top menu, and then click Custom fields from the left-side menu

3. Click on a variant that you would like to make conditional and scroll down to open the Additional Settings section

4. Check the option for Conditional logic to activate the conditional statements for this custom field

5. Choose the condition you want to apply, such as “is,” “is not,” “is empty,” or “is not empty”.

6. Select the respective Field and Value

7. Click Save and test your checkout!

Types of conditional logic

Checkout Page offers four types of conditional logic for custom fields.

“is” logic

“is” conditional logic is applicable when you want to show specific options when your customer makes a selection for another variant.

Example:

For the question field "How did you hear about us?", you can display available answers such as through a friend, social media advertisement, or Google search. If your customers select the answer "social media advertisement”, they will be shown another fields that asks them to choose which social media platform.

To apply the “is” conditional logic for displaying the questions available for the question field "How did you hear about us?":

Conditional logic:

• Field: How did you hear about us?
• Conditional statement: “is”
• Value: Social media advertisement

How to set up "is" conditional logic?

1. Enter the edit view of your page
2. Select the Checkout tab from the top menu, and then click Custom fields from the left-side menu
3. Click Add field and set up at least two custom fields

4. Click on a field that you would like to make conditional and scroll down to open the Additional Settings section

5. Check the option for Conditional logic to activate the conditional statements for this field

6. Choose the condition you want to apply, in this case: “is”

7. Select the respective Field and Value

• In this case, the field Social media platforms will only be shown if the selection for How did you hear about us is Social media advertisement

8. Click Save and test your checkout!

“is not” logic

You can use the “is not” conditional logic to display fields when your customer doesn’t select a specific choice for another variant.

Example:

When selling a fitness coaching program, you may ask the customer "What type of workout are you looking for?", and provide four options: strength, cardio, flexibility, and other. You then want to ask a follow up question "Can you describe your specific needs?" for all selected answers except "other".

To apply the “is not” conditional logic for displaying the "Can you describe your specific needs?" custom field:

Conditional logic:

• Field: What type of workout are you looking for?
• Conditional statement: “is not”
• Value: Other

How to set up "is not" conditional logic?

1. Enter the edit view of your page
2. Select the Checkout tab from the top menu, and then click Custom fields from the left-side menu
3. Click Add field and set up at least two custom fields

4. Click on a variant that you would like to make conditional and scroll down to open the Additional Settings section

5. Check the option for Conditional logic to activate the conditional statements for this custom field and choose the condition you want to apply, in this case: “is not“

6. Select the respective Field and Value

• In this case, the "Can you describe your specific needs?" field will be shown unless the selection for "What type of workout are you looking for?" is "Other"

7. Click Save and test your checkout!

“is empty” logic

You can use the “is empty” conditional logic to show additional fields when a pre-selected choice is unselected or empty.

How to set up "is empty" conditional logic?

1. Enter the edit view of your page
2. Select the Checkout tab from the top menu, and then click Custom fields from the left-side menu
3. Click Add field and set up at least two custom fields

4. Click on a variant that you would like to make conditional and scroll down to open the Additional Settings section

5. Check the option for Conditional logic to activate the conditional statements for this custom field and choose the condition you want to apply, in this case: “is empty“

6. Select the respective Field

7. Click Save and test your checkout!

“is not empty” logic

You can use the “is not empty” conditional logic to display specific options when the previous selection is not empty.

This is different from the "is" logic because the custom field will appear when any previous fields are selected, while the "is" logic requires one previous field to be selected. This is useful for showing the fields progressively as the customer goes through the fields.

Example:

You can ask further questions with the custom fields after each previous question has been answered.

To apply the “is not empty” conditional logic for displaying further custom fields that ask questions:

Conditional logic:

• Field: How did you hear about us?
• Conditional statement: “is not empty”

How to set up "is not empty" conditional logic?

1. Enter the edit view of your page
2. Select the Checkout tab from the top menu, and then click Custom fields from the left-side menu
3. Click Add field and set up at least two custom fields

4. Click on a variant that you would like to make conditional and scroll down to open the Additional Settings section

5. Check the option for Conditional logic to activate the conditional statements for this custom field and choose the condition you want to apply, in this case: “is not empty“

6. Select the respective Field

• In this case, "What would you like to work on?" will only be shown if the selection for "How did you hear about us?"is not empty

7. Click Save and test your checkout!