Create CMS Website

Member login

The Beginner's Tutorial
How To Create Own Website with CMS Made Simple

Member login for your website

With member management you can allow visitors of your website to see the contents only available for registered users.

Website members are not the same as admin users of your website!

In the admin panel you will find the section Users. These are only webmasters, designers or editors, who are able to login in your admin panel and make changes in your website. On the other hand members are the visitors that can login to your website and get access to the protected pages. They have nothing to do with your admin panel (hopefully!).

In CMS Made Simple you use module FrontEndUsers to manage website members.

Features of module Frontend User Management

  • Login and logout forms on your website
  • Ability for the registered members to edit their information
  • Manage members of your website in the admin panel
  • Add member groups with different properties
  • Add any number of custom additional fields containing different information of your members
  • Track member history (activity on the website)
  • Import user lists from other applications
  • Provide cookies to remember login details
  • Send out mails if the member forgets his password
  • Integration in other modules on your website (News, Uploads and so on)

The module has a dependency of CMSMailer module. It means that you have to configure the e-mail module before proceed with member management. Otherwise none of the features (like sending out forgotten passwords) would work.

To install the module In the admin panel select Extensions → Module Manager and choose on the tab "Available modules" the letter "F" above the alphabetical module list. Find FrontEndUsers and click on "Download & Install". The module is successfully installed and can be configured now.

Create a new content page called "Login" or something like this and add a login form to the page into the content field:

{cms_module module="FrontEndUsers"}

On the the page created you now see the login form:

FrontEndUsers

Create your first member in the administration panel. Go to Users & Groups → Frontend User Management. You must create at least one user group to be able to add the first member. And before you create a user group you have to setup at least one user property (field containing member information). Normally you would add an e-mail field.

You do not need to define properties for username and password, these are already provided for you.

Choose the tab "User properties" and press "Add property". Add e-mail field as shown below. Do not use dash in the field "Name"!

E-mail field

Press "Submit" and switch to the tab "Groups" where you click on "Add Group". Fill the fields as shown below and do not forget to set status of e-mail field to something else as "Off". Required is a good choice if you do not want to have totally anonymous members.

Member group

Check the box "Ask in Lost Username". It means that the member has to provide his e-mail address if he forgets his password!

Press "Submit". You are ready to add the first member to your website. Go to the tab "Users" and click on "Add User" at the bottom of the page. Fill in e-mail address (used as user name by default), user password (twice) and set the expire date to some date in the future. Check member group in the list below the fields and press "Next". Type e-mail address again and press "Submit". The user has been created and now is shown in the user list in the tab "Users".

Go to your website and login with the created member, give the e-mail in the field "Username" and password. Go to change settings form, log out and check links for password and login details recover.

Useful Settings for module FrontEndUsers

As administrator of the website you can refine the settings of the module to make it running smoother. In the admin panel of your website go to Users & Groups→ Frontend User Management and select the tab "Preferences".

  • Email address is username - deselect the field if the username should be different to the e-mail address. It is better not to use e-mail address as username thus preventing spam.
  • Allow users to login more than once - this has to be selected. If the user is currently logged in your website and the session expires in the browser but not on the server, the user will not be able to login again. By checking this box you allow your members to login any time, even if their session is still opened.
  • Allow duplicate "forgot password" reminders? - I recommend to select it as well. Otherwise if the e-mail with new password does not reach the user he will not be able to get new e-mail.
  • Use cookies to remember login details -check the box if you would like the member to remember his passwords for the website and be automatically logged each time he visits your website. If you check this box you have also to fill the field The name of the cookie. Use only english letters and no special characters for the cookie name. This function requires php function mcrypt. If you see the message "...they could not be detected on your install" below the field then it will not work. Read how to enable mcrypt functions on your server.

Save the settings and play around by adding new members in the admin panel and see how the settings above affect the behavoiur of your module.

Recover password or login details

Click on the link "Forgot Your Password?" below the login form on your website, enter user name and press "Submit". Check incoming mails for "Lost Password" message from your website. If you do not get e-mail (has a member a real e-mail?), then you have to check the configuration of your e-mail module.

If user forgets his user name, he should use "Forgot Your Login Details?" link. E-mail and password are required to retrieve the user name.

With the next step you learn how to create protected pages that can be viewed only by registered members.


Comments to "Member login for your website"

  1. diko November 2, 2009, 2:00 pm

    Thanks a lot! A very helpful article!


  2. studygroup November 18, 2009, 4:46 am

    Hi Sonya,

    As many others I appreciate this site a lot. Too bad discovered it only by accident. At this point I managed to break through the login part, so how do I implement Sign-Off?
    I have done that via a separate menu item, which is not very nice. It would've been great to place it in front of the "home" on a breadcrumb or in some other place, and to make conditionally appear (only when the user is logged in.)

    Do you have a sample of similar implementation? It could complement this section greatly...

    Thanks,
    Oleg


  3. Otto Meier January 30, 2010, 12:19 am

    Question:

    How can I protect this form via SSL?
    My site is properly configured using SSL.

    Thanx

    Otto


  4. Even February 25, 2010, 7:29 pm

    Thank you


del.icio.us digg stumbleupon buzzup BlinkList mixx myspace linkedin facebook reddit.com ma.gnolia.com newsvine.com furl.net google yahoo technorati.com

CMS Made Simple Beginner's Guide
Loading...