ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

Carrdサイト向けステップバイステップガイド

埋め込みコードの取得

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

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

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

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

ステップ2:埋め込み要素を追加する(Proプランが必要)

Carrdでは、埋め込み要素からカスタムコードを追加できます。以下の手順に従ってください:

  1. エディターでCarrdサイトを開きます
  2. 「Add Element」(+ボタン)をクリックします
  3. 「Embed」を選択します
  4. Type「Code」に設定します
  5. Asyntaiの埋め込みコードを「Code」フィールドに貼り付けてください
  6. スタイル「非表示」を選択し、「閉じbodyタグの前」を選択してください
  7. サイトを保存して公開します

注記: カスタムコードの埋め込み要素を追加するには、Carrd Pro Standardプラン以上が必要です。無料プランではコードの埋め込みはサポートされていません。Carrdダッシュボードから直接Proにアップグレードできます。

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

変更を保存して公開した後、新しいブラウザタブまたはシークレットウィンドウでCarrdサイトにアクセスしてください。右下にチャットウィジェットボタンが表示されるはずです。クリックして正しく開いて動作することを確認してください。

ウィジェットが表示されませんか? コードを追加した後、サイトを保存して公開したことを確認してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。コードが正しく貼り付けられているか再確認してください。