How to Use ACF Pro Repeater Fields – Learn the Basics

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.

Prerequisites

Please make sure you have the following installed and activated:

• Advanced Custom Fields (Pro)

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.