1
scriptタグを貼る
HTMLの <body> タグの閉じタグ直前に、以下のscriptタグを1行追加するだけです。
HTML
<script
src="https://aicce.jp/widget/loader.js"
data-api-key="YOUR_API_KEY"
data-api-endpoint="https://aicce.jp/api/v1/chat"
></script>※ YOUR_API_KEY は お申し込み後にお渡しするAPIキーに置き換えてください。
2
カスタマイズする(任意)
data-* 属性で、ウィジェットの見た目や動作をカスタマイズできます。
| 属性 | 説明 | デフォルト値 |
|---|---|---|
| data-api-key | APIキー(必須) | - |
| data-api-endpoint | APIエンドポイント(必須) | - |
| data-theme-color | テーマカラー(HEX値) | #1A1A1A |
| data-welcome-message | 初期表示メッセージ | 何かお探しですか? |
| data-trigger-text | トリガーボタンのテキスト | AIアシスタント |
| data-position | ウィジェットの位置 | bottom-right |
カスタマイズ例
<script
src="https://aicce.jp/widget/loader.js"
data-api-key="sk_live_xxxxx"
data-api-endpoint="https://aicce.jp/api/v1/chat"
data-theme-color="#E91E63"
data-welcome-message="こんにちは!何かお探しですか?"
data-trigger-text="商品を探す"
data-position="bottom-right"
></script>3
商品データを登録する
お申し込み後、商品データの登録をサポートいたします。CSVアップロードまたはAPI連携で商品データを登録できます。
A
CSVアップロード
商品名・価格・カテゴリ・画像URLなどをCSVファイルでまとめて登録
B
手動セットアップ
初回は弊社側で商品データの登録をサポートいたします(無料)
プラットフォーム別の導入方法
Shopify
テーマエディター → theme.liquid の </body> 直前にscriptタグを追加
BASE
デザイン → HTML編集 → </body> 直前にscriptタグを追加
STORES
カスタムHTMLパーツを使用してscriptタグを追加
よくある質問
導入にどのくらい時間がかかりますか?
scriptタグの追加だけなら1分で完了します。商品データの登録を含めても、通常1営業日以内にセットアップが完了します。
既存のサイトデザインに影響はありますか?
ウィジェットはShadow DOMで動作するため、既存のCSSやJavaScriptに一切影響を与えません。
どのECプラットフォームに対応していますか?
HTMLを編集できるすべてのECサイトに対応しています。Shopify、BASE、STORES、カラーミー、EC-CUBEなど、プラットフォームを問わず導入可能です。
無料プランから有料プランへの切り替えはどうすればいいですか?
メール(info@aicce.jp)にてご連絡いただければ、即日プラン変更いたします。
解約はいつでもできますか?
はい、いつでも解約可能です。scriptタグを削除するだけでウィジェットが非表示になります。
対応言語は?
現在は日本語のみ対応しています。英語対応は今後予定しています。
ご不明な点がございましたら
導入に関するご質問は、お気軽にお問い合わせください。
info@aicce.jp にメールする