{"id":37672,"date":"2023-03-17T08:43:52","date_gmt":"2023-03-17T08:43:52","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=37672"},"modified":"2025-05-12T06:28:53","modified_gmt":"2025-05-12T06:28:53","slug":"how-to-set-dynamic-visibility-based-on-the-days-of-the-week","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/","title":{"rendered":"How to Set Dynamic Visibility Based on the Days of the Week"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"enabling-the-dynamic-visibility-module\">Enabling the Dynamic Visibility Module<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a> is a WordPress plugin that provides all the necessary tools for displaying dynamic content in Elementor and Block Editor. The <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-dynamic-visibility-module-options-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Visibility<\/strong><\/a><strong> <\/strong>module is the core functionality of JetEngine, which allows showing elements on the page only when necessary. One of its numerous valuable features is the ability to showcase content by day of the week and to specify the timeframe when the content should be visible to users.<br>Firstly, enable the<strong> Dynamic Visibility<\/strong> module to activate its features. Navigate to <strong><em>WordPress Dashboard &gt; JetEngine &gt; JetEngine &gt; Modules<\/em><\/strong> and enable <strong>Dynamic Visibility for Widgets and Sections<\/strong>. Click the \u201c<strong>Save<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/enabling-dynamic-visibility-module_2x.png\" alt=\"enabling dynamic visibility module\">\n\n\n\n<p>Now, the settings of the<strong> Dynamic Visibility<\/strong> module will appear while editing.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"show-or-hide-the-content-by-day-of-the-week-in-elementor\">Show or Hide the Content by Day of the Week in Elementor<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><strong>Dynamic Visibility<\/strong> settings can be applied to any <strong>Elementor<\/strong> widget, column, section, or container.<strong> <\/strong>For example, you can show a section with a special offer on the site&#8217;s homepage on weekend mornings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"show-a-widget-column-section-or-container-on-particular-days\">Show a widget, column, section, or container on particular days<\/h3>\n\n\n\n<p>Head to the Elementor-edited page or template where the content should be visible on particular days.&nbsp;<\/p>\n\n\n\n<p>Choose the container, section, column, or widget to apply the <strong>Dynamic Visibility<\/strong> settings. Go to the <strong>Advanced <\/strong>tab, find <strong>Dynamic Visibility,<\/strong> and toggle on the switcher.<br>Select the <strong>Visibility condition type<\/strong>. It will define if the element should be hidden or displayed based on the condition that will be set up later on.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/enabling-dynamic-visibility-for-elementor-section_2x.png\" alt=\"enabling dynamic visibility for elementor section\">\n\n\n\n<p>Proceed to <strong>Conditions<\/strong>. Open the selector and scroll the conditions down until the <strong>Date &amp; Time<\/strong> section. Select the \u201cDays of week\u201d condition.&nbsp;<\/p>\n\n\n\n<p>Now, specify the days of the week when the element should be displayed or hidden.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/select-the-day-to-show-elementor-section_2x.png\" alt=\"select the day to show elementor section\">\n\n\n\n<p>That\u2019s it; don\u2019t forget to update the changes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"make-the-content-visible-in-a-specific-timeframe\">Make the content visible in a specific timeframe<\/h3>\n\n\n\n<p>It is also possible to add another condition to make the element visible in a specific timeframe within the specified days of the week.&nbsp;<\/p>\n\n\n\n<p>Click the \u201c<strong>Add Item<\/strong>\u201d<strong> <\/strong>button to create a new condition. Open the selector and scroll the conditions down until the <strong>Date &amp; Time<\/strong> section. Then, select the \u201cTime Period\u201d option from the list.&nbsp;<br>Set time in 24-hour time format in the <strong>Time From<\/strong> and <strong>Time To <\/strong>fields. It is possible to define only the start time or the end time, or both.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/select-time-period-to-display-elementor-section_2x.png\" alt=\"select time period to show elementor section\">\n\n\n\n<p>Once the condition setup is finished, choose the needed relation between the conditions \u2014 \u201cAND.\u201d With this relation type, <strong>Dynamic Visibility<\/strong> settings will be applied only when both conditions are met \u2014 the day of the week and the timeframe should match the current time.&nbsp;<br>Finally, click the \u201c<strong>Update<\/strong>\u201d button and check the result on the front end.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"show-or-hide-the-content-by-day-of-the-week-in-block-editor\">Show or Hide the Content by Day of the Week in Block Editor<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><strong>Dynamic Visibility<\/strong> settings can be applied to blocks of the WordPress default editor. Follow the steps below to learn how to make a block visible on particular days and at a specific time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"show-a-block-on-particular-days\">Show a block on particular days<\/h3>\n\n\n\n<p>Open the page in Block Editor. Find the item that should be visible on certain days of the week.&nbsp;<\/p>\n\n\n\n<p>The goal is to show the special offer only on Saturdays.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/hiding-gutenberg-block-with-dynamic-visibility_2x.png\" alt=\"hiding gutenberg block with dynamic visibility\">\n\n\n\n<p>Select the needed block and click on the eye-shaped icon on the toolbar.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/dynamic-visibility-setting-in-block-editor_2x.png\" alt=\"dynamic visibility settings in block editor\">\n\n\n\n<p>In a pop-up window, turn on the <strong>Enable<\/strong> toggle and proceed to set up the visibility conditions.&nbsp;<\/p>\n\n\n\n<p>Select the <strong>Visibility condition type<\/strong>. It will define if the element should be hidden or displayed based on the condition that will be set up later on.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/enabling-dynamic-visibility-for-gutenberg-block_2x.png\" alt=\"enabling dynamic visibility for gutenberg block\">\n\n\n\n<p>Open the <strong>Condition<\/strong> selector and scroll the conditions down until the <strong>Date &amp; Time<\/strong> section. Select the \u201cDays of week\u201d condition.&nbsp;<\/p>\n\n\n\n<p>Now, specify the day of the week when the element should be displayed or hidden.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/select-the-day-to-show-gutenberg-block_2x.png\" alt=\"select the day to show gutenberg block\">\n\n\n\n<p>To select multiple days of the week, add conditions per each day. Set the <strong>Relation<\/strong> between the conditions to \u201cOR.\u201d This way, <strong>Dynamic Visibility <\/strong>settings will be applied when at least one of the conditions is true.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/select-multiple-days-to-show-gutenberg-block_2x.png\" alt=\"select multiple days to show gutenberg block\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"make-the-content-visible-in-a-specific-timeframe\">Make the content visible in a specific timeframe<\/h3>\n\n\n\n<p>You can also make a block visible in a specific timeframe within one particular day of the week.&nbsp;<\/p>\n\n\n\n<p>Firstly, add one \u201cDays of week\u201d condition and select the day when the block should appear or disappear. Then, click the \u201c<strong>Add new item<\/strong>\u201d<strong> <\/strong>button to add a new condition. Open the selector and scroll the conditions down until the <strong>Date &amp; Time<\/strong> section. This time, select the \u201cTime Period\u201d option from the list.&nbsp;<br>Set time in 24-hour time format in the <strong>Time From<\/strong> and <strong>Time To <\/strong>fields. It is possible to define only the start time or the end time, or both.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/select-time-period-to-display-gutenberg-block_2x.png\" alt=\"select time period to show gutenberg block\">\n\n\n\n<p>Once the condition setup is finished, choose the needed relation between the conditions \u2014 \u201cAND.\u201d With this relation type, <strong>Dynamic Visibility<\/strong> settings will be applied only when both conditions are met \u2014 the day of the week and the timeframe should match the current time.&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<p>Finally, click the \u201c<strong>Update<\/strong>\u201d button and check the result on the front end.&nbsp;<br>That\u2019s it. Now you know how to show or hide the needed content by day of the week and time on the WordPress website with <em>JetEngine <\/em>Dynamic Visibility.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out how to make page content visible or hidden on certain days of the week with the JetEngine Dynamic Visibility module.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[406],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Display Widget or Block on Certain Days of the Week \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to display Elementor widgets, columns, and sections, as well as Gutenberg blocks, on certain days of the week using the Dynamic Visibility tool of JetEngine.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Widget or Block on Certain Days of the Week \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to display Elementor widgets, columns, and sections, as well as Gutenberg blocks, on certain days of the week using the Dynamic Visibility tool of JetEngine.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-12T06:28:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/enabling-dynamic-visibility-module_2x.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/\",\"name\":\"How to Display Widget or Block on Certain Days of the Week \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-17T08:43:52+00:00\",\"dateModified\":\"2025-05-12T06:28:53+00:00\",\"description\":\"Learn how to display Elementor widgets, columns, and sections, as well as Gutenberg blocks, on certain days of the week using the Dynamic Visibility tool of JetEngine.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Set Dynamic Visibility Based on the Days of the Week\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Display Widget or Block on Certain Days of the Week \u2014 JetEngine | Crocoblock","description":"Learn how to display Elementor widgets, columns, and sections, as well as Gutenberg blocks, on certain days of the week using the Dynamic Visibility tool of JetEngine.","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:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Widget or Block on Certain Days of the Week \u2014 JetEngine | Crocoblock","og_description":"Learn how to display Elementor widgets, columns, and sections, as well as Gutenberg blocks, on certain days of the week using the Dynamic Visibility tool of JetEngine.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/","og_site_name":"Help Center","article_modified_time":"2025-05-12T06:28:53+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/enabling-dynamic-visibility-module_2x.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/","name":"How to Display Widget or Block on Certain Days of the Week \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-17T08:43:52+00:00","dateModified":"2025-05-12T06:28:53+00:00","description":"Learn how to display Elementor widgets, columns, and sections, as well as Gutenberg blocks, on certain days of the week using the Dynamic Visibility tool of JetEngine.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-set-dynamic-visibility-based-on-the-days-of-the-week\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Set Dynamic Visibility Based on the Days of the Week"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/37672"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=37672"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=37672"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=37672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}