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

Here's how to download, install, and enable a new theme.

  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.

Under 'Theme Settings' select 'Choose Theme'

 

 

Under 'Theme Settings,' click on the 'Install/Update Theme' button

 

Enter a Name for your Theme, click on Upload Theme and Upload the Zip file.

When the theme zip file has been installed, click on the 'Install/Update Theme' 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. Under 'Master Settings' select 'Choose Theme'

Under 'Theme Settings' select 'Choose Theme'

 

 

Example Theme Settings Page

2. Click on the 'Customize' Button to Edit

Click on the 'Customize' button to Edit the Theme Colors and other settings

 

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

Click on the 'Modify Theme' 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 preview button 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:

From under 'Theme Settings' choose 'Contact Details'

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

 

Click the 'Save Contact Details' 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:

From under 'Theme Settings' choose '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 'Save Social Networks' 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 multiple types of widgets that can be added:

  • Social Media icons

  • Text

  • Contact Us

  • Links

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

1) Under 'Theme Settings' choose 'Widgets'

Under 'Theme Settings' choose 'Widgets'

2) Under 'Create New Widget' select the type of widget to add from the drop down menu

Under 'Create New Widget' select the type of widget to add from the drop down menu

3) Click the 'Create Widget' button

Click the 'Create Widget' button

4) Set the Widget Name and Title

Set the Widget Name and Title

5) Set the Widget to Active

Set the Widget to Active

6) Each Widget will include different options to customize

Each Widget will include different options to customize

  • 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

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.

1) Under 'Theme Settings' click 'Choose Theme'

Under 'Theme Settings' click 'Choose Theme'

 

2) Click the 'Modify Theme' button under your live theme.

Click the 'Modify Theme' button under your live theme.

 

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

Under 'Theme Settings' look for the Footer Widget drop down menus. Select your custom widgets from the drop down menus.

The widgets will be organized in the footer from left to right. The lower footer widget will appear more to the left.

 

4) Click the 'Modify Theme' button when completed.

Click the 'Modify Theme' 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