ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

Ecwidストアのためのステップバイステップガイド

埋め込みコードの取得

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

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

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

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

ステップ2:インストール方法を選択する

Ecwidストアにチャットウィジェットを追加するにはいくつかの方法があります。お使いの環境に最適な方法を選択してください:

方法1:Instant Siteエディターを使用(推奨)

EcwidのInstant Siteを使用している場合、サイトエディターから直接カスタムコードセクションを追加できます。この方法はVenture、Business、Unlimitedプランで利用可能です。

カスタムコードセクションの追加

  1. Ecwid管理パネルにログインします
  2. ウェブサイト → サイトを編集(またはOverview → Manage Instant Site)に移動します
  3. 左上の「ページ:ホームページ」ドロップダウンから、チャットボットを追加したいページを選択してください(サイト全体の場合はホームページのまま)
  4. 「セクションを追加」をクリックしてください
  5. 「高度なソリューション」までスクロールしてください
  6. 「埋め込み&カスタムコード」ブロックで、「カスタムコードセクションを追加」をクリックしてください
  7. Asyntaiの埋め込みコードを貼り付けます
  8. 「保存」をクリックしてください

ヒント: ホームページにコードを追加すると、すべてのページに表示されます。最高のパフォーマンスのために、ヘッダーではなくボディセクションにJavaScriptを追加してください。

方法2:カスタムJavaScriptコードセクションを使用

Ecwidダッシュボードの詳細ウェブサイト設定からカスタムJavaScriptコードを追加できます。この方法にはEcwidの有料プランが必要です。

  1. Ecwid管理パネルにログインします
  2. Go to Website (or Overview → Manage Instant Site)
  3. 「ウェブサイトの詳細設定」までスクロールしてください
  4. 「カスタムJavaScriptコード」の下で、「コードを追加」をクリックしてください
  5. 表示されるフィールドにAsyntaiの埋め込みコードを貼り付けます
  6. 「保存」をクリックしてください
  7. ブラウザでInstant Siteページを更新して変更を確認します

注意: カスタムJavaScriptコードセクションには4000文字の制限があります。Asyntaiの埋め込みコードはこの制限を十分に下回っています。ここに追加されたコードは<body>セクションの下部に表示されます。

方法3:Ecwidストアを埋め込んだ外部ウェブサイト

Ecwidストアを外部ウェブサイト(WordPress、Wix、カスタムHTMLなど)に埋め込んでいる場合は、代わりにそのウェブサイトにAsyntaiコードを追加してください。

Ecwidプラグインを使用したWordPressの場合

  1. WordPressインストールガイドに従ってください
  2. WPCodeプラグインまたはテーマファイルを使用して、WordPressサイトにAsyntaiの埋め込みコードを追加します
  3. Ecwidストアのページを含む、すべてのページにチャットボットが表示されます

その他のプラットフォームの場合

Ecwidストアが別のプラットフォームに埋め込まれている場合:

  1. お使いのプラットフォームに適したインストールガイドを見つけてください
  2. そのプラットフォームにAsyntaiの埋め込みコードを追加します
  3. チャットボットは埋め込まれたEcwidストアと一緒に動作します

なぜ外部サイトにコードを追加するのですか? Ecwidが別のウェブサイトに埋め込まれている場合、親ウェブサイトがページを制御します。親サイトにチャットボットを追加することで、適切に読み込まれ、すべてのページに表示されます。

ステップ3:インストールの確認

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

ウィジェットが表示されませんか? ブラウザのキャッシュをクリアしてページを更新してください。カスタムJavaScript機能にはVenture、Business、またはUnlimitedプランが必要なため、Ecwidの有料プランをご利用であることを確認してください。