Save 65% on express or express production until 21th September

Guide to Use Aero Form Builder

Step 1: Go to Shopify App Store

Step 2: Search Aero Form Builder

Step 3: Install Aero Form Builder in your Store

Step 4: Go to the theme customization menu and embed our app by enabling the toggle button and click on save button to install the app on the theme.

Step 5: Go to your Store and Select Apps Option

Step 6: Select Aero Form Builder

Step 7: To create new form go to Dashboard and select New Form

Step 8: To create new form you have to enter form name this is required field

Step 9: To add Header on your form select Header

Step 10: To add element to your form select add element

Step 11: User can add options as user’s requirements.

Step 12: Users can edit elements to customize fields. For Input Field you can customize field size and also there is a preview window to observe.

Step 13: You can customize the desktop view as well as mobile view by clicking on desktop and mobile icon.

Step 14: There is a preview option for Desktop and Mobile

Step 15: After adding an element, set the form name and click the Save button. Then, select the page location where the form will appear.

Step 16: After saving, the form will appear in your form list.

Step 17: You can edit the form anytime by clicking the Edit button.

Step 18: You can delete the form by clicking delete button.

Step 19: You can activate or deactivate the form by clicking this button.

Step 20: Click here to go directly to the Theme Embeds section. You will be redirected to the page section where you previously set the form.

Step 21: Then In the themes embeds section, you have to click Add section or Add block button according to your desired location.

Step 22: Then Select the apps “Aero Form Builder” from the Apps section.

Step 23: Then the Forms will be appear here which form you created earlier. Then you have to click Save Button.

Step 24: If user want to create custom pages , user have to click here

Step 25: The user must fill in the Page Title and Page URL Name, then click the "Create Page" button.

Step 26: This will create the page.

Step 27: You can found this page in the page section.

Step 28: Users can add this page directly to the storefront's navigation menu by selecting "Add to Navigation Menu" and clicking the "Add to Navigation Menu" button.
Note: If "Add to Navigation Menu" is not selected, you will need to manually enter the page link.

Step 29: In the storefront, you will see the Product List page along with the page creation link you previously added.

Conditional Logic

Step 30: Users can use conditional logic if they want to apply conditional logic.

This app allows users to apply conditional logic to form elements, making fields visible only when specific conditions are met.

How Conditional Logic Works

Conditional logic ensures that a particular field is displayed only when a selected parent field meets a specified condition.

The form builder offers various fields that can be used as parent conditions, such as:

  • Email • Phone • Country • Text • Text Area • URL • Number • Quantity • Dropdown • Checkbox • Radio Button • Button • Switch • Accept Terms • Rating

Each of these fields can be set as a parent field, meaning their value determines whether another field (like Name) will be displayed.

Step-by-Step Working Principle

1. Select the Field to Apply Conditional Logic

  • Click the Editbutton of the field you want to control (e.g., Name).

2. Enable Conditional Logic

  • Check the Conditional Field

3. Choose a Parent Field

  • Select a field from the “Only show element if…”
  • For example, select Emailif you want the Name field to depend on it.

4. Define the Condition

  • Set the value that the parent field must match for the target field to appear.
  • Example: Email = “ok@mail.com”→ The Name field will only be shown when the Email field contains “ok@mail.com”.

Apply Conditional Logic to Other Fields

  • The same process can be applied to other fields, using different conditions.
  • Example: Show a Phonefield only when a Country field is set to “USA”.


Step 31: Users can use or edit pre-designed templates based on their needs. There are two template sections.

Step 32: In the Templates section, you can view all custom templates, edit them, and use them as needed.

Step 33: Select any Templates by clicking “Use Template” button.

Step 34: After that, you can use these templates and add elements by clicking the “Add Element” button. You can also edit any section as needed.

Step 35: Then you have to choose page location where you want set this form.

Step 36: After that you have to click Save button.

Step 37: Then you can see that form is created in your Form List.

Step 38: In the My Templates section, you can save Templates.