How To Make A Testimonial Page Using ACF Pro and Oxygen Builder

Published: 2 months ago

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.

General structure on the back end.
Using the dynamic data feature for the text.

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.

Join Our Newsletter
Here's what you get: A once a week newsletter that contains original content, aggregated posts, WordPress deals, and anything else we think you'd like. We don't spam or sell your email address. Unsub at any time.
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Affiliate Disclosure: Some links on this website are affiliate links. We make commissions for purchases made through those links.

We only recommend items/tools that we've personally used and like.

Full Disclosure | FTC Statement

Join Our Newsletter
Over 4,000 Design Lovers and Problem Solvers.

Author

A relationship driven website creation company.

Connect

© ISOTROPIC, LLC 2016-2021
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram