From this section, you can create new and manage already existing Front-End components. 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 in a dedicated article), what 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, only fewer options are available, as this caters to the users that have already signed up… so there’s much less to configure (as user levels, access, subscription etc was already set 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 – Is where 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 granularly define what elements are displayed to registered users
Members List – In this area you have three subsections:
- A Shortcode Generator to help you define how your current users are being 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.
- Inside Page is where you define what the Inside 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 behaviour, including responsive settings & opening the ‘Inside Page’ in a new window.