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 intergrate 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

    <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 Calendar

    <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 the 2 x “USERNAME” text with the gym’s GymMaster username, for example: https://mygym.gymmasteronline.com/portal/
  7. Update your host website page