Online Module Setup JP

オンラインモジュールのセットアップ

概要 & 事例

GymMasterオンラインモジュールメンバーポータルは、既存の施設のウェブサイトに統合出来る様に設計されています。 この機能を利用するためには、ウェブ開発者がホストサイトに専用のページを作成する必要があります。 機能はGymMasterソフトウェアの中で設定されますので、セットアップのサポートが必要な場合はトレーニングを手配して下さい。 APIを使用した複雑な統合については、リモート・データベース・アクセスを手配するために私たちに連絡する必要があります。

セットアップチュートリアル

*バックエンドの設定に必要な情報が提供されるまでは、インクルードが設定されていてもフロントエンドには何も表示されませんが、これは全く問題ありません。

GymMasterは、GymMaster Online ModuleとGymMaster Online Calendarをウェブサイトに統合するための簡単なセットアップを提供します。この機能を利用するには、ご自身のウェブサイトが必要となりますのでご注意下さい。

以下の手順で、GymMasterオンラインモジュールの設定を行います。

  1. ホストサイトのバックエンドにアクセスする
  2. GymMasterオンラインモジュールを表示させたいページを選択して下さい。
  3. 下のボックス内の全てのHTMLとJavascriptのコードをハイライトしてください。

    GymMasterメンバーポータル/ログインページの場合

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

    GymMasterメンバー登録ページ用

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

    GymMasterカレンダーウィジェットの場合

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

    GymMasterメンバーポータルのお問い合わせ

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

    GymMasterメンバーポータル (カジュアル予約の場合)

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

    GymMasterメンバーポータル (カジュアル予約 – サービス予約のみ利用可能な場合)

    
    <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

    Set Up Tutorial

    Set Up Tutorial

    Set Up Tutorial

    Set Up Tutorial (New WordPress)

    Set Up Tutorial (Old WordPress)

  4. 選択したコードをコピーする

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

  5. ホストサイトの任意のページに貼り付けます。
  6. すべての “USERNAME “テキストを、施設のGymMasterユーザー名に置き換えて下さい。: https://mygym.gymmasteronline.com/portal/
  7. ホストサイトのページを更新する