WixにAsyntai AIチャットボットを追加する方法
Wixウェブサイト向けステップバイステップガイド
プラットフォーム:
ステップ1:埋め込みコードを取得する
まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。
Step 2: Add Code Using the Wix Editor (Works on Free Plan)
この方法は無料プランを含むすべてのWixプランで利用できます:
- Wixエディターでサイトを開きます
- 左ツールバーの「+」ボタンをクリックします
- メニューから「Embed Code」を選択します
- 「Embed HTML」を選択します
- Asyntaiの埋め込みコードを貼り付けます
- 「Apply」をクリックします
- 埋め込み要素をページ上の任意の場所に配置します(チャットボットはフローティングボタンとして表示されるため、要素自体は見えません)
- 「Publish」をクリックして変更を保存します
重要: Embed HTML方式を使用する場合、チャットボットを表示したい各ページにコードを追加する必要があります。すべてのページに一括でサイト全体にインストールするには、以下のCustom Code方式をご利用ください(プレミアムプランが必要です)。
代替方法:Custom Codeの使用(プレミアムプラン限定)
接続済みドメインを持つWixプレミアムプランをご利用の場合、すべてのページにコードを一括で追加できます:
- Wixアカウントにログインし、サイトのダッシュボードに移動します
- 左サイドバーの設定をクリックします
- Advancedセクションまでスクロールし、Custom Codeをクリックします
- 右上の「+ Add Custom Code」をクリックします
- テキストボックスにAsyntaiの埋め込みコードを貼り付けます
- コードの名前を入力します(例:「Asyntai Chatbot」)
- 「Add Code to Pages」で「All pages」を選択します
- 「Place Code in」で「Body - end」を選択します
- 「Apply」をクリックして保存します
ヒント: 「Body - end」を選択すると、スクリプトが閉じ</body>タグの直前に配置されます。これはチャットウィジェットの推奨配置です。
ステップ3:インストールの確認
コードを追加した後、サイトを公開し、新しいブラウザタブまたはシークレットウィンドウでアクセスしてください。右下にチャットウィジェットボタンが表示されます。クリックして正しく開いて動作することを確認してください。
ウィジェットが表示されませんか? サイトが公開されていることを確認してください(保存のみでは不十分です)。Wixではカスタムコードの変更が反映されるまで数分かかる場合があります。ブラウザキャッシュのクリアまたはシークレットウィンドウでの閲覧をお試しください。
Weebly