Tutorial

How to Install and Enable
a MemberGate Theme

The design, look, feel and even navigation of your site can be switched quickly and easily using Membergate Themes.

Theme Library
  Instant Design
  Easy to Install
  Modern Looking
  1. Download and Install
  2. Enable on Your Site
  3. Personalize with Contact Information, Social Networks and Widgets

Download and Install

Download the File

Click any of the Download File buttons for the theme to be redirected to the Download Library Page.

The zip file for the theme can then be downloaded by clicking on the 'Download Now' link.

Save the zip file to your local drive.

Install the Theme

The theme can then be uploaded to your site using the Theme Uploading tool.

The Themes management can be found under Appearance Choose Theme

Under 'Choose Theme,' click on Add Theme link

Click on Upload Theme and Upload the Zip file.

When the theme zip file has been installed, click on the button.

Once the Theme has successfully installed, click on the next tab for instructions on how to Enable it.

Enable the Theme on Your Site

Follow the steps below to enable the theme on your site.

Click on each step to expand for more details.

1. The Themes management can be found under > Appearance > Choose Theme

The Themes management can be found under Appearance Choose Theme

Example Theme Settings Page

2. Click on the Edit Icon to Customize

Click on the icon to Edit the Theme Colors and other settings

3. Click on the 'Modify Theme' Button to Save the New Settings

Click on the button to Save the New Settings

The items in the customize menu can be updated to reflect a new logo, new title or new colors on your site. When those updated changes have been made, click on the 'Modify Theme' button under the menu settings.

The theme settings can change as many times as needed.

4. Preview the Theme in a Test Environment

Preview the Theme in a Test Environment

Prior to enabling the theme on your site, you can preview the theme locally on your site to see how the theme will look on all of your pages.

To Preview:

Under the available themes click on the icon on the theme box that you would like to preview

This will open a new window of your site with the new theme. Navigate around as desired.

To Quit the Preview

Hover over 'Admin' in the top nav bar and select 'Return to Selected Theme'

You will now be able to view your site in the original theme.

5. Go Live. Click on the Theme that Should Display on your Site

Click on the Theme that Should Display on your Site

When the theme is set up and ready to go live, simply click on the theme box. 

Customize the Contact Information and Details

Contact Information can be added to the footer area of your theme.

The contact details can be edited and customized through the 'Contact Information' section.

The Contact Information Section

Follow these steps:

Editing the Contact Details can be found under Master Settings Contact Details

Edit each field and enter the details for your site's contact information

Click the button

Results

Customize Your Social Network Icons

Social Network Icons may be added in the header and/or footer of your theme.

Your specific social network icons can be edited in the Social Networks section.

Follow these steps:

The Social Networks management can be found under Social Networking My Social Networks

Under the 'Setting' section enter the URL for your specific social network page. If you do not have a certain social network, leave it blank.

Upload your own image or use the font awesome version (the color of the font awesome icons will match your theme).

To upload your own, click on 'Upload Icon' and select the image from your local files.

Click the button

The Results

Widgets

Use the Widgets section to control what section of information is added to the footer on your site.

There will typically be 3-4 sections of information that can be added to your footer (this will depend on your theme).

Example Footer with 4 Widget Sections Enabled

A widget can be added in 2 steps:

1) Activate and Edit the Widget Details

2) Add the Widget to the Theme Footer

Activate and Edit the Widget Details

The widgets that are added to the footer area have to be created first.

There are multiple types of widgets that can be added:

  • an Image
  • Social Media icons
  • Images
  • Text
  • Contact Us
  • Links

To add and activate the Widgets follow the steps below. Click on each section to expand for more information.

The Themes Widgets can be managed under > Appearance > Widgets

The Themes Widgets can be managed under Appearance Widgets

Edit Widget
widget

Edit Widget

Choose the widget to edit from the drop down menu.

Click the button.

Add New Widget
widget

Create New Widget

Click on the widget icon for the type of widget that should be added.

Update or Add the Widget Settings
widget

Add or Edit the Widget Fields

Enter in the information for each field

Status

To use this widget check the 'widget active' box. To stop using the widget, uncheck the box.

Each Widget will include different options to customize

Widget Type Options

Contact

The Contact Us information is collected from the 'Contact Details' option found under 'Theme Settings - Click each box to include that contact option on the live site

Links

The links are pulled from the departments set to appear in the footer (edit department choose to show link in the footer)

Social Media

The social media icons are set in the 'Social Networks' option under 'Theme Settings'

Text

Add and format any text that should be added to this section

Images

Upload the image to for this widget

Add the Widget to the Theme Footer

After the widgets have been customized, the next step is to add them to your footer.

This can be completed through the Themes 'Modify Theme' area.

Click on each section to expand for more details.

The Themes Widgets can be added under > Appearance > Choose Theme

The Themes Widgets can be added under Appearance Choose Theme

Click to Edit the Theme to add/update the Widgets
Widget

Edit the Theme

Click to the edit icon for the theme to add/update the widgets

In the Footer Widgets field, select your custom widgets from the drop down menus.
Widget

Footer Widget Fields

Choose the widget to display from the drop down menu.

Depending on the theme, there may be 3 or 4 footer widget fields.

Click the 'Modify Theme' button when completed.

Click the button when completed.

Need More Help?

It's only three steps to use any of the themes: 1) Download and Install 2) Enable 3) Personalize

However, if you don't have time and want a little help we can provide a service to install and enable the theme for you.

Order the Done For You Service