---
title: "How to Display Dynamic Repeater Field Data in WordPress?"
url: https://nexterwp.com/docs/display-dynamic-repeater-field-data-in-wordpress/
date: 2025-06-18
modified: 2026-06-14
author: "Aditya Sharma"
description: "Are you looking to show repeater field data from ACF (Pro), SCF or Jet Engine to any page or post in your WordPress site? With the Repeater block from Nexter..."
image: https://nexterwp.com/wp-content/uploads/2025/06/Display-Dynamic-Repeater-Field-Data-in-WordPress-1024x519.png
word_count: 996
---

# How to Display Dynamic Repeater Field Data in WordPress?

## Key Takeaways

- Nexter Blocks Repeater block displays repeater field data from ACF (Pro), SCF, or Jet Engine on any page or post in WordPress.
- Required setup includes the default WordPress Block editor, the Nexter Blocks plugin activated, the PRO version, and a repeater field created in ACF (Pro), SCF, or Jet Engine.
- Steps List uses three sub fields: Step Title as Text, Description as Textarea, and Step Image as Image.
- Dynamic HTML block renders the text area data, while Image and Heading blocks connect to Step Image and Step Title through Dynamic Field options.

Are you looking to show repeater field data from [ACF (Pro)](https://www.advancedcustomfields.com/), [SCF](https://wordpress.org/plugins/secure-custom-fields/) or [Jet Engine](https://crocoblock.com/plugins/jetengine/) to any page or post in your WordPress site?

With the Repeater block from Nexter Blocks, you can show repeater field data from ACF (Pro), SCF or Jet Engine to any page or post in your WordPress site.  

**Best Used For:**

- Team or staff pages where member details (name, role, bio, photo) are stored as a repeater field in ACF or SCF and need to display on the frontend

- Product or service pages with structured features, steps, or testimonials stored as repeater fields that need to render dynamically from the database

- Real estate or portfolio sites using JetEngine where each property or project has multiple attributes stored in repeater fields

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated.

- This is a premium block; you need the [PRO version of the Nexter Blocks](https://nexterwp.com/pricing/?utm_source=tpag&utm_medium=docs&utm_campaign=text).

- Make sure the Repeater block is activated. to verify this, visit Nexter → Blocks → and search for Repeater and activate.

- Make sure you have created a repeater field using [ACF (Pro)](https://www.advancedcustomfields.com/), [SCF](https://wordpress.org/plugins/secure-custom-fields/), or [Jet Engine](https://crocoblock.com/plugins/jetengine/).

## Learn via Video Tutorial

https://www.youtube.com/watch?v=2OUnFqmrfSM

## How to Activate the Repeater Block?

Go to 

- **Nexter **→ **Blocks **

- **Search** the block name and **turn on the toggle**.

![Repeater block activation in Nexter Blocks](https://nexterwp.com/wp-content/uploads/2025/06/repeater-activate-new.png)

## Key Features

- **Multiple Plugin Support** — Create a repeater field using [ACF (Pro)](https://www.advancedcustomfields.com/), [SCF](https://wordpress.org/plugins/secure-custom-fields/), or [JetEngine](https://crocoblock.com/plugins/jetengine/). Use this when your repeater data is already structured in one of these plugins and you want to render it on the frontend without rebuilding the data structure.

- **Multiple Layouts** — Select from multiple predefined layouts to display your repeater data. Use this when you want a consistent visual structure without building a custom layout manually for each field group.

- **Multiple Block Support** — Use Heading, Image, Paragraph, Accordion, and other Nexter Blocks inside the Repeater block to render each field type. Use this when your repeater entries include mixed content types such as images, titles, and descriptions that each need a different block.

## How to Use the Repeater Block?

To use the Repeater block, you have to add a repeater custom field using [ACF (Pro)](https://www.advancedcustomfields.com/), [SCF](https://wordpress.org/plugins/secure-custom-fields/) or [Jet Engine](https://crocoblock.com/plugins/jetengine/).

You can use any of these plugins. Here we are using the [SCF (Secure Custom Fields)](https://wordpress.org/plugins/secure-custom-fields/) plugin. For other plugins, the UI might be different, but the process will be similar.

### Create a Repeater Field

For example, we will be creating a repeater field called “Steps List” with the following sub fields - 

- Step Title (Text) 

- Description (Textarea) 

- Step Image (Image)

1. In the New Field Group page, add the field group name.

2. Then select the **Field Type** as **Repeater**.

3. After that, add the **Field Label**.

4. Then add the sub fields as per your requirements, for instance, we will be adding Step Title as text, Description as a textarea and Step Image as an image field.

5. After that, set the rules where you want to add these fields, for instance, we’ll be adding them to the blog posts.

### Add Data to Repeater Fields

Now you have to add data in the repeater fields.

So, edit one of the posts from the post type to which you have assigned the repeater fields, in our case, it is blog posts.

### Display Repeater Data with the Repeater Block

Add the Repeater block to the page or post where you want to show the repeater data, then follow the steps - 

1. From the **Source** dropdown, you have to select the post type to which you’ve added the repeater fields; in our case, it is Posts.

2. Then, from the **Repeater Field** dropdown, you have to select the appropriate repeater field; in our case, it is Steps List.

3. After that, from the third dropdown, you have to select the post where you’ve added the repeater data.

4. On the next screen, you can select a predefined layout or click the Skip button to create a custom layout using different blocks from Nexter Blocks.

For instance, let's select **Standard (Visual + Text)** layout. This will create the layout using the Image, Heading and Dynamic HTML blocks from Nexter Blocks.

From the **Content** tab, you can change the Post Type, Repeater Field and Post.

From the **Extra Options** tab, you can adjust padding, no of columns, column gap and row gap. 

5. To show the image, click on the Image block and click on the Dynamic Field option, then select the appropriate field name from the Dynamic URL dropdown; in our case, it is Step Image.

Now you’ll see the image dynamically.

6. Then, for the text, click on the Heading block and click on the Dynamic Field option, then select the appropriate field name from the Dynamic Field dropdown; in our case, it is Step Title.

7. Now for the text area data, click on the Dynamic HTML block and click on the Dynamic Field option, then select the appropriate field name from the Dynamic Field dropdown; in our case, it is Description.

> *Note: To show the text area data, you have to use the Dynamic HTML block.*

As per our settings, now all the repeater data will show dynamically.

To display other types of dynamic custom field data, see [How to Add Dynamic Content in WordPress Gutenberg](https://nexterwp.com/docs/how-to-add-dynamic-content-in-wordpress/) for a full overview of dynamic field connections in Nexter Blocks.

To build a collapsible accordion list from your repeater data, see [How to Add an Accordion in WordPress](https://nexterwp.com/docs/add-accordion-in-wordpress/) and place the Accordion block inside the Repeater block content area.

Here is the list of blocks that you can use inside the Repeater block to show the data.

**Free Blocks**

- [Core Heading](https://nexterwp.com/nexter-blocks/blocks/wordpress-heading/) 

- [Core Button](https://nexterwp.com/nexter-blocks/blocks/wordpress-button/)

- [Advanced Button](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-button/)

- [Blockquote](https://nexterwp.com/nexter-blocks/blocks/wordpress-blockquote-block/)

- [Core Image](https://nexterwp.com/nexter-blocks/blocks/wordpress-image/)

- [Info Box](https://nexterwp.com/nexter-blocks/blocks/wordpress-infobox/)

- [Pricing List](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-list/)

- [Message box](https://nexterwp.com/nexter-blocks/blocks/wordpress-message-box/)

- [Paragraph](https://nexterwp.com/nexter-blocks/blocks/wordpress-pro-paragraph/)

- [Advanced Heading](https://nexterwp.com/nexter-blocks/blocks/wordpress-title-block/?utm_source=wpbackend&utm_medium=blocks&utm_campaign=nextersettings)

- [Container](https://nexterwp.com/nexter-blocks/blocks/wordpress-container)

**Freemium Blocks**

- [Accordion](https://nexterwp.com/nexter-blocks/blocks/wordpress-accordion-toggle/)

**Pro Blocks**

- [CTA Banner](https://nexterwp.com/nexter-blocks/blocks/wordpress-cta-banner/)

- [Pro Button](https://nexterwp.com/nexter-blocks/blocks/wordpress-pro-button/)

- [Advanced Image](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-image/)

- [Expand](https://nexterwp.com/nexter-blocks/blocks/wordpress-unfold-read-more-button/)

- [Heading Animation](https://nexterwp.com/nexter-blocks/blocks/wordpress-heading-animation/)

- [Pricing Table](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-table/)

> *Note: To show the text area data, you have to use the Dynamic HTML block.*