Webform editor

Add logic to a Webform page

If you have multiple questions that you want to show or hide based on the same logical conditions, you may want to use Webform page logic. This can be especially helpful if you’re trying to curate relevant questions for each individual customer.

Like field logic, Anvil’s Webform page logic allows you to build logical expressions using standard operators like:

  • = Equals
  • ≠ Not Equal to
  • > Greater than
  • ≥ Greater than or equal
  • < Less than
  • ≤ Less than or equal
  • Filled (exists)
  • Not filled (does not exist)
You can add multiple conditions and choose whether or not they should be connected with AND or OR.

Our standard logic determines the visibility of a Webform page. If you'd like to apply complex logic, you'll need to use our advanced JSON editor.

Back to Help Center

You can control the visibility of a Webform page and all of its included content (e.g. questions, explanations, etc.) by adding conditional logic.

In this article, we’ll show you how to add, edit and remove conditional logic from a Webform page.

Add conditional logic to a Webform page

You can control whether or not an entire Webform page is visible by adding conditional logic. Add as many or as few conditions as you'd like. Any conditions following your first condition can be added as AND or OR.

To add conditional logic to a Webform page:

  1. Navigate to the Workflow editor
  2. Select the Webform page you want to hide by clicking the page title
  3. Click the Page logic tab in the Webform editor panel to the left
  4. Select Add condition
  5. Click Form Field > choose the Webform field you want to base the logic on from the dropdown menu
  6. Add a Condition using the dropdown menu
  7. Save

Repeat steps 4-7 to add more conditions to the page’s visibility logic.

Notes:

  • Available conditions depend on the field type you’re basing your page logic on.
  • We highly recommend basing your page logic on a Webform field that appears in the Workflow before your current page.

Edit or remove a Webform page’s conditional logic

After testing out your Webform page visibility logic, you may find that you need to make changes to your conditions.

To edit or remove a Webform page’s conditional logic:

  1. Navigate to the Workflow editor
  2. Select the Webform page you wish to edit by clicking the page title
  3. Click the Page logic tab in the Webform editor panel to the left
  4. Select the three vertical dots next to the condition you want to edit or remove
  5. Choose your desired action from the dropdown menu The Edit option is first and the delete condition option is second
    • Edit > Make your desired changes > Save
    • x Delete Condition > OK

Repeat steps 4-5 to edit or delete more page logic conditions.

Back to Help Center

Other common posts

1 - 0 of 0

Contact support

We know dealing with tech support can be painful. It's our goal to help you as quickly and efficiently as possible. Once we get your message, we will email you back as soon as we can.
    Want to try Anvil first?