Dynamic Tags Overview
From this tutorial, you will learn what a dynamic tag is, how to display dynamic content with its help, and which features the Dynamic Settings section can offer.
Dynamic Tags Usage
For example, dynamic tags can be applied to the basic Image Elementor widget. When it is dropped to the page, the settings menu is opened.
The “Dynamic Tags” button is located in the bottom right corner of the Choose Image field. After it’s clicked, it opens the list of all tag types that can be used with this widget.
After the Dynamic Tag is selected, the meta field from which to pull the data should be specified; it can be done with the help of the Field drop-down list. Despite this tutorial using the Image widget as an example, the steps are all the same for all Dynamic Tags fields.
In the Field bar, there is a list of all meta fields of demanded type with the data that has a suitable format.
Some of the tags have a Context drop-down list, like User Image or User Field. It defines the user more specifically:
- Current User (global) — the user for whom the page was created;
- Current User (for current scope) — the user currently proceeding. For example, there is a listing of users that shows the posts written by the user after clicking on them. In this case, if the Current User (for current scope) is selected, it will display the meta field value of the user just clicked on, not the logged-in user;
- Queried User — the currently logged-in user or the user mentioned in the URL (the ID of the user is in the URL);
- Current Post Author — the meta field value of the user that is the author of the currently opened post;
- Current CCT Author — the data in the meta field of the user that is the author of the currently opened Custom Content Type item. It can be used in the CCT Listing Template to show the information about the CCT item author;
- Related Items From… — the data for the created relation. To learn more, navigate to the Relations Dynamic Output tutorial.
Besides that, it contains additional features like the Fallback (data that will be shown if something is wrong with the main info).
Then, the necessary meta field should be selected, and the additional settings should be defined. Now, the Image widget pulls the content dynamically from the chosen source.
Dynamic Tags Full List
Here is a list of all the dynamic tags that can appear for widgets with different plugins and modules activated.
JetEngine tags for Image widget
These tags will appear for the Image widget by default if you have the JetEngine plugin installed and activated.
- Custom Image — image from the meta fields added to the Custom Post Type;
- Term Image — picture from the meta field created for the Custom Taxonomy;
- Image from options — image from the meta field chosen to use like an Options Page;
- User Image — photo from the meta field added to the User Profile.
JetEngine tags for fields
This list of tags is shown for widgets that display text information or links (like Text Editor, Button, or Heading).
- Custom Field — data from one of the meta fields added to the Custom Post Type;
- Term Field — a value of the meta field created for the Custom Taxonomy;
- Option — data put into a particular Options Page;
- User Field — data from the meta field added to the User Profile;
- Current Object Field — data from the SQL query;
- Query Results Count — number of query results created with Query Builder.
Query results count dynamic tag
The Query Results Count dynamic tag shows the total number of query results and the number of currently visible query results on the page. It works with queries created via Query Builder.
In the Settings tab, such features can be spotted:
- Query — query with pagination that is applied to the widget under;
- Returned Count:
- Total query results count — number of total query results of all pagination pages;
- Currently visible query results count (per page) — number of results on the current page;
- Custom format for several counters — counter which can be customized in the following Format field with the help of available macros.
In the Advanced tab, there are the following fields:
- Before and After — text before and after the number. In those two fields, one can use indents to separate the number from the text;
- Fallback — text that will be shown if data fails to be displayed.
Current object field dynamic tag
The Current Object Field dynamic tag can be used for such cases:
- to display a post, user, term, and comment meta;
- to collect the data from the SQL query;
- to use specific data called in Query Builder depending on clause conditions;
- to display the object’s called data on the front end or use it in the Dynamic Visibility Conditions to hide or show an element according to the object’s data;
- to use two or more tables from the database, e.g., USERMETA and MEMBERSHIP tables. Use the Query Builder and apply the Current Object Field dynamic tag to output the results.
JetEngine tags appearing after module activation
The following tags will appear in the list when the corresponding module is activated by navigating to WordPress Dashboard > JetEngine > JetEngine Dashboard > Modules.
REST API module
After activating this module, the “REST API Image” and “REST API Field” dynamic tags will appear in the tags list. Those tags display the information from the meta fields on another website yet received via REST API functionality. In the case of images, only the image’s ID can be displayed this way so far.
Custom content type module
Adds the “Custom Content Type Image” and “Custom Content Type Field” tags to the list. When chosen, these dynamic tags display the value of the meta field created for the Custom Content Type.
After enabling this module, the “Data Stores: Post Count” and “Data Stores: Store Count tags” appear in the list. They allow adding a counter of likes and a counter of items in the store.
Also, a “Data Stores: Get Store” tag will appear. It can be found in the Query settings section of widgets that display posts (Listing Grid, for example). It allows the widget to show items from the store and thus include or exclude them from the list. For instance, it cannot be used to show the items the user added to the favorites in the general grid.
When the Profile Builder module is active, it adds a “Profile Page URL” tag available only in those features that are supposed to add a URL (for example, a link to the Heading). This tag creates a link to one of the profile pages.
- Profile Page — pages created in Profile Builder;
- Context — here, the page can be specified:
- Queried User — page of the logged-in user or user mentioned in the URL;
- Current Post Author — profile page of the author of the post;
- Current CCT Item author — profile page of the current CCT item author;
- Add Query Argument — when this toggle is enabled, a URL of the profile page can be built.
After the Map Listing module activation, the “Open Map Listing Popup” tag also appears. This tag is available for features that add a URL to the page (like the Link feature of the Heading widget); it opens a Map Listing pop-up.
In the Specific post ID bar, one can put the ID of the post in the Map Listing to open. Here, the Trigger can also be set – whether the pop-up will appear when the user hovers over the link or clicks on it.
The Zoom field can be filled in with the value that will zoom the needed item on the map according to the completed number.
This tag is available right after JetEngine plugin activation. However, it can be used only in JetEngine widgets like Listing Grid or Dynamic Link and features that allow dynamic tags usage (for example, in the Posts Query settings section).
This tag allows the use of macro codes. These can be typed in the field manually or selected in the Macros list.
Dynamic function tag
It appears in the tags list after the JetEngine plugin activation. This tag has a few more complex settings, so it will be described in a separate paragraph.
This tag performs calculations with the field values. The Function defines the type of calculation:
- Function — calculations to be performed with the field’s value:
- Summed value — counts the sum of values;
- Average value — counts the average value of the ones placed in the field;
- Count — counts the number of posts/terms/users having the mentioned field filled with data;
- Maximum/Minimum value — checks the values in the field and displays the maximal/minimal one.
- Data Source — field to choose where to take the data from — Post, Term, or User meta fields. If you have selected the Post Meta option, you will be additionally asked to specify the Data Context:
- All posts — data will be taken from all posts;
- Posts from current term — term in the Taxonomy drop-down to be selected so the data will be taken only from the posts of that taxonomy;
- Posts by current user — the values will be taken from the posts of the current user;
- Posts by queried user — the user in the Set user ID/login/email bar, so the values of that user’s post will be calculated;
- Field Name — the name of the field. The values of that field will be used in calculations;
- Decimal Point — available for all functions except the “Count.” It defines the appearance of the decimal point;
- Thousands separator — available for all functions except the “Count.” It defines the appearance of the thousands separator;
- Decimals Count — available for all functions except the “Count.” It defines how many numbers after the decimal will appear.
The “JetAppointments Booking: add booking to Google calendar” tag appears after activating the JetAppointment plugin. It allows creating the link to add appointments to the Google calendar. The usage of this tag is described in the tutorial that reveals how to add the appointment to the Google calendar.
The JetBooking plugin adds a “JetBooking: Price per day/night” tag. It helps to display prices per day/night dynamically. A detailed description of all the tag’s settings can be found in our JetBooking price displaying tutorial.
The JetReviews plugin adds two dynamic tags to the list – “Average Rating” and “Reviews Info.” They allow adding an average rating number and reviews counter to the rating element. You can find a detailed guide to those tags’ usage in this JetReviews rating tutorial.
That’s all about Dynamic tags and their settings available with the JetEngine plugin for WordPress websites.