S2Member Registration Page

Create a Membership Website with WordPress - The registration screen, the login screen and the lost password screen by default have the S2Member logo installed. These screens can be branded and customized to match the design of the site.

To customize these screen s navigate to S2Members General Options and click Login/Registration design. Make sure the Enable This Functionality is set to yes so the changes made to the design will be visible.

The Overall Font / Size Configuration formats the text and the size of the input form fields.

The Background Configuration formats the background color, the images on the background and even changes the text color and add shadows to the text and the input forms.

The Logo Image Configuration places and configures the logo image.

And footer is for placing information at the bottom of these screens usually with HTML or PHP.

You can change any of these settings to fit your site design. For this course we'll change the logo. And for this you'll need a logo and you'll need to know the size of the logo.

To change the logo click the Open Media Library button under Logo Image Configuration to open the Add Media panel.
From here you can select the logo from one you've already downloaded or click Select files and locate the logo on your computer. Or you can drag and drop the image to the media uploader. When the upload is complete click the Insert Image in Post button.

This replaces the Logo Image Location for S2Member.

Now enter the size. The logo we have is 300 x 120 pixels. You can adjust these sizes to fit your logo.

The remaining fields in this section are for the click through URL and the Title for the Browser tab. Adjust to your needs or leave as is.

One feature we will activate is the Display Back to Home Page Link at Bottom. This adds a convenient way for a visitor to get back to the home page if they decide not to register now.

Now click the Save All Changes button to active the changes.

Click the Login/Registration Design bar to open the screen and click the Registration link and the OK button.

Now the logo appears on the registration screen, the Login screen and the Lost Password screen. And we also have an easy way for customers to navigate back to the site by clicking the Back to Empowering Video link.

This is a great way to brand your site since almost ever customer will see one of these screens.