Dynamic content pulls content from the website or current page. The post title widget is a good example of this. This widget displays the title of the page or post. It is dynamic because it changes depending on the page or post being used.
Let's look at an example. Let's say we want to add the tagline of our website on a page. Here's how we can add it dynamically.
- commander-in-chief (military)Title WidgetDrag it onto the screen.
- Click theDynamic icons.
- Select from the drop-down list"Web site tagline"Then observe that the default header text changes immediately to reflect your site's tagline.
Before, after and fallback fields
You can optionally add to each dynamic elementBefore, after and afterContent. This is useful for adding static content before or after dynamic content. Use thefallbackfield sets the default content to be used when the element has no content or does not exist.
- Click next to the Dynamic Content Typewrench icon to open the options for the content type. For certain types of dynamic content, the"Advanced"tab to find these options, especially if other options are available for the specific type of dynamic content selected.
Dynamic content - not just text
Text is not the only dynamic content available. Dynamic functionality can also be used with classic elements such as images, videos and more - wherever you see the icon. Clicking on the icon will switch the widget content from static to dynamic.
User Profile Picture
For example, it is possible to create dynamic user-centered pages that dynamically generate a user's profile picture using only the user's profile picture dynamic data.
Dynamic digital control
Starting with Elementor Pro 2.7, numeric controls on counter widgets, price list widgets, star rating widgets, and more can now use dynamic numbers for creative and advanced functionality.
Custom field keys
Also starting with Elementor Pro 2.7, custom field keys can be used to populate dynamic controls. Some custom fields usually do not appear in the WordPress editing area. In this case, you can use custom field keys from the Dynamic Options in Custom Keys.
Preview dynamic content in individual templates and archive templates
When creating individual templates and archived templates, it is helpful to select what you want to view when designing and editing the template. While the template may be applied to multiple pages, you can select any specific page as preview content so that you can see the effect of the template when it is applied to that specific page while editing. Select different pages at any time during the editing process to preview how the template will look on those pages.
Preview Panel
- click (using a mouse or other pointing device)Widget Panellower leftGear IconsThe
- Preview dynamic content as: Select the type of content to be previewed, e.g. post, page, media, etc., and then select a specific page, post, etc. as the content to be viewed when editing the template.
summarize
Effectively utilizing dynamic content not only greatly enhances the user experience of your website, but also increases the efficiency and flexibility of content management. By using tools such as Elementor Pro, dynamic elements such as text, images, video and digital controls can be easily added and previewed. This not only makes it possible to personalize the user interface, but also ensures that you can see the impact of changes in real time during the design and implementation process.