{"id":38109,"date":"2020-05-04T08:29:09","date_gmt":"2020-05-04T08:29:09","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=38109"},"modified":"2025-12-04T07:33:03","modified_gmt":"2025-12-04T05:33:03","slug":"dynamic-content-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/","title":{"rendered":"What Is Dynamic Content in Elementor Pro? Plus How to Use Dynamic Content"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"38109\" class=\"elementor elementor-38109\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3158c2a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3158c2a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7553dc3\" data-id=\"7553dc3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c7b765 elementor-widget elementor-widget-text-editor\" data-id=\"6c7b765\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With Elementor Pro, you get access to a powerful new <a href=\"https:\/\/elementor.com\/features\/\">feature<\/a> &#8211; <strong>dynamic content<\/strong>.<\/p>\n<p><a href=\"https:\/\/elementor.com\/features\/dynamic-content\/\">Dynamic content<\/a> lets you take content from somewhere on your WordPress site and automatically insert it into your Elementor designs.<\/p>\n<p>If you use Elementor Theme Builder, dynamic content will play an essential role in helping you create your theme templates. And even if you&#8217;re not building theme templates, you can still use dynamic content in your one-off Elementor designs.<\/p>\n<p>In this post, you&#8217;ll learn more about what dynamic content is and some of the ways in which it can benefit you. Then, we&#8217;ll show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b557199 elementor-widget elementor-widget-heading\" data-id=\"b557199\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Is Dynamic Content?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c06ee6c elementor-widget elementor-widget-text-editor\" data-id=\"c06ee6c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In general, dynamic content is content that changes based on data from your site or user behavior.<\/p><p>For example, the &#8220;My Profile&#8221; page at a website. The <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/url\/\"   title=\"What is a URL? Structure, Syntax &amp; Best Practices\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26026\">URL<\/a> is usually the same for each user (e.g. <strong>examplesite.com\/my-profile<\/strong>), but each user only sees their own information because the information is <em>dynamically<\/em> pulled from the site&#8217;s database.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad1983 elementor-widget elementor-widget-heading\" data-id=\"6ad1983\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How Dynamic Content Works in Elementor\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e28c8e9 elementor-widget elementor-widget-text-editor\" data-id=\"e28c8e9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In Elementor, dynamic content lets you automatically insert content from your WordPress site in your Elementor designs.<\/p><p>To illustrate how this concept works, let&#8217;s look at a specific example &#8211; your site&#8217;s logo.<\/p><p>You can set your site&#8217;s logo in the <strong>Site Identity<\/strong> section of the real-time WordPress Customizer. Let&#8217;s say you&#8217;ve done that, but now you also want to display your logo in one of your Elementor designs.<\/p><p>One option would be to just use an image widget and upload your logo image again. But what happens if you change your logo in the future using the WordPress Customizer?<\/p><p>With a static image widget, nothing would happen. But with dynamic content, Elementor would automatically update your logo because it&#8217;s <em>dynamically<\/em> pulling the logo image from whichever image you select in the WordPress Customizer.<\/p><p>Dynamic content lets you apply this basic principle to all areas of your Elementor designs. For example, you can insert blog post content, user or author profile information, data from custom fields, and a lot more.<\/p><p>Let&#8217;s look at some examples of what you can do with it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5515e elementor-widget elementor-widget-heading\" data-id=\"7e5515e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Examples of Dynamic Content in Elementor\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9faa960 elementor-widget elementor-widget-text-editor\" data-id=\"9faa960\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>So what can you do with dynamic content in Elementor? Well, it&#8217;s a powerful feature, so the answer is &#8220;a lot&#8221;. But let&#8217;s take a look at some common examples to get your creative juices flowing\u2026<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a64691 elementor-widget elementor-widget-heading\" data-id=\"6a64691\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Templates With Theme Builder and WooCommerce Builder\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85ed6ae elementor-widget elementor-widget-text-editor\" data-id=\"85ed6ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>First off, <a href=\"https:\/\/elementor.com\/features\/theme-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor Theme Builder<\/a> and <a href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor WooCommerce Builder<\/a> rely heavily on dynamic content.<\/p><p>For example, let&#8217;s say you want to design the single product page on a WooCommerce store. Without dynamic content, you&#8217;d have to manually create the layout for every single product, which would take forever.<\/p><p>But with dynamic content, you only need to create the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26025\">template<\/a> one time using WooCommerce Builder. Then, your WordPress site will dynamically fill in the content for each product according to your template.<\/p><p>It&#8217;s the same for other templates like:<\/p><ul><li>Blog posts<\/li><li>Headers<\/li><li>Footers<\/li><li>Other custom post types<\/li><li>Etc.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2d28c elementor-widget elementor-widget-heading\" data-id=\"8a2d28c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">User Pages and Personalization\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a6e94 elementor-widget elementor-widget-text-editor\" data-id=\"a9a6e94\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you have a site with public registration, you can also use dynamic content to create pages for your users. For example, you could design a front-end profile page that dynamically fills in a user&#8217;s name, photo, and other details. You could use the same URL for the page (<strong>e.g. yoursite.com\/profile<\/strong>), but each user would see their own information when they visit that page.<\/p><p>Or, you could use Popup Builder to create a welcome popup that greets logged-in users by name, which lets you set up some personalization on your website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd81a73 elementor-widget elementor-widget-heading\" data-id=\"bd81a73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Custom Fields\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a29785 elementor-widget elementor-widget-text-editor\" data-id=\"3a29785\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Beyond drawing on information from native WordPress data (like your site logo or the title of a blog post), you can also use dynamic content to insert information from custom fields that you&#8217;ve added with plugins like <a href=\"https:\/\/elementor.com\/blog\/acf-vs-pods-vs-toolset\/\" target=\"_blank\" rel=\"noopener\">Advanced Custom Fields (ACF), Toolset, and Pods<\/a>.<\/p><p>This opens up a ton of possibilities for building custom WordPress sites, especially when combined with <a href=\"https:\/\/elementor.com\/blog\/wordpress-custom-post-types\/\" target=\"_blank\" rel=\"noopener\">custom post types<\/a>.<\/p><p>For example, you could create custom post types and custom fields for:<\/p><ul><li>Events<\/li><li>Job listings<\/li><li>Business listings<\/li><li>Etc.<\/li><\/ul><p>Then, you could use dynamic content to build the template for your custom post type. For example, if you had a job listing site, you could dynamically insert data from custom fields like:<\/p><ul><li>Job salary<\/li><li>Department<\/li><li>Qualifications<\/li><li>Etc.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a496164 elementor-widget elementor-widget-heading\" data-id=\"a496164\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Client Sites\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0620e7 elementor-widget elementor-widget-text-editor\" data-id=\"a0620e7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dynamic content can also help you build simpler experiences for clients, especially when combined with custom fields.<\/p><p>For example, let&#8217;s say that you want to let clients update their homepage after you deliver the website.<\/p><p>One solution would be to just give them access to Elementor&#8230;but that also gives them a chance to break things! <em>We all know how clients love to break things. <\/em><\/p><p>If you want to make it all but impossible for clients to mess something up, you could use custom fields on the back-end for the information that clients might want to update. Then, you could use dynamic content in Elementor to automatically insert that information into your design.<\/p><p>Then, the client can completely bypass Elementor (and bypass the chance to break your design) &#8211; all they do is update the information in the custom fields. Then Elementor will dynamically update the design on the front-end to reflect those changes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b76a43 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b76a43\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f19418\" data-id=\"7f19418\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6fc8d69 elementor-widget elementor-widget-heading\" data-id=\"6fc8d69\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Use Dynamic Content in Elementor\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9f7cf elementor-widget elementor-widget-text-editor\" data-id=\"4f9f7cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Note, you need <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a> to access the dynamic content feature.<\/strong><\/p><p style=\"text-align: center\"><strong><a href=\"https:\/\/elementor.com\/pro\/\">Click to unlock Elementor Pro features and widgets<\/a><\/strong><\/p><p>You can use Elementor&#8217;s dynamic content feature both when editing individual pieces of content and creating templates in Theme Builder or WooCommerce Builder. You can also use dynamic content in popups that you build with <a href=\"https:\/\/elementor.com\/features\/popup-builder\/\" target=\"_blank\" rel=\"noopener\">Popup Builder<\/a>.<\/p><p>The easiest way to get started with dynamic content in Elementor is to use the dynamic Site widgets that come with Theme Builder or WooCommerce Builder.<\/p><p>When you create a new template with Theme Builder, you&#8217;ll get a set of dynamic widgets that apply to that template.<\/p><p>For example, if you&#8217;re building a header, you&#8217;ll get widgets to insert your site logo, title, navigation menu, etc:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-515b20e elementor-widget elementor-widget-image\" data-id=\"515b20e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/widgets-for-building-a-header-r4q77ltbtpf9kni4sovn0u88own8tpillp91nxg9m4.png\" title=\"widgets for building a header\" alt=\"widgets for building a header\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2f6fdd elementor-widget elementor-widget-heading\" data-id=\"d2f6fdd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Use Dynamic Content With Other Widgets\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0085bb0 elementor-widget elementor-widget-text-editor\" data-id=\"0085bb0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Beyond the pre-set dynamic widgets, you can also dynamically insert content into regular Elementor widgets.\u00a0<\/p><p>I&#8217;ll start by showing you how the basic process works, and then I&#8217;ll cover some specific examples.<\/p><p>To insert dynamic content in a regular Elementor widget, open the widget&#8217;s settings and look for the <strong>Dynamic Tags<\/strong> icon next to a field that is eligible for dynamic content.<\/p><p>For example, here&#8217;s what it looks like for a simple Text Editor widget:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59267b7 elementor-widget elementor-widget-image\" data-id=\"59267b7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/dynamic-tags-in-text-editor-widget-r4q77tc1cdpk5j77ks4nksbxfzm6jacgaqgxi5556s.png\" title=\"dynamic tags in text editor widget\" alt=\"dynamic tags in text editor widget\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-660289b elementor-widget elementor-widget-text-editor\" data-id=\"660289b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you click the icon, you&#8217;ll see a drop-down list where you can browse through all the potential dynamic information to insert (The list in the drop-down depends on what field you&#8217;re filling).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-195e770 elementor-widget elementor-widget-image\" data-id=\"195e770\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"520\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=520\/blog\/wp-content\/uploads\/2020\/05\/dynamic-information-dropdown-768x520.png\" class=\"attachment-medium_large size-medium_large wp-image-38117\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/dynamic-information-dropdown-768x520.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/dynamic-information-dropdown-300x203.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/dynamic-information-dropdown-1024x693.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1241\/blog\/wp-content\/uploads\/2020\/05\/dynamic-information-dropdown.png 1241w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5115296 elementor-widget elementor-widget-text-editor\" data-id=\"5115296\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you select the data to insert, you&#8217;ll see it in the sidebar. You&#8217;ll also see the live preview of your design update to reflect the change. For example, the title of my example post is &#8220;Dynamic Content Example&#8221;, which is why you see that text on the live preview of the design below.<\/p><p><br \/>To further configure the dynamic content, you can click the <strong>wrench<\/strong> icon.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54a6fe5 elementor-widget elementor-widget-image\" data-id=\"54a6fe5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/the-wrench-icon-r4q6ys3vnpcckgbmbvjqm2efwo56k0hbq0qxgejcg8.png\" title=\"the wrench icon\" alt=\"the wrench icon\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19707d6 elementor-widget elementor-widget-text-editor\" data-id=\"19707d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There, you&#8217;ll get three options:<\/p><ul><li><strong>Before <\/strong>&#8211; add static text before the dynamic content.<\/li><\/ul><ul><li style=\"list-style-type: none\"><ul><li><strong>After<\/strong> &#8211; add static text after the dynamic content.<\/li><\/ul><\/li><\/ul><ul><li><strong>Fallback <\/strong>&#8211; enter some default content that will display in case there&#8217;s no dynamic content to fill the widget.<\/li><\/ul><p>Some widgets also give you some other options, which you&#8217;ll see in a second.<\/p><p>So that&#8217;s how to insert dynamic text &#8211; now, let&#8217;s look at some other examples of how to use dynamic content in Elementor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0049c elementor-widget elementor-widget-heading\" data-id=\"ae0049c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Dynamically Insert Images\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-287e693 elementor-widget elementor-widget-text-editor\" data-id=\"287e693\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor Pro also lets you dynamically insert images into widgets that incorporate images. Common examples here are:<\/p><ul><li>A post&#8217;s featured image<\/li><li>Your site&#8217;s logo<\/li><li>Author profile pictures<\/li><li>User profile pictures (<em>like a custom user profile page<\/em>)<\/li><li>WooCommerce product images<\/li><\/ul><p>Dynamically inserting images works just like text.<\/p><p>First, open the settings for a widget that contains an image. Or, you can also dynamically fill the background of a section or column.<\/p><p>Hover over the image field and click the icon. Then, you can choose the source for your image:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c878591 elementor-widget elementor-widget-image\" data-id=\"c878591\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/choosing-image-source-r4q6z67gi7vnelr51jn55guctg7orh1aryj7njyhqe.png\" title=\"choosing image source\" alt=\"choosing image source\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89e8fc5 elementor-widget elementor-widget-text-editor\" data-id=\"89e8fc5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you click the <strong>wrench<\/strong> icon, you&#8217;ll also be able to specify a fallback image that will display if Elementor can&#8217;t dynamically populate the image.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1db952 elementor-widget elementor-widget-heading\" data-id=\"d1db952\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Dynamically Insert Links<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-655fb27 elementor-widget elementor-widget-text-editor\" data-id=\"655fb27\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re using a Button widget or another widget with links, you can use dynamic content to fill the <strong>Link<\/strong> field.<\/p><p>One useful option here is the ability to dynamically open a popup or lightbox when visitors click on the button:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b243756 elementor-widget elementor-widget-image\" data-id=\"b243756\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/dynamic-link-field-r4q7329esj7dgi3pbq6jyzi1bv1dmdhaz7qk5s6u3g.png\" title=\"dynamic link field\" alt=\"dynamic link field\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7daad05 elementor-widget elementor-widget-heading\" data-id=\"7daad05\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Dynamically Insert Numbers\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58e5b92 elementor-widget elementor-widget-text-editor\" data-id=\"58e5b92\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can also dynamically insert numbers in some number-based widgets like:<\/p>\n<ul>\n<li><a href=\"https:\/\/elementor.com\/widgets\/counter-widget\/\">Counter widget<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/widgets\/star-rating-widget\/\">Star rating widget<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/widgets\/price-table-widget\/\">Price table widget<\/a><\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>For example, with the Counter widget, you can dynamically insert the:<\/p>\n<ul>\n<li>Starting number<\/li>\n<li>Ending number<\/li>\n<li>Number prefix<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e824e1 elementor-widget elementor-widget-image\" data-id=\"8e824e1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/dynamic-numbers-in-the-counter-widget-r4q78e0hiqhv8yd6812g3n42igs98mmjpktm28ahgy.png\" title=\"dynamic numbers in the counter widget\" alt=\"dynamic numbers in the counter widget\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3ebc9c elementor-widget elementor-widget-heading\" data-id=\"b3ebc9c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Dynamically Insert User Information\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2407283 elementor-widget elementor-widget-text-editor\" data-id=\"2407283\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want to dynamically insert user information, you&#8217;ll have one added step.<\/p><p>First, you&#8217;ll want to choose <strong>User Info <\/strong>from the Dynamic Tags drop-down. Then, you can click the <strong>wrench<\/strong> icon to choose the specific user information, like a user&#8217;s first name, last name, etc.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba31a8f elementor-widget elementor-widget-image\" data-id=\"ba31a8f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"532\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=532\/blog\/wp-content\/uploads\/2020\/05\/dynamic-user-info-768x532.png\" class=\"attachment-medium_large size-medium_large wp-image-38122\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/dynamic-user-info-768x532.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/dynamic-user-info-300x208.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/dynamic-user-info-1024x709.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1054\/blog\/wp-content\/uploads\/2020\/05\/dynamic-user-info.png 1054w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93a21b9 elementor-widget elementor-widget-heading\" data-id=\"93a21b9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Dynamically Insert Custom Fields\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ce778c elementor-widget elementor-widget-text-editor\" data-id=\"4ce778c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Inserting data from custom fields opens up a whole new world of possibilities because you can add your own dynamic data sources.<\/p><p>Elementor lets you insert dynamic data from popular plugins like ACF, Toolset, Pods, and Meta Box (for Meta Box, you need <a href=\"https:\/\/metabox.io\/plugins\/mb-elementor-integrator\/\" target=\"_blank\" rel=\"noopener\">the free integrator plugin<\/a>).<\/p><p>To get started, you&#8217;ll first need to create custom fields with your plugin of choice. For example, here&#8217;s what it looks like with ACF:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a07c987 elementor-widget elementor-widget-image\" data-id=\"a07c987\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/custom-fields-with-ACF-r4q6y4lwwug6i79r53e2dqbx21d07kw1asfsghi7j0.png\" title=\"custom fields with ACF\" alt=\"custom fields with ACF\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb90cd9 elementor-widget elementor-widget-text-editor\" data-id=\"bb90cd9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Then, you can select <strong>ACF Field<\/strong> as the dynamic tag source in Elementor. When you click the <strong>wrench<\/strong> icon, you can choose the specific ACF field to use from the drop-down:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f57f7fa elementor-widget elementor-widget-image\" data-id=\"f57f7fa\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"466\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=466\/blog\/wp-content\/uploads\/2020\/05\/choosing-acf-field-from-dropdown-768x466.png\" class=\"attachment-medium_large size-medium_large wp-image-38124\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/choosing-acf-field-from-dropdown-768x466.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/choosing-acf-field-from-dropdown-300x182.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/choosing-acf-field-from-dropdown-1024x621.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1042\/blog\/wp-content\/uploads\/2020\/05\/choosing-acf-field-from-dropdown.png 1042w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f66622 elementor-widget elementor-widget-heading\" data-id=\"7f66622\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Change Dynamic Content Preview\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dab43aa elementor-widget elementor-widget-text-editor\" data-id=\"dab43aa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Because Elementor&#8217;s dynamic content feature automatically pulls content from your site, there&#8217;s no single &#8220;preview&#8221; to see how your dynamic content will look in all situations.<\/p><p>To help you preview your dynamic content in different scenarios, Elementor lets you choose between different content items to use as the preview source. For example, you could switch between different blog posts.<\/p><p>To change your dynamic content preview, click on the <strong>Gear<\/strong> icon in the bottom-left corner of the sidebar and open the <strong>Preview Settings<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c61050f elementor-widget elementor-widget-image\" data-id=\"c61050f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"466\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=466\/blog\/wp-content\/uploads\/2020\/05\/preview-dynamic-content-settings-768x466.png\" class=\"attachment-medium_large size-medium_large wp-image-38125\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/preview-dynamic-content-settings-768x466.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/preview-dynamic-content-settings-300x182.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/preview-dynamic-content-settings-1024x622.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/preview-dynamic-content-settings-1536x932.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1585\/blog\/wp-content\/uploads\/2020\/05\/preview-dynamic-content-settings.png 1585w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35711d2 elementor-widget elementor-widget-text-editor\" data-id=\"35711d2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Note &#8211; changing your preview source only applies if you&#8217;re building templates. If you&#8217;re using dynamic content on a single piece of content, Elementor will just use data from the piece of content that you&#8217;re working with.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d445574 elementor-widget elementor-widget-heading\" data-id=\"d445574\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Started With Elementor Dynamic Content Today\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-758a2e4 elementor-widget elementor-widget-text-editor\" data-id=\"758a2e4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dynamic content is a powerful Elementor Pro feature that helps you <a href=\"https:\/\/elementor.com\/blog\/build-complex-websites-with-dynamic-content\/\">build more <em>dynamic<\/em> websites<\/a>. Understanding dynamic content will let you move beyond static designs and harness WordPress&#8217; power as a <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/cms\/\"   title=\"What Is a Content Management System (CMS)? (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26027\">content management system<\/a>.<\/p><p style=\"text-align: center\"><strong>To get started, <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">purchase Elementor Pro today<\/a>.<\/strong><\/p><p>And if you have any questions about how to use dynamic content, let us know in the comments.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dynamic content plays an essential role in creating theme templates. In this post, you&#8217;ll learn about what dynamic content is and how to use it in your Elementor designs, along with some examples of what you can do with it.<\/p>\n","protected":false},"author":50988,"featured_media":38110,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,43],"tags":[79],"marketing_persona":[47,51],"marketing_intent":[49],"class_list":["post-38109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-wordpress","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What Is Dynamic Content in Elementor Pro?<\/title>\n<meta name=\"description\" content=\"In this post, you&#039;ll learn more about what dynamic content is and how it can benefit you. We&#039;ll also show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Is Dynamic Content in Elementor Pro?\" \/>\n<meta property=\"og:description\" content=\"In this post, you&#039;ll learn more about what dynamic content is and how it can benefit you. We&#039;ll also show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-04T08:29:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T05:33:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Colin Newcomer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Newcomer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\"},\"headline\":\"What Is Dynamic Content in Elementor Pro? Plus How to Use Dynamic Content\",\"datePublished\":\"2020-05-04T08:29:09+00:00\",\"dateModified\":\"2025-12-04T05:33:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\"},\"wordCount\":1901,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Elementor\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\",\"url\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\",\"name\":\"What Is Dynamic Content in Elementor Pro?\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png\",\"datePublished\":\"2020-05-04T08:29:09+00:00\",\"dateModified\":\"2025-12-04T05:33:03+00:00\",\"description\":\"In this post, you'll learn more about what dynamic content is and how it can benefit you. We'll also show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png\",\"width\":1201,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What Is Dynamic Content in Elementor Pro? Plus How to Use Dynamic Content\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/colinn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Is Dynamic Content in Elementor Pro?","description":"In this post, you'll learn more about what dynamic content is and how it can benefit you. We'll also show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/","og_locale":"en_US","og_type":"article","og_title":"What Is Dynamic Content in Elementor Pro?","og_description":"In this post, you'll learn more about what dynamic content is and how it can benefit you. We'll also show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.","og_url":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-05-04T08:29:09+00:00","article_modified_time":"2025-12-04T05:33:03+00:00","og_image":[{"width":1201,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png","type":"image\/png"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Colin Newcomer","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21"},"headline":"What Is Dynamic Content in Elementor Pro? Plus How to Use Dynamic Content","datePublished":"2020-05-04T08:29:09+00:00","dateModified":"2025-12-04T05:33:03+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/"},"wordCount":1901,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png","keywords":["Build"],"articleSection":["Elementor","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/","url":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/","name":"What Is Dynamic Content in Elementor Pro?","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png","datePublished":"2020-05-04T08:29:09+00:00","dateModified":"2025-12-04T05:33:03+00:00","description":"In this post, you'll learn more about what dynamic content is and how it can benefit you. We'll also show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/dynamic-content-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Dynamic-Content-in-Elementor-Pro-03.png","width":1201,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"What Is Dynamic Content in Elementor Pro? Plus How to Use Dynamic Content"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.","url":"https:\/\/elementor.com\/blog\/author\/colinn\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/38109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/50988"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=38109"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/38109\/revisions"}],"predecessor-version":[{"id":146545,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/38109\/revisions\/146545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/38110"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=38109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=38109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=38109"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=38109"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=38109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}