Wixプラットフォーム連携

Wixプラットフォーム連携

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Wixも、Zoho Thriveに標準搭載されているプラットフォーム連携の1つです。WixサイトをThriveと連携するには、以下の手順を実行します。
 
新しいアプリの作成
  1. Wix Developersサイトに移動し、Wixの認証情報でログインします。
  1. [マイアプリ]ページで、初めてアプリを作成する場合は[作成を開始]をクリックします。それ以外の場合は[新しいアプリを作成]をクリックします。
  1. [アプリの設定]で、[アプリのガイドラインを読む][利用規約を読む]を完了します。
  1. [Webhookの追加]→[+ Webhookを追加][アプリの設定]でクリックします。
NotesWebhookは、サイトで注文が作成されたときに通知するために使用します。
  1. [Wix Stores][APIカテゴリー]として選択し、[Webhookイベント][注文承認済み]を選択します。
  2. [コールバックURL]項目に、次のURLを入力します:https://localhost:8000/
Notes
こちらのURLは一時的な入力値です。接続が完了したら変更します。
  1. [権限]で、次の権限を選択します:eコマースの管理-すべての権限
           Webhook configuration in Wix
 
[登録]をクリックし、[ダッシュボード]に戻ります。[OAuthの設定][アプリの設定]でクリックします。
 
Setting up OAuth in Wix

OAuthを設定すると、連携に必須のWebhookの追加とAPIの使用を許可できます。
  1. [OAuth]ページで、[高度なOAuth]セクションに移動し、以下の[リダイレクトURL]を、Zoho Thriveの利用[データセンター]に応じて入力します。
  
 
データセンター
 
 
Thriveドメイン(参考)
 
リダイレクトURL
             
US
 
 

EU
 
 
SA
 
 
       
IN
 
 
 
      
AU
 
 

 
CA
 
 
 
  1. [アプリURL]項目には、 上記の表を参照して、該当するドメインを入力します。
Notes
URLを入力する際は、前後にスペースを入れないでください。
  1. 表示された[アプリキー][アプリシークレットキー]をメモし、[保存]をクリックします。
            OAuth section in in Wix
  1. [ダッシュボード]に戻り、[権限の追加][アプリの設定]の下)をクリックします。権限を追加すると、プログラムの実行に必要なサイトデータへのアクセス権がThriveに付与されます。
  1. [+権限の追加]をクリックした後、該当する権限カテゴリーと権限スコープを選択し、以下のすべての権限を許可します。
Notes
各権限は、設定後に保存する必要があります。
 
透明性を確保するため、各権限の横に説明を追加しています。
 
 
 
権限カテゴリ 
 
権限スコープ
 
 
必要性
 
 
 
Wix Developers
 
 
埋め込みスクリプトの管理サイト所有者のメールの読み取り
 
 
これらのスコープにより、プログラム用のトラッキングスクリプトを配信し、サイト所有者のメールアドレスを読み取ることができます。
 
 
Wix Stores
 
 
注文の読み取り注文の管理
 
これらのスコープは、サイトで行われた注文の表示と管理に使用されます。購入に関連するすべてのタスクの管理に役立ちます。
 
 
Wix Payments
 
取引の管理
 
このスコープは、サイトで行われる購入取引の管理に使用されます。購入の正当性の確認に役立ちます。
 
 
 
連絡先とメンバー
 
 
メンバーと連絡先の読み取り-すべての読み取り権限

このスコープは、すべてのメンバーと連絡先の詳細を表示するために使用されます。ロイヤルティプログラムに参加している顧客や、同じサイトの別の顧客から紹介された顧客の管理と確認に役立ちます。
 
 
 
クーポン
 
 
クーポンの管理
 
このスコープは、サイト上のすべてのクーポンの管理に使用されます。プログラム用のクーポンの設定と作成が可能になります。
 
 
  
Thriveとの完全な連携
1. Zoho Thriveを新しいタブで開きます。
2. 画面右上に移動し、[設定]アイコンをクリックします。
3. 次に、[連携]→[ストア連携]→[Wix]に移動します。
4. ポップアップで、メモしておいた[アプリキー]、[アプリシークレットキー]、および[公開鍵]を入力します。
5. [接続]をクリックします。

Zoho Thrive - Wix Integration
 
この操作により、Wixアカウントで利用可能なサイトの一覧ページが開きます。
 
6. 表示されたページで、Thriveと連携するサイトを選択しますWixアカウントにサインインしている場合、上記の操作により、以下のような権限承認ページが表示されます。サインインしていない場合は、新しいウィンドウにWixのサインアップページが表示されるため、サインインを完了してこのページに移動する必要があります。


Acknowldegement page between Wix and Zoho Thrive
7. [同意して追加]をクリックしますこれにより、Thrive内にWixサイト用のブランドが作成され、ThriveのUIで[スクリプト]ページに移動します。

8. 表示されている[購入ウェブフックURL]をコピーします。

Purchase Webhook URL Sample in Zoho Thrive
9. Wix Developersサイトに戻ります。
10. [ウェブフック]に移動し、以前追加したウェブフック(画像参照)の[編集]をクリックします。
11. コピーしたURLを[コールバックURL]項目に貼り付けます。
12. [保存]をクリックします。
 
            Webhooks Page - Wix
 
WixサイトへのThriveスクリプトの追加
  1. Wixサイトを新しいタブで開きます。
  2. スクリプトを追加するサイトの[サイトを選択]をクリックします。
  3. [設定]→[カスタムコード]に移動します。
  4. [コードを追加][Head]セクション([カスタムコード]タブ)でクリックします。
  5. Thrive管理画面に戻ります。
  6. 画面右上に移動し、[設定]アイコンをクリックします。次に、[連携]→[ストア連携]→[Wix]→[詳細を表示]に移動します。
  7. [トラッキングスクリプト][Wixカスタムコード]タブのコードエリアに貼り付けます。
  8. スクリプトに「Thriveスクリプト」などの名前を入力します。
  9. [コードを追加][ページ]→[すべてのページ]で、[コードを1回読み込む]を選択します。
  10. [必須][コードの種類]で選択します。
  11. [Wixサイトエディター]で、[要素を追加][埋め込みコード][Velo開発モード]に移動します。
  12. [メインページ]で、masterPage.jsを開き、以下のコードを貼り付けます。
    Info
    インポート wixUsers from 'wix-users';
    インポート wixWindow from 'wix-window';
    $w.onReady(function () {
    wixUsers.onLogin((user) => {
    wixWindow.postMessage('thriveLoginEvent');
    });
    });
  13. 変更を保存し、サイトを公開します。

 これで、Thriveを使用してWixサイト向けのロイヤルティプログラムを構築する準備が整いました。
 
ご不明な点がございましたら、support@zohothrive.comまでお問い合わせください。