トップページに戻る

導入ガイド

3ステップで、あなたのECサイトにAI検索を追加できます。

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-keyAPIキー（必須）-
data-api-endpointAPIエンドポイント（必須）-
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

商品データを登録する

AIが商品を提案できるようにするには、商品データの連携が必要です。現在対応しているのは Shopify・BASE との連携です。

A

Shopify 連携

ストアドメインの入力とアプリ承認で、商品データを自動で取得します

B

BASE 連携

BASEアカウントを連携すると、商品データを自動で取得します

プラットフォーム別の導入方法

Shopify

テーマエディター → theme.liquid の </body> 直前にscriptタグを追加

BASE

デザイン → HTML編集 → </body> 直前にscriptタグを追加

STORES / その他

カスタムHTMLパーツ等でscriptタグを追加（商品データ連携は未対応のため、現状は商品提案をご利用いただけません）

よくある質問

導入にどのくらい時間がかかりますか？

scriptタグの追加だけなら1分で完了します。商品データの連携に要する時間は、商品数や連携方法によって異なります。

既存のサイトデザインに影響はありますか？

ウィジェットはShadow DOMで動作するため、既存のCSSの影響を受けず、既存デザインにも影響を与えにくい設計です。なお、ウィジェットはページ末尾に要素を1つ追加し、画面幅の変更を監視します。

どのECプラットフォームに対応していますか？

ウィジェットの設置は、HTMLを編集できるECサイトであれば可能です。商品データの連携に対応しているのは Shopify・BASE で、それ以外のプラットフォームでは商品提案をご利用いただけません。

無料プランから有料プランへの切り替えはどうすればいいですか？

料金ページからご希望のプランをお申し込みいただけます。ご不明な点はメール（info@aicce.jp）までご連絡ください。

解約はいつでもできますか？

はい、いつでも解約可能です。解約はダッシュボードの「課金・請求」から顧客ポータルを開いてお手続きください。scriptタグを削除するとウィジェットは非表示になりますが、課金は停止しません。

対応言語は？

ウィジェットのUIは、ブラウザの言語設定に応じて日本語・英語を切り替えます。

ご不明な点がございましたら

導入に関するご質問は、お気軽にお問い合わせください。

info@aicce.jp にメールする