{"id":32480,"date":"2022-12-20T12:22:49","date_gmt":"2022-12-20T12:22:49","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=32480"},"modified":"2023-07-28T11:06:33","modified_gmt":"2023-07-28T11:06:33","slug":"how-to-hide-contact-details-unless-user-pays","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/","title":{"rendered":"How to Hide Contact Details Unless User Pays"},"content":{"rendered":"\n<p>One of the essential features of a membership website is a so-called lead fee. For example, show the seller\/provider\u2019s contacts only to users that made specific payments. So here, you will find out how to do that using Crocoblock plugins.<\/p>\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 advised that here we mean that you have a JetFormBuilder form with a set and working payment gateway, so this step will be missed.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-meta-fields-for-users\">Create Meta Fields for Users<\/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>First, we need to build the meta fields for the users. Here we will use the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-group-the-custom-meta-fields-for-the-certain-post-types-into-meta-boxes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Meta Box feature<\/a>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_1.jpg\" alt=\"meta fields created\">\n\n\n\n<p>Once you finish with your meta fields (we added email and phone number), add one more <strong>Text <\/strong>field. You will need that in the future to differentiate users that made payments. In the described case, this field is called \u201cpayment_checker.\u201d<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"build-listing-items\">Build Listing Items<\/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>Now we need to create two <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-listing-functionality-how-to-create-a-new-listing-to-apply-for-the-certain-post-type\/\" target=\"_blank\" rel=\"noreferrer noopener\">Listings of your content<\/a>. One <strong>Listing item<\/strong> is for users that did not make any payments (content with restrictions), and the other is with fully opened content for users who have already paid.<br>The following listing will be with restricted content, so we place content partially covered with \u201c*\u2019 stars.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_2.jpg\" alt=\"heading widget\">\n\n\n\n<p>Be advised that we placed a static <strong>Heading <\/strong>widget with no dynamic content inside. It means that all users on the website have emails on Gmail and phone numbers starting from 8 (800), so it\u2019s just an example.&nbsp;<\/p>\n\n\n\n<p>And lower, we place a button that invites users to pay for access.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_3.jpg\" alt=\"button settings in elementor\">\n\n\n\n<p>This button must be linked to the <strong>Listing Grid<\/strong> pop-up with the <em>JetFormBuilder <\/em>form. Here is more info about <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetpopup-how-to-build-a-dynamic-popup-to-work-with-jetengine-listings\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pop-up and how to connect it with the form<\/a>.&nbsp;<\/p>\n\n\n\n<p>Don\u2019t forget to press the \u201c<strong>Publish\/Update<\/strong>\u201d button.<\/p>\n\n\n\n<p>As for listing with fully opened content, you just need to place your meta fields with the <strong>Dynamic Field<\/strong> widget or any other that supports meta field placement.&nbsp;<strong>&nbsp;<\/strong><\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_4.jpg\" alt=\"dynamic field settings in elementor\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adjust-settings-in-jetformbuilder-form\">Adjust Settings in JetFormBuilder Form<\/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>So you have a form that successfully submits and redirects to the payment page. But now, let\u2019s make the payment to open access to restricted content.&nbsp;<\/p>\n\n\n\n<p>Return to the different meta field we added to the user. As you remember, we called it \u201cpayment_checker.\u201d So, your form must have a <strong>Hidden Field<\/strong> with a manual input value.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_5.jpg\" alt=\"hidden field in the form\">\n\n\n\n<p>Let\u2019s set here the \u201cchecked\u201d value. And then, set post-submit action, where this value will be written at the \u201cpayment_checker\u201d meta field of the user.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_6.jpg\" alt=\"update user action field map\">\n\n\n\n<p>When the user enters the form, submits it, and then makes a successful payment, their meta field will have a specific value inside.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_7.jpg\" alt=\"user text meta field\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"set-dynamic-visibility-conditions\">Set Dynamic Visibility Conditions<\/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>And the last step is to make content visible only for users with a \u201cchecked\u201d value inside their \u201cpayment_checker\u201d meta field. Open the page editor and set the following parameters to dynamic visibility options for Listing Grids.<br>Look at the condition for restricted content.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_8.jpg\" alt=\"dynamic visibility for restricted content\">\n\n\n\n<p>And the following picture shows the condition for opened content.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_9-2x.png\" alt=\"dynamic visibility for opened content\">\n<\/div><\/div>\n\n\n\n<p>That\u2019s it; now you know how to make paywalled content with the help of the <em>JetEngine <\/em>and <em>JetFormBuilder <\/em>plugins.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out how to hide contact details on the WordPress page unless the user makes a payment. Use JetEngine and JetFormBuilder plugins with their features to get the needed result.<\/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>Hiding Contact Details Unless User Pays \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find out how to hide contact details unless the user pays on your WordPress website. Use the JetEngine and JetFormBuilder plugins functionality.\" \/>\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-hide-contact-details-unless-user-pays\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hiding Contact Details Unless User Pays \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find out how to hide contact details unless the user pays on your WordPress website. Use the JetEngine and JetFormBuilder plugins functionality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T11:06:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_1.jpg\" \/>\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=\"4 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-hide-contact-details-unless-user-pays\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/\",\"name\":\"Hiding Contact Details Unless User Pays \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-12-20T12:22:49+00:00\",\"dateModified\":\"2023-07-28T11:06:33+00:00\",\"description\":\"Find out how to hide contact details unless the user pays on your WordPress website. Use the JetEngine and JetFormBuilder plugins functionality.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/#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 Contact Details Unless User Pays\"}]},{\"@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":"Hiding Contact Details Unless User Pays \u2014 JetEngine | Crocoblock","description":"Find out how to hide contact details unless the user pays on your WordPress website. Use the JetEngine and JetFormBuilder plugins functionality.","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-hide-contact-details-unless-user-pays\/","og_locale":"en_US","og_type":"article","og_title":"Hiding Contact Details Unless User Pays \u2014 JetEngine | Crocoblock","og_description":"Find out how to hide contact details unless the user pays on your WordPress website. Use the JetEngine and JetFormBuilder plugins functionality.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T11:06:33+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/paid_content_1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/","name":"Hiding Contact Details Unless User Pays \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-12-20T12:22:49+00:00","dateModified":"2023-07-28T11:06:33+00:00","description":"Find out how to hide contact details unless the user pays on your WordPress website. Use the JetEngine and JetFormBuilder plugins functionality.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-hide-contact-details-unless-user-pays\/#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 Contact Details Unless User Pays"}]},{"@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\/32480"}],"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=32480"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=32480"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=32480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}