{"id":1651873,"date":"2020-06-05T16:52:34","date_gmt":"2020-06-05T16:52:34","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1651873"},"modified":"2020-11-18T14:12:27","modified_gmt":"2020-11-18T14:12:27","slug":"creating-templates-to-display-members-only-content","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/de\/course-lesson\/creating-templates-to-display-members-only-content\/","title":{"rendered":"Creating templates to display members-only content"},"content":{"rendered":"\n

Here’s an example of a membership site that offers video tutorials only to members.<\/p>\n\n\n\n

\n
\n

Logged-in members see<\/strong> full content<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Visitors see<\/strong> only partial, teaser content<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

Follow these steps<\/h2>\n\n\n\n

To create two templates, one for site members and one for visitors, you’ll need to install the Toolset Access<\/strong> plugin (in addition to Toolset Types and Toolset Blocks)<\/p>\n\n\n\n

Here is an outline of what you need to do:<\/p>\n\n\n\n

  1. Create two templates – a template for members with the full content and a template for visitors with teaser content<\/li>
  2. Use Toolset Access to set the template with a teaser to be displayed to visitors<\/li>
  3. Design the content of both templates<\/li><\/ol>\n\n\n\n

    Let’s go through these steps one by one.<\/p>\n\n\n\n

    Create the templates for logged-in users and for visitors<\/h3>\n\n\n\n
    1. Go to Toolset <\/strong>\u2192 Dashboard <\/strong>and click the Create Content Template<\/strong> button in the row of the post type you want to design a template<\/a> for.<\/li>
    2. Go to the Toolset <\/strong>\u2192 Content Templates <\/strong>page and click the Add New <\/strong>button at the top.<\/li>
    3. Give a clear name to this template, something like “Teaser template for visitors”.<\/li>
    4. Don’t assign this template to any content and click to create it. <\/li><\/ol>\n\n\n\n

      You can leave both templates mostly empty. We’ll get back to designing them in a minute.<\/p>\n\n\n\n

      Display the teaser template only to visitors<\/h3>\n\n\n\n

      Now, let’s change the access settings so that visitors see only the teaser template when they visit our posts.<\/p>\n\n\n\n

      1. Go to Toolset <\/strong>\u2192 Access Control<\/strong>. All the post types in your site are listed here.<\/li>
      2. Click to expand the post type with your premium content. A table appears listing all user roles in your site and their permissions for this post type.<\/li>
      3. Under the Guest <\/strong>row, deselect the checkbox in the Read <\/strong>column. This means that visitors who are not logged in cannot view the default template for this content type.<\/li>
      4. Click the pen <\/strong>icon that appeared next to the checkbox you deselected. A pop-up dialog appears with options to select what to display for users with no read permission.<\/li><\/ol>\n\n\n
        \n
        \"\"
        Pop-up dialog with options for when the user has no read permissions<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
        <\/div>\n\n\n\n
        1. In the first section, select the Show Content Template <\/strong>option. In the dropdown menu, select the teaser template you created.<\/li>
        2. In the second section, select the option to choose a different WordPress archive. In the dropdown menu, select the archive of your preference. This works the same as with templates. In our example, we display the same archive to all users. If needed, you could design a special “teaser archive”, just like for the templates.<\/li><\/ol>\n\n\n\n

          Designing the templates<\/h2>\n\n\n\n

          Now that we have two templates, it’s time to design them. The template for members will include the full content that you want site members to see.<\/p>\n\n\n\n

          1. You can access both your templates from the Toolset <\/strong>\u2192 Content Templates <\/strong>page.<\/li>
          2. Edit them and use the WordPress Block Editor to design your template.<\/li>
          3. Choose blocks from the Toolset<\/strong> section for any part of the template that displays fields (not static elements). For example, use the Toolset Heading<\/strong> block for any heading that will display a field.<\/li>
          4. Enable Dynamic Sources<\/strong> for blocks that should display fields of the post that the template displays.<\/li><\/ol>\n\n\n\n

            Template Design Tips<\/h3>\n\n\n\n
            • Use the View with <\/strong>dropdown menu at the top of the editor to preview your template with any post of your choice.<\/li>
            • Use the screen-size selector either at the top of the editor or next to different fields to design the template for different screen sizes.<\/li>
            • Use the View<\/strong> block to display lists of related posts or repeating field groups.<\/li><\/ul>\n","protected":false},"author":4341,"featured_media":1652037,"template":"","related-lesson":[8427],"class_list":["post-1651873","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-post-templates"],"_links":{"self":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1651873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":2,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1651873\/revisions"}],"predecessor-version":[{"id":1822085,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1651873\/revisions\/1822085"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media\/1652037"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media?parent=1651873"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/related-lesson?post=1651873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}