Step 4: 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, 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 (the most important options were already setup during the registration). You can use one of the predefined templates or even apply custom CSS to the forms.

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 affiliates. You can also customize the menu label, title and content for each tab.

Top Affiliates List – In this area you have two subsections:

  • Shortcode Generator to help you define how your current affiliates are displayed on the site. It allows you to customize aspects such sorting them by earnings, filtering by rank, number of entries per section, which fields will be present, choose a fitting colour scheme and even set up slider functionality.
  • Settings tab where you can control the browser’s behaviour, including responsive settings and a “Custom CSS” box where you can implement your own design.

Related Articles