Online Module Setup

GymMaster Online Module Setup

Overview & Example

The GymMaster Online Module Member Portal is designed to integrate into the existing website of a gym. In order for it to function, your web developer will need to create a dedicated page on the host site, and you’ll need to provide us with the necessary information to configure the backend. Additionally, you will need to contact us to arrange remote database access.

GymMaster Online Module Setup Tutorial

*Please note that until we’ve been given the information required to configure the backend, nothing will appear on the frontend even if the includes are in place, this is perfectly normal.

GymMaster provides an easy setup to integrate the GymMaster Online Module and GymMaster Online Calendar into your website. Please note, this requires having your own host website.

Follow these few steps to setup the GymMaster Online Module.

  1. Access the backend of your host website
  2. Select the page you would like the GymMaster Online Module to be displayed in.
  3. Highlight ALL the HTML and Javascript code in the box below

    For GymMaster Member Portal/Login Page

    <script>
    if (typeof jQuery !== 'undefined') var oldJQuery = jQuery.noConflict(true); 
    </script>
     
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     
    <script>
    jQueryX = jQuery.noConflict(true); 
    jQuery = oldJQuery; 
    </script>
     
    <script type="text/javascript" src="https://USERNAME.gymmasteronline.com/portal/static/js/hostpage.js"></script>
     
    <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/" width="100%" seamless scrolling="no" frameBorder="0"></iframe>
                	      

    For GymMaster Member Sign Up Page

    <script>
    if (typeof jQuery !== 'undefined') var oldJQuery = jQuery.noConflict(true); 
    </script>
     
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     
    <script>
    jQueryX = jQuery.noConflict(true); 
    jQuery = oldJQuery; 
    </script>
     
    <script type="text/javascript" src="https://USERNAME.gymmasteronline.com/portal/static/js/hostpage.js"></script>
     
    <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/signup" width="100%" seamless scrolling="no" frameBorder="0"></iframe>
                	      

    For GymMaster Calendar Widget

    <script>
    if (typeof jQuery !== 'undefined') var oldJQuery = jQuery.noConflict(true); 
    </script>
     
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     
    <script>
    jQueryX = jQuery.noConflict(true); 
    jQuery = oldJQuery; 
    </script>
     
    <script type="text/javascript" src="https://USERNAME.gymmasteronline.com/portal/static/js/hostpage.js"></script>
     
    <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/classcalendar" width="100%" frameBorder="0">
    </iframe>
    					

    Set Up Tutorial

    Set Up Tutorial

    Set Up Tutorial

    Set Up Tutorial

  4. Copy the selected code

    Windows: press Ctrl + C or right click and press Copy

    IOS: press Cmd + C

  5. Paste it to the desired page of your host website.
  6. Replace all the “USERNAME” text with the gym’s GymMaster username, for example: https://mygym.gymmasteronline.com/portal/
  7. Update your host website page