Step 5: Manage Showcases

From this section you can manage already existing Front-End components or create new ones. We’ll have a quick look at all the available options and how you can easily get up to speed with customizing each of them.

First thing you need to remember is that you need two things: default pages and elements from the showcases. You can grab the shortcode from any showcase and by adding it to the appropriate page, the respective element will become visible with your desired settings, to the desired user-group.

Register Form – this section allows you to fiddle around with every possible setting you can imagine when it comes to user registration. You can control what it looks like, whether you want to display the social login option (requires additional setup covered here), which role is automatically assigned to users upon signup, notifications and much more. We have included a number of different visual templates to help you get up and running instantly!

Login Form – similar to the register form, but with fewer options available, as this caters to the users that have already signed up, so there’s much less to configure (user levels, access, subscription, etc were already setup during the registration). You can use one of the predefined templates or even apply custom CSS to the forms.

Subscription Plan – This showcase allows you to define how your subscription levels will be displayed to your customers. They can be set up differently for each respective method of payment.

Account Page – Here you can enable or disable avatar images, set up a custom greeting to be displayed to logged in users (we’ve placed the variables conveniently on the right side, in case you accidentally delete the demo text). Among other things, you can also define which elements are displayed to registered users.

Members List – In this area you have three subsections:

  • Shortcode Generator to help you define how your current users are displayed on the site. It allows you to customize aspects such as number of entries per section, which fields will be present, choose a fitting colour scheme, enable or disable Inside Pages and even set up slider functionality.
  • Public Individual Page (formerly known as Inside Page) is where you define what the Public Individual Page actually looks like. We’ve placed all available variables on the right-hand side, for your convenience. They are pretty much self-explanatory, and you can use the placeholder text as a general guide of how they work.
  • Finally, under Additional Settings you can control the browser’s behaviour, including responsive settings and opening the “Public Individual Page” in a new window.

Related Articles