Pods is a WordPress plugin to create custom fields. It’s especially a great solution if you are looking for a single solution to create custom fields and custom post type on your WordPress site. When creating a custom field group using Pods, you can assign it to an existing post type or create a new custom post type. There are 18 field types supported by Pods. One question. How to display the data of the custom fields you have created with Pods?
If you have PHP knowledge, you can use PHP code to display the data of the custom fields you created with Pods. Pods itself has provided useful documentation you can read to learn how to display custom fields. What about those who don’t know PHP? No worries, there is an easier way to display the data of your custom fields. We suggest you use a page builder plugin. Two WordPress page builder plugins that support integration with Pods are Elementor and Brizy. In this article, we will show you how to display Pods custom fields using Elementor. If you are new to Pods, you can read our previous article to learn how to create a custom field group using Pods.
How to display Pods custom fields using Elementor
To be able to display custom fields in Elementor, you need to use the pro version as the feature to add dynamic content (including custom fields) is only available on the pro version (read: Elementor Free vs Pro). If you are new to Elementor, WP Pagebuilders has a comprehensive guide to learn how to use Elementor.
In Elementor, custom fields can be displayed on a custom template (e.g. custom single post template). We have no idea whether it’s a bug or not, but you can’t display custom fields on a regular page. So in this example, we will display the custom fields on a custom template. We will create a custom single post template in this example.
Before getting started, make sure you already have the custom fields created with Pods and have some data to be displayed. Once you are ready, go to Templates -> Theme Builder on your WordPress dashboard. Go to the Single Post tab and click the Add New button to add a new template.
Give your template a name and click the CREATE TEMPLATE button to start creating the template.
The template library will appear right after you click the CREATE TEMPLATE above. You can select a premade single post template from the library. If you prefer to create the custom single post template from scratch, you can simply close the library window. We will use a premade template in this example. You can simply click the INSERT button to use a premade template.
Once the template is loaded to the canvas area, you can add the Text Editor widget. You can place it anywhere on your template. Once the Text Editor widget is added, click the dynamic icon on the content editor on the settings panel and select Pods Field.
Next, click the wrench icon on the Pods Field field and select the custom field (key) you want to display the data of.
To style up the text, you can go to the Style tab on the settings panel. From here, you can set the typography (font family, font size, font style, and so on), alignment, and text color.
Once you are done editing the template, you can click the PUBLISH button on the bottom side of the settings panel.
Add a display condition by clicking the ADD CONDITION button. End by clicking the SAVE & CLOSE button.
If the custom fields data don’t show up after you select a key, try to change the preview setting. You can read this article to learn more.