If you use Elementor often, you probably have already noticed that lots of widgets have a little “Dynamic Tags” button with a cylinder-shaped icon. Besides that, some of JetPlugins have a Dynamic Settings section in the menu. This tutorial reveals what those features are for and how you can use them to show the dynamic content on your site’s pages.
What a Dynamic Tag is?
A Dynamic Tag is a special source of content. Instead of typing the text in or uploading media right to the widget, you can pull it dynamically from another source with the help of a dynamic tag. It could be either the info about the post’s author, site name and post excerpt or data from the custom meta fields. This option becomes available if you have Elementor Pro or installed one of JetPlugins that provides dynamic content, like JetEngine or JetBooking.
How to use Dynamic Tags?
1 Step — Choose the Dynamic Tag type
For example, let’s take a look at the basic Image Elementor widget. When you drop it to the page, you are offered to choose the picture for display on the left-side menu. “Dynamic Tags” is in the right bottom corner of the Choose Image field. Click on it and you will see the list of all tag types that can be used with this widget.
For JetEngine, those are:
- Custom Image – the image from the meta fields added to the Custom Post Type;
- Term Image – the picture from the meta field you created for the Custom Taxonomy;
- Image from options – the image from the meta field, which you have chosen to use like an Options Page;
- User Image – the photo from the meta field added to the User Profile;
- Custom Content Type Image – the image from the meta field you created for the Custom Content Type.
2 Step — Specify the source
After you choose the type of the Dynamic Tag, you have to specify the meta field from which to pull the data. To do it, click on the field to open the drop-down menu. Despite this tutorial using the Images widget as an example, the steps are all the same for all Dynamic Tags fields.
When you open the Field drop-down menu, you will see the list of all meta fields of demanded type with the data that has a suitable format. Besides that, there will be some additional features like the Fallback (that is the data that will be shown if something is wrong with the main info). Choose the necessary meta field, define the additional settings, and voila! Your basic Image widget pulls the content dynamically from the chosen source.
How to use the Dynamic Settings section?
The Dynamic Settings section is added to all JetPlugins’ widgets where the data from Dynamic Repeater can be used. To learn more about the Dynamic Repeater functionalities, go through this tutorial.
For example, let’s take a look at the Slider widget from JetElements. The appearance of the Dynamic Settings section will be almost similar for different widgets. Unfold it and turn on the Enable dynamic data toggle.
Afterward, you have to place the name of the repeater field to the Repeater field name text area. All the other fields you can see in this section represent the fields of the widget that can be filled with the data, placed to the corresponding repeater meta fields. You just have to put the names of those meta fields to the related bars.
When you are done with that, the widget will show the content pulled from the repeater you previously created.
That’s all about Dynamic tags and Dynamic Settings. Now you can use them to display dynamic data on the pages of your website. Enjoy!