• トップ
  • マニュアル
  • 【Web API】AIチャットボットをYahoo!ショッピングに設置する方法(商品ページへの設置)

【Web API】AIチャットボットをYahoo!ショッピングに設置する方法(商品ページへの設置)

GoQSmileを「Yahoo!ショッピング」の商品ページへ設置しましょう。

「Yahoo!ショッピング」への設置には「トリプル」の申請が必要になります。
まだの方は「【Web API】Yahoo!ショッピング設置方法(トリプル申請と前準備)」を確認してください。


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

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

「ストアクリエイターPro」の管理画面へログインしてください。
ストアクリエイターProログイン画面はこちらから

「B-Space・トリプル」をクリックするとメニューが表示されます。

表示されたメニューの「トリプル管理ツール」をクリックします。

「アップロード」をクリックします。

「ファイル」をクリックします。
クリックするとファイルが選択できるようになるので②で作成したファイルを選択します。

「即時にアップロード」をクリックします。

「戻る」をクリックします。

「ブラウザ表示」をクリックします。

GoQSmileが表示されたら赤枠のアドレス(URL)をメモ帳などのわかるところにコピーしてください。

「ストアクリエイターPro」のトップページに戻り、「商品・画像・在庫」をクリックします。

GoQSmileを設置したいページを赤枠から選択します。

GoQSmileを設置したいページが表示されたら「編集」をクリックします。

スクロールし「商品説明」の入力欄へ下記のHTMLタグを入力してください。

<iframe src="⑩でコピーしたURL" width="100%" height="500px" style="border:none;"></iframe>

※商品説明以外でもHTMLの入力が可能な箇所であれば設置することが出来ます。

「保存してプレビュー」をクリックします。

設置位置までスクロールし、GoQSmileが表示されているか確認してください。
問題なければ、「反映」をクリックして設置完了です。お疲れ様でした。

トップページへGoQSmileを設置する場合は下記もご確認ください。
【Web API】Yahoo!ショッピング設置方法(トップページへの設置)

 

まとめ:Yahooショッピングに設置する方法

  1. AIチャットボットをYahoo!ショッピングに設置する(「トリプル」オプションの申請と前準備)
  2. AIチャットボットをYahoo!ショッピングに設置する(トップページへの設置)
  3. AIチャットボットをYahoo!ショッピングに設置する(商品ページへの設置)

GoQSmileの機能をもっと見る