{"id":24163,"date":"2021-10-05T09:07:59","date_gmt":"2021-10-05T09:07:59","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=24163"},"modified":"2023-07-28T11:01:23","modified_gmt":"2023-07-28T11:01:23","slug":"jetengine-devtools-custom-visibility-conditions-add-on","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/","title":{"rendered":"Custom Visibility Conditions Add-on"},"content":{"rendered":"\n<p><strong>Custom visibility conditions <\/strong>is a part of 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>that adds two extra conditions to the module:<\/p>\n\n\n\n<ul>\n<li><strong>&#8220;Post Status is&#8221;<\/strong> allows you to show\/hide the sections\/columns\/widgets depending on the status of the post; <\/li>\n\n\n\n<li><strong>&#8220;Is post by current user&#8221;<\/strong> makes sections\/columns\/widgets visible\/invisible to the author of the post. <\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Be aware that these conditions will work only on the Single Page template.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title1\">How to Install the Add-on<\/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>The first way to install the <strong>\u0441ustom visibility conditions<\/strong> is to get it via the latest update of the JetEngine plugin. Proceed to<em> <\/em>the<em> <\/em><strong>JetEngine <\/strong>tab in WordPress Dashboard, and there you can find <strong>Custom visibility conditions<\/strong> among external modules. Enable the toggle to activate the feature.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/external-modules-2.png\" alt=\"external modules\">\n\n\n\n<p>Another way to install the <strong>\u0441ustom visibility conditions<\/strong> is to download the add-on from the Crocoblock <a href=\"https:\/\/crocoblock.com\/freemium\/tools\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>DevTools<\/strong><\/a> page, where this and other features are free. After that, navigate to <strong>Plugins<\/strong> on the Dashboard, click on the <strong>\u201cAdd New\u201d <\/strong>button, then <strong>\u201cUpload plugin.\u201d<\/strong> After installing the <strong>\u0441ustom visibility conditions <\/strong>plugin, activate it in the <strong>JetEngine dashboard<\/strong> by enabling the toggle.<\/p>\n\n\n\n<p>Then proceed to any post or page and click \u201c<strong>Edit with Elementor<\/strong>.\u201d<strong> <\/strong>Select any of the elements on the page and go to <strong><em>Advanced &gt; Dynamic Visibility<\/em><\/strong>. Enable the toggle.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-visibility-posts-1.png\" alt=\"dynamic visibility posts\">\n\n\n\n<p>With the <strong>\u0441ustom visibility conditions <\/strong>feature, we can notice two additional options in the section <strong>Posts<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title2\">Post Status Is<\/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>If this condition is chosen, the element will be shown or hidden on the post\u2019s page with certain status. For instance, when a user creates a post, they will see a banner with a notification that an administrator hasn\u2019t approved it yet, and the post has the status \u201cDraft.\u201d When the post is published, the banner disappears.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/value-1.png\" alt=\"value\">\n\n\n\n<p>To set the dynamic visibility like that, select the needed <strong>Visibility condition type<\/strong> in the <strong>Dynamic visibility<\/strong> settings and choose the \u201cPost Status is\u201d condition. In the <strong>Value<\/strong> text area, type one or several status names. It could be default WordPress statuses (published, draft, or pending review) or any other that you have installed.<\/p>\n\n\n\n<p>Let\u2019s check this feature. We have settled the banner on the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-add-a-single-post-page-template-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Single Page<\/strong><\/a><strong> <\/strong>template and created a new post with the status \u201cDraft.\u201d<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/custom-visibility-on-the-front-end-1.png\" alt=\"custom visibility on the front end\">\n\n\n\n<p>Now we can see the banner is here. Let\u2019s change the post status to \u201c<strong>Published<\/strong>.\u201d<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/change-status-to-the-published-2.png\" alt=\"change status to the published\">\n\n\n\n<p>And now the banner isn\u2019t shown according to the condition.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/published-post-with-visibility-1.png\" alt=\"published post with visibility\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title3\">Is Post by Current User <\/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>With this condition, you can hide or show the elements to the post author. E.g., you could add a \u201cthank you\u201d picture or other notes for the user who created the particular post.<\/p>\n\n\n\n<p>You just need to select the <strong>Visibility condition type<\/strong> in the <strong>Dynamic visibility<\/strong> settings of the necessary element and choose the \u201cIs post by current user\u201d condition.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/is-post-by-current-user-1.png\" alt=\"is post by current user\">\n\n\n\n<p>Let\u2019s see if our condition works. As the post author, we can see the gratitude picture we have uploaded previously on the Single Page template.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/picture-is-visible-for-the-auther-of-the-post-1.png\" alt=\"picture is visible for the author of the post\">\n\n\n\n<p>If we log out from our site and look at the post as an unsubscribed user or log in as another person, the picture is hidden according to the condition.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/picture-is-not-visible-for-other-users-1.png\" alt=\"picture is not visible for other users\">\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now you know how to install the Custom visibility conditions add-on, how to set up two new conditions, and how it could be used on your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.<\/p>\n","protected":false},"author":11,"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>Custom Visibility Conditions Add-on \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.\" \/>\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\/jetengine-devtools-custom-visibility-conditions-add-on\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Visibility Conditions Add-on \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T11:01:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/external-modules-2.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=\"5 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\/jetengine-devtools-custom-visibility-conditions-add-on\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/\",\"name\":\"Custom Visibility Conditions Add-on \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2021-10-05T09:07:59+00:00\",\"dateModified\":\"2023-07-28T11:01:23+00:00\",\"description\":\"Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/#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\":\"Custom Visibility Conditions Add-on\"}]},{\"@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":"Custom Visibility Conditions Add-on \u2014 JetEngine | Crocoblock","description":"Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.","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\/jetengine-devtools-custom-visibility-conditions-add-on\/","og_locale":"en_US","og_type":"article","og_title":"Custom Visibility Conditions Add-on \u2014 JetEngine | Crocoblock","og_description":"Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T11:01:23+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/external-modules-2.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/","name":"Custom Visibility Conditions Add-on \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2021-10-05T09:07:59+00:00","dateModified":"2023-07-28T11:01:23+00:00","description":"Get to know about the Custom visibility conditions add-on and two new conditions that it adds to the Dynamic Visibility Module for the Elementor JetEngine plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-devtools-custom-visibility-conditions-add-on\/#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":"Custom Visibility Conditions Add-on"}]},{"@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\/24163"}],"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\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=24163"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=24163"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=24163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}