BigCommerceにAsyntai AIチャットボットを追加する方法

BigCommerceストア向けステップバイステップガイド

プラットフォーム:

ステップ1：埋め込みコードを取得する

まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください：

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。

BigCommerceにチャットウィジェットを追加する方法はいくつかあります。最適な方法を選択してください：

スクリプトマネージャーは、BigCommerceストアにカスタムスクリプトを追加する最も簡単で推奨される方法です。コーディングの知識が不要で、テーマの変更後も維持されます。

スクリプトマネージャーを使う理由 スクリプトマネージャーで追加されたスクリプトはテーマとは別に管理されます。ストアのテーマを更新または変更しても影響を受けません。

BigCommerceのページビルダーを使用して、HTML要素でチャットウィジェットを追加できます。ウィジェットの表示場所をより細かく制御したい場合に便利です。

注意: すべてのページにチャットボットを表示したい場合は、フッターなどのグローバルリージョンに追加する必要があります。サイト全体のインストールにはスクリプトマネージャー方式の方が簡単です。

Stencilテーマを使用する開発者は、テーマファイルに直接コードを追加できます。テーマのソースファイルへのアクセスが必要です。

Stencil CLIでローカル開発を行っている場合：

重要: テーマファイルの変更はテーマの更新時に上書きされる場合があります。テーマ更新後も維持される恒久的な方法として、スクリプトマネージャー方式をご利用ください。

コードを追加した後、新しいブラウザタブまたはシークレットウィンドウでBigCommerceストアにアクセスしてください。ストアの右下にチャットウィジェットボタンが表示されるはずです。クリックして正しく開いて動作することを確認してください。

ウィジェットが表示されませんか？ ブラウザのキャッシュをクリアして再試行してください。テーマエディターで変更を行った場合は、「公開」をクリックしてライブストアに変更を適用したことを確認してください。