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. The functionality is configured within the GymMaster software so please arrange training if you require assistance with set-up. For more complex integrations using the API you’ll need to contact us to arrange remote database access.

GymMaster Online Module Demo

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.

Access the backend of your host website
Select the page you would like the GymMaster Online Module to be displayed in.

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>

<figure>
  <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/?logo=0" width="100%" scrolling="no" frameborder="0"> </iframe>
</figure>

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>

<figure>
 <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/signup?logo=0" width="100%" scrolling="no" frameborder="0"> </iframe>
</figure>

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>

<figure>
 <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/classcalendar?logo=0" width="100%" frameborder="0"></iframe>
</figure>

For GymMaster Member Portal Enquiry


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

<figure>
 <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/enquiry?logo=0" width="100%" scrolling="no" frameborder="0"> </iframe>
</figure>

For GymMaster Member Portal Casual Booking (If available)


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

<figure>
 <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/casual_form?logo=0" width="100%" scrolling="no" frameborder="0"> </iframe>
</figure>

For GymMaster Member Portal Casual Booking – Service Bookings Only (If available)


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

<figure>
 <iframe class="gmiframe" src="https://USERNAME.gymmasteronline.com/portal/book/service?logo=0" width="100%" scrolling="no" frameborder="0"> </iframe>
</figure>

NB: https://USERNAME.gymmasteronline.com/portal/book/service can be appended with a specific service type using the service ID number. For example if Gym Tour was booking type 6, you could use

https://USERNAME.gymmasteronline.com/portal/book/service?serviceid=6

Squarespace Set up Video Weebly Set up Video New WordPress Set up Video Old WordPress Set up Video

Set Up Tutorial

Set Up Tutorial (New WordPress)

Set Up Tutorial (Old WordPress)

Copy the selected code

Windows: press Ctrl + C or right click and press Copy
iOS: press Cmd + C
Paste it to the desired page of your host website.
Replace all the “USERNAME” text with the gym’s GymMaster username, for example: https://mygym.gymmasteronline.com/portal/
Update your host website page