ダッシュボードに戻る
ドキュメント
Asyntaiの使い方を学ぶ
機能
ウェブサイトクロール
知識のギャップ
商品カード
動的商品カード
Dynamic Images
ユーザーコンテキスト
ライブモニタリング
オペレーター対応
エスカレーション
AI通知
デイリーレポート
リアルタイムデータフィード
リアルタイムデータフィードMax
チームメンバー
シングルサインオン
画像を含める
画像認識
翻訳ウィジェット
ローカライズ
リード
スマートリード獲得
サポートチケット
予約
埋め込み
ページの除外
ブロックされたIP
よりスマートなモデル
思考モードを有効化
返信候補
フォローアップメッセージ
音声テキスト変換
トランスクリプトのダウンロード
埋め込みチャット
WixにAsyntai AIチャットボットを追加する方法
Wixウェブサイト向けステップバイステップガイド
プラットフォーム:
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
Instapage
Weebly
ステップ1:埋め込みコードを取得する
まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注記: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。
ステップ2:Wixエディターを使用してコードを追加(Freeプランで動作)
この方法は無料プランを含むすべての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ではカスタムコードの変更が反映されるまで数分かかる場合があります。ブラウザキャッシュのクリアまたはシークレットウィンドウでの閲覧をお試しください。