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

GoQSmileを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の機能をもっと見る