An inline frame (iFrame) is a HTML element that loads another HTML page within the document. It essentially puts another webpage within the parent page. They are commonly used for advertisements, embedded videos, web analytics and interactive content.
1. Download the following JS files and upload them to your website:
a. https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
b. https://cdn.myperformanceiq.com/iframe-downloads/iframeResizer.min.js
c. https://cdn.myperformanceiq.com/iframe-downloads/piq.js
2. Include a reference to both of these files in your <head> section of the website as following:
a. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
b. <script type="text/javascript" src="http://{your website URL}/js/iframeResizer.min.js"></script>
c. <script type="text/javascript" src="http://{your website URL}/js/piq.js"></script>
3. Once you are done with steps one and two, please to back to the iframe settings page (located under the 'Admin Panel'), and insert the iframe code provided to you on your website. You will find URLs for Login, Logout, Schedule and Class Packages.
Congratulations! You just setup an iFrame!