In this quick article, we're going to show you how to make a testimonial page using ACF Pro and Oxygen Builder. The goal of this isn't to act as a tutorial (per say), but as a reference that you can use to understand the power of these two plugins working together.
First, let's conceptualize the data structure of our testimonial. We want to show a name, quote and video. To do that, we'll use three individual fields: 1) Name, 2) Quote and 3) a video testimonial, hosted on a 3rd party service. We'll also use the ACF Pro Repeater field type, which will allow our clients to add and remove as many testimonials as they'd like. This is a great use case for this powerful field - repeating content that you don't want to / need to make a complete custom post type for. It also natively integrates with the Oxygen Builder repeater field.
Here we can see that the field is a single repeater, with three sub fields: Name, Quote, Testimonial.
On the clients side of things, it's easy to use and shows up in the testimonials page - easy to remember how to add and remove on their end. Here's what they see:
Once the data is populated, it shows on the frontend like so. Clients can easily edit, add, remove, and reorder this content.
On the Oxygen Backend, we're using the repeater. It's a simple structure. The name and quote are populated by using Oxygen's built in dynamic data feature.
The complicated part of this process was adding in the video, which is populated as an embed iFrame. Also, this site hasn't gone live yet, so we may rework the way videos are added to the page, if there's a major performance implication. Currently, we're using the PHP section of a code block to call the subfield into the individual section of the repeater. Here's how that works:
And that's how we made a client-editable testimonial section using ACF Pro and Oxygen Builder. This should show you a use case as well as the power behind this plugin pair.
IsoGroup- Web Dev/Design, WordPress and More