• トップ
  • マニュアル
  • 【Web API】AIチャットボットをau Pay マーケットに設置する方法(商品ページへの設置)

【Web API】AIチャットボットをau Pay マーケットに設置する方法(商品ページへの設置)

GoQSmileを「au Pay マーケット(旧au Wowma!)」の商品ページへ設置しましょう。

「au Pay マーケット(旧au Wowma!)」への設置には「Plusディスクスペース」の申請が必要になります。
まだの方は「au Pay マーケット設置方法(Plusディスクスペースの申請と前準備)」を確認してください。


au Pay マーケット設置方法(Plusディスクスペースの申請と前準備)」で準備した「Plusディスクスペース」へアクセスします。

GoQSmileの管理画面から、設置したいアプリケーションの埋め込み型を選択し、スクリプトをコピーします。

goqsmile.zip」をダウンロードし、「goqsmile.html」をメモ帳で開き③の箇所へ②でコピーしたスクリプトを貼り付けて保存します。

au Pay マーケット設置方法(Plusディスクスペースの申請と前準備)」で事前に作成した「pc」、「sp」フォルダへ先ほど変更した「goqsmile.html」をアップロードします。

「https://plus.wowma.jp/user/あなたの会員番号(ユーザーID)/plus/goqsmile.html」へアクセスします。
上の画像のようにチャット画面が表示されれば成功です。

※「あなたの会員番号(ユーザーID)」の箇所を必ず変更してください。
※「Plusディスクスペース」ではアップロード後、反映までに1時間程度の時間がかかる場合があります。表示されない場合は時間をおいて確認してください。

「Wow!manager」の管理画面へログインしてください。
Wow! managerログイン画面はこちらから(https://manager.wowma.jp/wmshopclient/)

「商品・画像・デザイン」をクリックするとメニューが表示されます。

表示されたメニューの「商品一覧」をクリックします。

設置したい商品の「編集」をクリックします。

商品編集ページをスクロールし、「PC用商品説明」、「SP用商品説明」に下記のHTMLタグを入力してください。

<iframe src="/user/あなたの会員番号(ユーザーID)/plus/goqsmile.html" width="100%" height="500px" style="border:none;"></iframe>

※「あなたの会員番号(ユーザーID)」の箇所を必ず変更してください。

「確認」をクリックします。

「更新」をクリックします。

「au PAYマーケット商品ページを見る」をクリックします。

商品ページの説明欄にGoQSmileが表示されていれば設定完了です。
お疲れ様でした。

※「au PAYマーケット」の商品ページ反映まで30秒~1分程度の時間がかかる場合があります。
表示されない場合は時間をおいて確認してください。

 

まとめ:au Pay マーケットに設置する方法

  1. AIチャットボットをau Pay マーケットに設置する(Plusディスクスペースの申請・前準備)
  2. AIチャットボットをau Pay マーケットに設置する(トップページへの設置)
  3. AIチャットボットをau Pay マーケットに設置する(商品ページへの設置)

GoQSmileの機能をもっと見る