{"id":25029,"date":"2022-11-04T21:15:59","date_gmt":"2022-11-04T21:15:59","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=25029"},"modified":"2023-07-28T11:06:54","modified_gmt":"2023-07-28T11:06:54","slug":"jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/","title":{"rendered":"How to Hide Content if the User Doesn’t Renew a Subscription"},"content":{"rendered":"\n

Hide the Content if the User Doesn\u2019t Renew a Subscription in Elementor<\/h2>\n\n\n\n
\n

JetEngine <\/em>is a WordPress plugin that provides the user with all the needed tools for displaying dynamic content in Elementor and Gutenberg. With the JetEngine <\/em>plugin, you can create a membership site<\/strong><\/a> with a whole set of features. The Dynamic Visibility<\/strong><\/a> module is one of them, and it allows you to define parameters of visibility for every element on the page.<\/p>\n\n\n\n

With the Dynamic Visibility module, you can show unique content or hide the advertisement for users with unexpired subscription.<\/p>\n\n\n\n

At first, you need to add a meta field to the user. You can do this by creating a Meta Box<\/strong><\/a>.<\/p>\n\n\n\n

Proceed to JetEngine > Meta Boxes<\/em><\/strong> and click on the \u201cAdd New\u201d<\/strong> button.<\/p>\n\n\n\n\"jetengine\n\n\n\n

Give Meta Box a Title<\/strong> and select the Meta Box for <\/strong>\u201cUser\u201d option in the General Settings <\/strong>section. Then choose the Visible at <\/strong>\u201cEdit User\u201d option in the Visibility Conditions <\/strong>section; this feature lets you add meta fields only on the Edit User page, and only the administrator can see and edit it. If you want to know more about the Meta Box Visibility Conditions<\/strong>, proceed to this dedicated overview<\/strong><\/a>.<\/p>\n\n\n\n\"meta\n\n\n\n

Create the Meta Field <\/strong>for the expiration date. Hit the \u201cNew Meta Field\u201d <\/strong>button in the Meta fields <\/strong>section. Enter the meta field Label<\/strong> and click on the Name\/ID <\/strong>field to generate the slug automatically. If you want to change it, keep in mind that the ID shouldn\u2019t include spaces and make sure it consists only of the letters and numbers. Also, be aware that ID should be unique and shouldn\u2019t coincide with the other meta fields\u2019 IDs.<\/p>\n\n\n\n

Leave the \u201cField\u201d <\/strong>option in the Object Type <\/strong>selector and choose the \u201cDate\u201d <\/strong>option in the Field Type<\/strong>. <\/strong>Enable the Save as timestamp <\/strong>toggle.<\/p>\n\n\n\n\"meta\n\n\n\n

Lastly, push the \u201cAdd Meta Box\u201d <\/strong>or the \u201cUpdate Meta Box\u201d <\/strong>button.<\/p>\n\n\n\n

Next, navigate to the Users <\/strong>tab in the WordPress Dashboard and hit the \u201cEdit\u201d <\/strong>button under the needed user.<\/p>\n\n\n\n\"users\n\n\n\n

Proceed to the end of the Edit User page and enter the expiration date of the user\u2019s subscription. Press the \u201cUpdate User\u201d <\/strong>button.<\/p>\n\n\n\n\"edit\n\n\n\n

Go to any post or page with the element to which you want to apply the condition and click \u201cEdit with Elementor<\/strong>.\u201d <\/strong>Select the needed element and go to Advanced > Dynamic Visibility<\/em><\/strong>. Enable the toggle.<\/p>\n\n\n\n

Select the \u201cShow element if condition met\u201d option in the Visibility condition type <\/strong>drop-down and choose \u201cGreater than\u201d in the Condition <\/strong>selector. Hit the \u201c<\/strong>Dynamic Tags<\/strong><\/a>\u201d <\/strong>button in the Field <\/strong>and select \u201cUser Field.\u201d Click on the chosen dynamic tag in the Field<\/strong>, <\/strong>and you will see the window with settings. Select the meta field with the user\u2019s subscription expiration date.<\/p>\n\n\n\n\"dynamic\n\n\n\n

Choose the \u201cCurrent User (global)\u201d in the Context <\/strong>field.<\/p>\n\n\n\n\"context\n\n\n\n

Hit the \u201cDynamic Tags\u201d <\/strong>button in the Value <\/strong>field and select the JetEngine<\/strong> \u201cMacros\u201d dynamic tag.<\/p>\n\n\n\n\"jetengine\n\n\n\n

Select the \u201cToday\u201d macro from the list in the Macros <\/strong>field.<\/p>\n\n\n\n\"jetengine\n\n\n\n

Pick the \u201cNumeric\u201d in the Data Type <\/strong>field.<\/p>\n\n\n\n\"data\n\n\n\n

Then, click on the \u201c+ ADD ITEM\u201d<\/strong> button to add a new \u201cUser logged in\u201d Condition.<\/strong><\/p>\n\n\n\n\"dynamic\n\n\n\n

And now, the widget is visible on the front end after all settings. It is hidden for the users with the empty meta field or the expired subscription, and it\u2019s shown for the users whose expiration date has not reached today\u2019s date.<\/p>\n\n\n\n\"dynamic\n<\/div><\/div>\n\n\n\n

Making the Content Invisible for the Expired Subscription Users in Gutenberg<\/h2>\n\n\n\n
\n

JetEngine<\/em> plugin got updated, and now it allows applying Dynamic Visibility<\/strong> to the blocks<\/a> of the WordPress default editor.

The following example will be on the website, where you can buy a subscription and get exclusive content, e.g., the video recipes are available only for subscribed users.<\/p>\n\n\n\n\"post\n\n\n\n

Select the needed block in Gutenberg. There will be an eye-shaped icon on the toolbar at the top of the block.<\/p>\n\n\n\n\"dynamic\n\n\n\n

Once you click on it, you will see a pop-up window with the Enable <\/strong>toggle.

Turn it on, but first, make sure that the Visibility condition type<\/strong> is set to \u201cShow element if condition met.\u201d<\/p>\n\n\n\n\"enabling\n\n\n\n

Then hit the \u201cAdd new item<\/strong>\u201d button and choose \u201cGreater than\u201d <\/strong>in the Condition <\/strong>drop-down list.<\/p>\n\n\n\n\"condition\n\n\n\n

Proceed to the Field<\/strong> and hit the Dynamic Tags<\/strong><\/a> button. Choose \u201cCustom data\u201d as a Source<\/strong>.<\/p>\n\n\n\n\"data\n\n\n\n

In the Select data to show<\/strong> dropdown, choose the \u201cCurrent user meta\u201d option, and type \u201cexpiration-date\u201d<\/em> below in the Meta field<\/strong> row.

If you haven\u2019t created a meta field, just follow the steps from the first part of this tutorial.<\/p>\n\n\n\n\"meta\n\n\n\n

Unfold Data Context <\/strong>and set it to \u201cCurrent User (global).\u201d Don\u2019t forget to apply the settings.<\/p>\n\n\n\n\"data\n\n\n\n

Proceed to the Value <\/strong>field. Click the Dynamic Tags<\/strong> button. Then select \u201cCustom data\u201d <\/strong>as a Source <\/strong>and choose the \u201cToday\u201d macros from the list below.<\/p>\n\n\n\n\"value\n\n\n\n

Don\u2019t forget to apply the value settings and also make sure to set the Data type <\/strong>to \u201cNumeric.\u201d<\/p>\n\n\n\n\"data\n\n\n\n

Then, click the \u201cAdd new item\u201d<\/strong> button to add a \u201cUser logged in\u201d Condition. <\/strong>Set Relation <\/strong>to \u201cAND.\u201d<\/p>\n\n\n\n\"condition\n\n\n\n

Update the page and proceed to the front end.

The video will be available only for users with an active subscription.<\/p>\n\n\n\n\"visibility\n\n\n\n

If the user hasn\u2019t renewed a subscription, the video will be hidden.<\/p>\n\n\n\n\"hidden\n<\/div><\/div>\n\n\n\n

That\u2019s it. You know now how to show content for the user with the unexpired subscription.<\/p>\n","protected":false},"excerpt":{"rendered":"

This tutorial teaches you how to make widgets, columns, and sections visible\/invisible if the user pays for the subscription or the subscription is expired using the JetEngine Dynamic Visibility module.<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[406],"yoast_head":"\nHow to Hide Content if User Doesn't Renew Subscription \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to show or hide content such as widgets, columns, and sections based on the user's subscription expiration date using JetEngine's Dynamic Visibility module.\" \/>\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-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Hide Content if User Doesn't Renew Subscription \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to show or hide content such as widgets, columns, and sections based on the user's subscription expiration date using JetEngine's Dynamic Visibility module.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T11:06:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/meta-boxes-list-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=\"9 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-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/\",\"name\":\"How to Hide Content if User Doesn't Renew Subscription \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-11-04T21:15:59+00:00\",\"dateModified\":\"2023-07-28T11:06:54+00:00\",\"description\":\"Learn how to show or hide content such as widgets, columns, and sections based on the user's subscription expiration date using JetEngine's Dynamic Visibility module.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/#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 Hide Content if the User Doesn’t Renew a Subscription\"}]},{\"@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 Hide Content if User Doesn't Renew Subscription \u2014 JetEngine | Crocoblock","description":"Learn how to show or hide content such as widgets, columns, and sections based on the user's subscription expiration date using JetEngine's Dynamic Visibility module.","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-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/","og_locale":"en_US","og_type":"article","og_title":"How to Hide Content if User Doesn't Renew Subscription \u2014 JetEngine | Crocoblock","og_description":"Learn how to show or hide content such as widgets, columns, and sections based on the user's subscription expiration date using JetEngine's Dynamic Visibility module.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T11:06:54+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/meta-boxes-list-2.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/","name":"How to Hide Content if User Doesn't Renew Subscription \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-11-04T21:15:59+00:00","dateModified":"2023-07-28T11:06:54+00:00","description":"Learn how to show or hide content such as widgets, columns, and sections based on the user's subscription expiration date using JetEngine's Dynamic Visibility module.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-hide-content-if-the-user-doesnt-renew-a-subscription\/#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 Hide Content if the User Doesn’t Renew a Subscription"}]},{"@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\/25029"}],"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\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=25029"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=25029"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=25029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}