サポートエージェントをインストールする

まず公式プラグインとパッケージ、それ以外には埋め込みスニペット

お使いのプラットフォームのストアからインストール

Chatixy は公式のプラグインとパッケージを公開しています。お使いのプラットフォーム向けに用意がある場合は、それが推奨かつサポート対象のインストール方法です。自分の管理画面から、あるいはコマンド1つで追加でき、プラットフォーム経由で更新され、テンプレートにコードを貼り付ける必要はありません。

  • WordPress - WordPress.org プラグインディレクトリの Chatixy AI Support Agent プラグイン。
  • Framer - Framer Marketplace の Chatixy AI Support Agent プラグイン。
  • JavaScript アプリ - npm の @chatixy/widget パッケージ(TypeScript 型付き)。
  • PHP プラットフォーム - Packagist のベンダー chatixy 配下の Composer パッケージ。Craft CMS、TYPO3、Magento、Shopware 6、Flarum、Kirby、Contao、Silverstripe、Statamic に対応。

お使いのプラットフォームがまだ一覧にない場合は、下の埋め込みスニペットをお使いください。どこでも動作します。

ヒント

  • /integrations の各プラットフォームページから、その掲載ページへ直接リンクし、正確なインストールコマンドを表示しています。

WordPress

公式の Chatixy AI Support Agent プラグインをインストールします。WordPress の管理画面で Plugins → Add New を開き、「Chatixy」を検索して Install Now、続いて Activate をクリックします。

Settings → Chatixy AI Support Agent を開き、Connect with Chatixy をクリックしてサインインし承認してください。ウィジェットキーは自動で入力されます(手動での貼り付けも可能です)。これでチャットがすべてのページで有効になり、どのテーマでも、WooCommerce でも動作します。

ヘッダー/フッタースクリプト用プラグインにスニペットを貼り付ける方法も引き続き使えますが、サポート対象はプラグインで、コードは不要です。

ShopifyとWix

Shopify: Online Store → Themes → Edit codeを開き、スニペットを theme.liquid</body> の直前に貼り付けます。

Wix: Settings → Custom Codeを開き、body-endセクションにスニペットを追加して、すべてのページに適用します。

どちらも5分もかかりません。

埋め込みスニペット

すべてのプロジェクトには、固有の1行のスクリプトタグがあります。プロジェクトを開き、Embedタブに移動してスニペットをコピーします。サイトの閉じタグ </body> の直前に貼り付けてください。

このスニペットは非同期で、ページの読み込みをブロックすることはありません。また、公開APIキーでプロジェクトを識別するため、HTML内で保護すべきシークレットはありません。

手順

  1. 1

    スニペットをコピーする

    Project → Embedタブ → Copy snippet

  2. 2

    </body>の前に貼り付ける

    すべてのページで読み込まれるよう、サイトのテンプレートに追加します。

  3. 3

    サイトを再読み込みする

    ランチャーの吹き出しがすぐに隅に表示されます。

インストールを確認する

インストール後、プライベートブラウザウィンドウでサイトを開き、ランチャーをクリックします。テスト用の質問を送信すると、その会話が数秒以内にプロジェクトのTicketsビューに表示されるはずです。

吹き出しが表示されない場合は、トラブルシューティングの記事をご覧ください。

ヒント

  • キャッシュされたページやログイン中の管理バーがチャットを隠さないよう、プライベートウィンドウを使用しましょう。