Skip to content

What is Elementor Dynamic Content, and how can I add it to my website?

Dynamic content, Elementor,

Elementor Pro has a number of features, one of which is dynamic content. If you want to use Elementor Pro’s theme builder to design your own WordPress theme, this is a must-have feature. You can use this functionality to provide dynamic content in your theme templates. Wait. What exactly is dynamic content? Continue reading to find out more.

Simply simply, dynamic content is material that changes as data on your website changes. Take, for example, the title of your website. If you wish to manually input the title of your site when constructing a page with Elementor, such as the homepage, you can do so.

But consider this: What if you decide to modify the title of your website in the future? Correct! You must manually alter the site title on your homepage. This might not be a severe issue if you merely put the site title to the homepage. What if you also included the site title on other pages? This is going to be a nightmare for you. This is when dynamic content enters the picture.

The Site Title widget in Elementor will automatically draw your site title into the place you add it to. The site title is an example of dynamic content in this scenario. Site logo, post title, post meta, featured image, post content, and so on are all instances of dynamic content. All of the dynamic content kinds can be added to your design using Elementor. It doesn’t matter if it’s a page or a template.

Why is dynamic content so important?

If you utilise WooCommerce, the theme builder feature of Elementor allows you to create unique templates for all theme sections, including the single product page. Let’s imagine you want to redesign your WooCommerce-powered store’s single product page. You’d have to manually construct the layout of every single product you had if you didn’t use dynamic content, which would take a long time.

You can create a new single product page template with dynamic content to replace your theme’s default single product page template, which you can design yourself. The layout of your custom template will then be used to show every product on your WooCommerce-powered store. You can include the following elements/widgets in a custom single product page template:

  • Breadcrumbs
  • Product title
  • Product images
  • Product price
  • Product rating
  • Product stock
  • Product meta
  • Product description
  • And so on

Another case in point. Let’s say you’d like to make a unique header template for your website. Obviously, you’ll want to include your website’s logo. You have two possibilities in this situation. To begin, simply upload your site’s logo (you can use the Image widget to do so). You can also use the Site Logo widget. When you update your site’s logo, the first choice needs you to edit the header. The Site Logo widget will automatically pull the site logo you specify in the theme customizer (Appearance -> Customize), so you won’t have to alter the header if you change your logo with the second option. In the same format as before.

You may use Elementor to create dynamic content kinds

Image, text, and link are the three sorts of dynamic content you can use with Elementor. The featured image of blog articles, the site logo, the author profile photo, WooCommerce product images, and so on may all be dynamic images. Site title, post title, post meta, product title, product pricing, and so on are examples of dynamic text.

In addition to the above-mentioned WordPress dynamic content kinds, you can also use custom fields developed with plugins like ACF and Pods to add dynamic content. The following custom field plugins are supported by Elementor:

  • Advanced Custom Fields (ACF)
  • Pods
  • JetEngine
  • Toolset
  • Metabox

In Elementor, how can I add dynamic content?

Image

Depending on the type of dynamic image you’d like to use. You can incorporate a dynamic image into your design using the available widgets. You can use the following widgets to add a dynamic image:

  • To add a site logo, go here.
  • Featured Image: To include a featured image for each blog article.
  • You can use this widget to add all of the dynamic image kinds that WordPress supports. From the site logo to the author profile photo to the featured article and WooCommerce product, and so on.

Site logo

Drag the Site Logo widget from the left panel to the canvas area to add a site logo. Your site’s logo will be loaded automatically by the widget.

Featured Image

The featured picture should be put to the single post template, but if you want to add a dynamic image from the featured image of blog posts, you can add it anywhere. You can add the Featured Image widget to the canvas area in the same way you add the site logo. In most circumstances, you’ll see a blank image in the Elementor canvas instead of the actual featured image (the actual featured image will appear on the live page).

You can use a fallback picture to make it easier to style the featured image (the default image to replace the featured image if the featured image is not set). To do so, go to the left panel and click the wrench symbol in the Featured Image section.

Photo of the author, and picture of the user

The Image widget can be used to add author profile pictures, user profile pictures, and other dynamic image kinds. As a result, drag the Image widget onto the canvas. Hover your mouse over the picture selector and click the database icon once it’s been added (Dynamic Tags). You can choose the type of dynamic image to use.

If you like, you can use utilise dynamic image as a column or section background. To do so, change the backdrop type to Classic and then click the database icon to select the dynamic picture type you want to utilise.

Text

Elementor includes a number of widgets that are specialised to adding text-based dynamic content. You can use the following widgets to add text-based dynamic content:

  • To add a site logo, change the title of the site.
  • To add a page title, click here.
  • To add a post title, click here.
  • To add a post excerpt, click here.
  • To add information to a post, click the “Add Post Info” button.
  • You can simply drag a piece of text-based dynamic content to the canvas area using the widgets above.

You can also use the Text or Heading widgets as an alternative. To use the Text/Heading widget, simply drag it to the canvas area. You can select the dynamic content type you want to add from the available possibilities by clicking the database icon (Dynamic Tags) in the content editor box on the left panel.

Link

If you desire, you may also include a dynamic link in your Elementor design. Post URLs, archive URLs, site URLs, author URLs, contact URLs, and more dynamic link kinds are available. One of the most intriguing features is the ability to link to a popup built with Elementor.

To add a dynamic link, use the Button widget or any widget that allows you to add a link. Select the dynamic link type you want to add from the available options by clicking the database symbol in the link Link box.

Fields that you can customise

In this article, we’ve covered a lot of ground when it comes to WordPress custom fields. You can learn more about it by reading it. If you work for a web agency that creates websites for clients, knowing how custom fields function is essential. By designing custom fields based on the demands of websites, you will be able to add particular features or functionality to the websites you’re working on. It could save money on production because you won’t have to acquire as many plugins to get the features and functions you require.

Custom fields — as well as custom post types — can be created for:

Job openings & property listings

Elementor, as previously stated, supports popular custom field plugins such as JetEngine, ACF, Pods, and Toolset. You may learn how to add custom fields in Elementor by reading our article.

Last but not least

As you may be aware, Elementor includes a theme builder tool that you can use to create custom templates to replace your theme’s default templates. To use this function, you must first grasp the concept of dynamic content, which is critical to fully utilising WordPress’s potential as an open CMS. If you work for a web firm, understanding the concept of dynamic content, particularly custom fields, is even more important because it will save production costs. While WordPress’s default dynamic content types are limited, you can construct new ones to meet your specific needs. The combination of Elementor and the custom field plugin might be a powerful tool for creating any form of website for a lesser price.