CarePort ドキュメント

CarePort は中小企業向けの AI カスタマーサポート SaaS です。<script> タグ 1 行で、あなたのサイトに AI チャットサポート（Widget）や問い合わせフォームを追加できます。

このドキュメントでは、Widget とフォームの導入方法・見た目のカスタマイズ・JavaScript API を解説します。

はじめに

• Widget Quick Start — チャットサポートを 5 分でサイトに組み込む
• フォーム Quick Start — 埋め込み問い合わせフォームを 5 分で設置する
• Claude Code への依頼方法 — AI コーディングエージェントに、このドキュメントだけで導入を任せる

Widget（チャットサポート）

• フレームワーク別の導入 — Vanilla / Next.js / React
• データ属性リファレンス — data-color などのカスタマイズ
• JavaScript API — window.CarePort.init() とイベント購読
• トラブルシューティング — CSP / SSR / スタイル干渉

フォーム（埋め込み問い合わせ）

• フレームワーク別の導入 — Vanilla / Next.js / React / WordPress / 複数フォーム
• 見た目のカスタマイズ — 配色・角丸・フォント・文言・項目
• データ属性リファレンス — data-form-id などの属性と JavaScript API
• トラブルシューティング — 表示されない / スタイル / CSP