Nestable field blocks

Learn how to work with Repeater and Flexible fields

Repeater and Flexible fields can be rendered in Elementor in a very similar way.

Repeater fields

In this example, we consider a repeater with an email field called email.

Locate your Repeater field inside the ACPT block.

Once you have dragged it onto the canvas, a WYGIWYS editor appears in the controls section.

This represents the loop element.

How to render the element is 100% up to you.

To display a nested field inside the repeater, use this simple syntax:

%name_of_field%

In this case, the box name is NOT needed.

So, in our example, we will use %email%. This is the result:

Flexible fields

Flexible fields work in a very similar way.

Locate the flexible field and drag it onto the canvas.

Along with the WYSIWYG editor to style the element in the loop, you need to choose the block to render (it's just below the editor):

Once you select the block, you can style the loop element in the same way:

In the above example, we render email and text fields in the loop element.

As you can see, it's possible to style the field placeholders as any other text.

Optional arguments

ACPT allows the user to specify additional options for certain field types to modify their default behavior inside the loop, by using the following syntax:

%field:arg1,arg2,arg3%

This is the full list of possible arguments:

Field	Arguments	Example	Behavior
RATING	stars	%rate:stars%	Render as stars
DATE, DATE RANGE, DATE TIME, TIME	date format	%date:d/m/Y%	Modify the date format
EMAIL, PHONE, URL	link	%email:link%	Display as link
EMBED, VIDEO	width, height	%video:400,300%	Set the iframe size
SELECT MULTI, CHECKBOX	seperator	%list:-%	Set the string separator
GALLERY	columns	%galllery:4%	Set the number of elements per row