HIDE

How to create Repeater Field Form – Multi Level Nested in WordPress

Repeater field form Multi Level field nested

In this article, you will learn how to use Repeater Field Multi Level Nested of Piotnet.
The feature allows users to add or remove new sections. It is very useful in order/booking forms.

Repeater field form Example


Demo

$
Total $


To do this:

Step 1: Create a section. This is the section that will be repeated.
Step 2: Inside the section, create the necessary fields. In this example, we use the image select field, select field, number field, and calculated field.
Step 3: Edit the section, in the Editor Advanced tab, Enable Repeater, and setup:

  •  Repeater ID: assign ID for the Repeater
  •  Repeater Label: Name the Repeater
  •  Limit number of Elements: set the maximum number of repeated sections allowed
  •  Repeater Shortcode: get the shortcode of the repeater

repeater enable

Step 4:  Create Add button and Remove button
You can use the Button widget or Icon widget to create Add/Remove buttons.
Add button must be put outside the repeater section. The remove button must be put inside the repeater section.

  • Put 2 button/icon widgets into position
  • Edit the button, in the Editor Advanced tab, enable Repeater Trigger
  • Copy Repeater ID (which you assigned above) and paste it into the Repeater ID field.
  • Set Action for buttons: Add or Remove

repeater set buttons

Now your Repeater Section is ready.