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

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

プラットフォーム:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

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

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

方法1：Instant Siteエディターを使用（推奨）

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

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

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

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

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

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

Ecwid管理パネルにログインします
ウェブサイト（またはOverview → Manage Instant Site）に移動します
「ウェブサイトの詳細設定」までスクロールしてください
「カスタムJavaScriptコード」の下で、「コードを追加」をクリックしてください
表示されるフィールドにAsyntaiの埋め込みコードを貼り付けます
「保存」をクリックしてください
ブラウザでInstant Siteページを更新して変更を確認します

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

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

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

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

Follow the WordPress installation guide
WPCodeプラグインまたはテーマファイルを使用して、WordPressサイトにAsyntaiの埋め込みコードを追加します
Ecwidストアのページを含む、すべてのページにチャットボットが表示されます

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

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

Find the appropriate installation guide for your platform
そのプラットフォームにAsyntaiの埋め込みコードを追加します
チャットボットは埋め込まれたEcwidストアと一緒に動作します

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

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

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

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

ドキュメント