Untitled

Physiotec Iframe IntegrationProcedureIf you used a WordPress system, please follow the “Step by Step patient portal installation for WordPress”at page 4!Step 1You will have to create a page to host the prescription exercises iframeto be viewed by your clients.You can customize this page but inside this page, you have to create a <div> tag where you want the iframe to appear.This <div> should be at least 650 pixels wide in order to display properly the prescription exercises.Ex.: <div style="height:3000px; width:100%;"></div>Step 2You haveto create another page for login purposes. Thislogin page is used in case clientsdon't want to use the direct link provided via email but they want to godirectly to your Website and login to their prescription exercises. Once used, the clientswill access directly the page containing the iframe that you created on Step 1. You can refer to the following code for example:<html><head><script type="text/javascript">function formValidation(login,pswd) {var login = document.getElementById("login").value;var pswd  = document.getElementById("pswd").value;if (login != '' && pswd!= '') {window.location = "http://www.yourwebsite.com/path/prescription_page.html?username=" + login + unescape("%26") + "password=" +pswd;}
Page 2}</script> </head><body><form id="myform" name="myform">Login:<br /><input id="login" name="login" type="text"><br />Password:<br /><input id="pswd" name="password" type="password"><br /><input type="button" value="Log In" onclick="formValidation();"></form></body></html>IMPORTANT :Don’t forgot to change the yellow link by your own iFrame page URL.Step 3You will also need a link from your other pages to the login page only. In order to make this login page reachable to the clients,you will have to place the link to the login page in your main menu or any relevant place and call it, for example, "Patient exercises".Step 4Install the attached javascript file “physiotec.js” on your Web server.Ex.: Copy the “physiotec.js” file to /var/www/www.yourwebsite.com/js/Step 5Inside the<div>you previously created in the clientexercise page, insert the javascript call to “Physiotec.js”Ex.: <div style="height:3000px; width:100%;"><script src="/js/physiotec.js"type="text/javascript"></script></div>* The width and the heightcan be changed with your own dimensions *
Page 3Step 6Test your installation with this combinaison :Username : WGXVUY9R9jPassword : rw4fTVUWYBStep 7Send us the URL of the prescription page and the login page that youset up for the patient portalso that we can insert those links to the emails we will send to your clients.For any questions or support, you can contact our technical support team by email at the following address:technical@physiotec.org
Page 4Step by Step Patient Portal Installationfor WordPress1. Upload “physiotec.js” in wp-includes/js 2. Login in the wordpress back office3. Create a new page for the iFrame4. Switch to HTML editor5. Insert the iFrame tag :<divstyle="width:100%;height:3000px;"><script src="/wp-includes/js/physiotec.js"type="text/javascript"></script></div>* The width and the heightcan be changed with your own dimensions *** Ensure to install the physiotec.js in your files and adapt the src with the good location **6. Save and publish the new page7. In the "Plugins" Tab, choose "Add New"8. In the search bar, type "Global Javascript"9. Install the plugin10. After installation, return to the "Plugins" tab and Activatethe "Global Javascript" plugin11. In the "Appearance" submenu, choose "Global Javascript"12. In the textarea, copy/paste the javascript validation code below :function formValidation(login,pswd) { var login = document.getElementById("login").value; var pswd = document.getElementById("pswd").value; if (login != '' && pswd != '') { window.location = "http://www.xxxxx.xxx/xxx?username=" + login + unescape("%26") + "password=" +pswd; } }13. Replace http://www.xxxxx.xxx/xxx by your page with the iFrame.14. Click on "Save Javascript" button at the right.15. Create a new page for the login page16. Switch to HTML editor17. Insert the form :
Page 5<form id="myform" name="myform">Login:<br><input id="login" name="login" type="text"><br>Password:<br><input id="pswd" name="password" type="password"><br><input type="button" value="Log In" onclick="formValidation();"></form>18.Save and publish the new page19. Test your installation with this combinaison :Username : WGXVUY9R9jPassword : rw4fTVUWYB20. Send us the URL of the prescription page and the login page that you set up for the patient portal so that we can insert those links to the emails we will send to your clients.For any questions or support, you can contact our technical support team by email at the following address:technical@physiotec.org