{"id":198,"date":"2023-08-01T12:00:00","date_gmt":"2023-08-01T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=198"},"modified":"2024-02-02T09:43:35","modified_gmt":"2024-02-02T07:43:35","slug":"dynamic-content","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/dynamic-content\/","title":{"rendered":"What is dynamic content?"},"content":{"rendered":"\n

Dynamic Content <\/a><\/b>draws content from the website, or from the current pages.<\/p>\n\n\n\n

The Post Title Widget <\/em>is a good example. This widget<\/em> displays the title of a Page or Post. It’s dynamic because it changes according to the Page or Post it\u2018s used on.<\/p>\n\n\n\n

Let’s consider another example. Let’s say we want to add the site’s tagline<\/strong> to our page. Here is how we could do that dynamically.<\/p>\n\n\n\n

  1. Drag a Heading<\/em> widget onto the screen.<\/li>
  2. Click the Dynamic icon<\/strong> in the upper right corner of the field.<\/li>
  3. Select Site Tagline<\/strong> from the dropdown and watch the default Heading text immediately change to reflect your site’s tagline.<\/li><\/ol>\n\n\n\n
    \"Site<\/figure>\n\n\n\n

    Before, After and Fallback Fields<\/h3>\n\n\n\n

    You have the option to add Before, After and Fallback<\/em> content to each dynamic element. This is helpful for adding static content before or after dynamic content. Use the Fallback<\/em> field to set default content to be used in case the element has no content or does not exist.<\/p>\n\n\n\n

    1. Click the wrench icon<\/strong> next to the Dynamic Content type to open the Content Type’s options. For some types of Dynamic Content, you will find these options in an Advanced<\/em> tab, especially if other options are available for the specific type of Dynamic Content chosen.<\/li><\/ol>\n\n\n\n
      \"Before,<\/figure>\n\n\n\n
      \n\n\n\n

      Dynamic Content – Not Just For Text<\/h3>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Text is not the only dynamic content available to use. Dynamic capabilities can also be used with the classic elements such as images, video, etc. – anywhere you see this  icon. Clicking on the icon will switch the widget content from being static to dynamic.<\/p>\n\n\n\n

      User Profile Pictures<\/h4>\n\n\n\n

      For example, you can create dynamic user-centric pages that can dynamically generate a user’s profile picture, by simply using the User Profile Picture dynamic data.<\/p>\n\n\n\n

      \"User<\/figure>\n\n\n\n

      Dynamic Number Controls<\/h4>\n\n\n\n

      Beginning with Elementor Pro 2.7, numeric controls such as those found on Counter widgets, Price Table widgets, Star Rating widgets, etc. can now use dynamic numbers to enable creative, advanced functionality.<\/p>\n\n\n\n

      Custom Field Keys<\/h4>\n\n\n\n

      Also beginning with Elementor Pro 2.7, custom field keys can be used to populate dynamic controls. Some custom fields don’t normally appear in the WordPress edit area. In such cases, you can use the Custom Field Key in the Dynamic option for “Custom Key”.<\/p>\n\n\n\n

      \n\n\n\n

      Preview Dynamic Content in Single and Archive Templates<\/h3>\n\n\n\n

      As you are working on single and archive templates, it is helpful to be able to choose which content you’ll see as you design and edit the template.  Although the template will likely be applied to multiple pages, you can choose any specific page as preview content so that you can see how the template will look when applied to that specific page as you edit. Choose different pages at any time during editing to preview how your template will look on those pages.<\/p>\n\n\n\n

      Preview Panel<\/h4>\n\n\n\n
      1. Click the gear icon<\/strong> in the lower left of the Widgets Panel<\/em>.<\/li>
      2. Preview Dynamic Content As<\/strong>: Select the type of content to preview such as Post, Page, Media, etc. and then select the specific page, post, etc. to use as a the content to view while editing the template.<\/li><\/ol>\n\n\n\n
        \"Preview<\/figure>\n","protected":false},"excerpt":{"rendered":"

        Learn how to display dynamic content with any element that has a dynamic icon<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b0f217f1af44596788e15a"],"footnotes":""},"categories":[1440],"tags":[],"class_list":["post-198","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality"],"acf":[],"yoast_head":"\nWhat is dynamic content? | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about What is dynamic content? in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\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\/help\/dynamic-content\/\" \/>\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? | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about What is dynamic content? in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/dynamic-content\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-01T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-02T07:43:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"671\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"What is dynamic content?\",\"datePublished\":\"2023-08-01T09:00:00+00:00\",\"dateModified\":\"2024-02-02T07:43:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/\"},\"wordCount\":527,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif\",\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/dynamic-content\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/\",\"url\":\"https:\/\/elementor.com\/help\/dynamic-content\/\",\"name\":\"What is dynamic content? | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif\",\"datePublished\":\"2023-08-01T09:00:00+00:00\",\"dateModified\":\"2024-02-02T07:43:35+00:00\",\"description\":\"Learn everything about What is dynamic content? in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/dynamic-content\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif\",\"width\":1024,\"height\":671,\"caption\":\"Site Tagline\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/dynamic-content\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"What is dynamic content?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is dynamic content? | Elementor","description":"Learn everything about What is dynamic content? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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\/help\/dynamic-content\/","og_locale":"en_US","og_type":"article","og_title":"What is dynamic content? | Elementor","og_description":"Learn everything about What is dynamic content? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/dynamic-content\/","og_site_name":"Help","article_published_time":"2023-08-01T09:00:00+00:00","article_modified_time":"2024-02-02T07:43:35+00:00","og_image":[{"width":1024,"height":671,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif","type":"image\/gif"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/dynamic-content\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/dynamic-content\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"What is dynamic content?","datePublished":"2023-08-01T09:00:00+00:00","dateModified":"2024-02-02T07:43:35+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/dynamic-content\/"},"wordCount":527,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif","articleSection":["Advanced functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/dynamic-content\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/dynamic-content\/","url":"https:\/\/elementor.com\/help\/dynamic-content\/","name":"What is dynamic content? | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif","datePublished":"2023-08-01T09:00:00+00:00","dateModified":"2024-02-02T07:43:35+00:00","description":"Learn everything about What is dynamic content? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/dynamic-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/dynamic-content\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/dynamic-content\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Site-Tagline-.gif","width":1024,"height":671,"caption":"Site Tagline"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/dynamic-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"What is dynamic content?"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/198\/revisions"}],"predecessor-version":[{"id":38625,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/198\/revisions\/38625"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}