October 5, 2023

How to Use ACF Pro Repeater Fields – Learn the Basics

Play Video

ACF Pro Repeater fields are a powerful feature that allows you to create dynamic content on your WordPress website. This tutorial aims to guide you through the process of setting up and using Advanced Custom Fields Pro Repeater fields.


Please make sure you have the following installed and activated:

Setting Up the Repeater Field

Create a New Field Group

  1. Navigate to Custom Fields > Field Groups in your WordPress dashboard.
  2. Click on Add New to create a new field group.
  3. Name the field group. For example, “Job Details”.

Add the Repeater Field

  1. Scroll down to the Fields section.
  2. Click on Add Field.
  3. Choose “Repeater” from the field type dropdown or browse fields.
  4. Name the field, for example, “Job Details”.

Tip: You can also add repeater fields to existing field groups.

Configuring Subfields

Add Text Field for Company Name

  1. Navigate to Subfields under the repeater field.
  2. Click on Add Subfield.
  3. Select “Text” as the field type.
  4. Name the subfield “Company”.

Add WYSIWYG Field for Job Description

  1. Click on Add Subfield again.
  2. Select “WYSIWYG” as the field type.
  3. Name the subfield “Job Description”.

Add Numeric Field for Salary

  1. Click on Add Subfield once more.
  2. Select “Number” as the field type.
  3. Name the subfield “Salary”.

Tip: You can prepend or append text to the number. For example, prepend a currency symbol like “$”.

Using the Repeater Field

  1. Navigate to the custom post type where you’ve assigned the repeater field.
  2. Click on Add New.
  3. Scroll down to the “Job Details” repeater field.
  4. Click on Add Row to add your first job.
  5. Fill in the company name, job description, and salary.
  6. Click on Add Row again to add more jobs if needed.

Note: You can remove rows by hovering over the row and clicking Remove.

Additional Layout Options

ACF Pro offers different layout options for the repeater field:

  • Table
    Default layout.
  • Block
    Stacks fields on top of each other.
  • Row
    A different layout that’s easier to navigate.

To change the layout:

  1. Navigate back to your field group in Custom Fields > Field Groups.
  2. Click on your repeater field to expand it.
  3. Select the layout you prefer from the Layout dropdown.

ACF Pro Repeater Fields Basics – Conclusion

Understanding how to use ACF Pro Repeater fields can greatly expand the dynamic content capabilities of your WordPress site. From creating job listings to complex layouts, the possibilities are endless.

Required Resources

Credit to WPTuts
WPTuts is a popular YouTube channel dedicated to providing high-quality, easy-to-follow tutorials for WordPress enthusiasts, web designers, and developers. The channel features a wide range of topics, from beginner guides on setting up your first WordPress site to advanced tutorials on customizing themes and plugins, ensuring that there's something for everyone
How to Use ACF Pro Repeater Fields – Learn the Basics
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.