Shopify ストアに AI チャットウィジェットを
3 分で導入。
テーマカスタマイザーの「カスタム Liquid」、またはテーマコードに ものしりAI の埋め込みコードを貼り付けるだけで完了します。
Shopify ストアと ものしりAI アカウントが必要です
Shopify への設置方法は 3 通り
ストアテーマや運用方針に合わせて、最も楽な方法を選んでください。手順は同じ「埋め込みコードを貼り付ける」だけです。
カスタム Liquid(推奨)
Online Store 2.0 テーマテーマカスタマイザーで「カスタム Liquid」ブロックを追加し、埋め込みコードを貼り付けるだけ。コード編集は不要で、最も簡単です。
テーマコード編集
全テーマ対応テーマファイル `layout/theme.liquid` の body 終了タグ直前に埋め込みコードを貼り付けます。古いテーマや確実に全ページに表示したい場合におすすめ。
Shopify App(近日リリース予定)
Coming soonShopify App Store からインストールするだけで連携できる公式アプリを準備中です。GDPR 対応や HMAC 検証などフル仕様で開発中。
必要なもの
Shopify ストア管理者権限
オンラインストア・テーマの編集権限が必要です。
ものしりAI アカウント
ウィジェットを作成し、埋め込みコードを発行してください。無料登録から始められます。
推奨手順(カスタム Liquid 経由)
Online Store 2.0 テーマでの最短設置手順です。すべて Shopify 管理画面内で完結します。
ものしりAI で埋め込みコードを取得
ものしりAI 管理画面でウィジェットを開き、「埋め込みコード」セクションのコードをコピーします。許可ドメインに Shopify ストアの URL(例: yourshop.myshopify.com、独自ドメインの場合はそちらも)を追加してください。
テーマカスタマイザーを開く
Shopify 管理画面 → オンラインストア → テーマ → 「カスタマイズ」をクリック。表示されたエディタで、ウィジェットを表示したいページ(通常は「ホームページ」または全ページ共通レイアウト)を選びます。
カスタム Liquid を追加して貼り付け
「セクションを追加」→「カスタム Liquid」を選択し、空欄に埋め込みコードを貼り付け、保存します。すぐにストアに反映されます。
別の方法: テーマコードを直接編集
Online Store 1.0 の古いテーマや、確実に全ページに表示したい場合は、テーマコードに直接貼り付けます。
設置後の確認
ストアにアクセスし、右下にチャットボタンが表示されるか確認してください。表示されない場合は、カスタム Liquid ブロックの有効化状態と、ものしりAI 側の許可ドメインに Shopify ストア URL が含まれているかをチェックします。
Shopify 連携のよくある質問
あらゆるサイトに、すぐ設置できる
WordPress などの主要 CMS には公式プラグインを提供。それ以外のサイトでも、HTML に対応していれば scriptタグを貼り付けるだけで導入できます。
Shopify
利用可能テーマカスタマイザーの「カスタム Liquid」、またはテーマコードに埋め込みコードを貼り付け。3 分で設置できます。
現在表示中その他のサイト(独自実装・静的サイト 等)
今すぐ可能scriptタグを設置できる Web サイトであればどこでも動作します。発行された埋め込みコードを HTML に貼り付けてください。
ガイド準備中WordPress は WordPress Foundation、BASE は BASE 株式会社、Shopify は Shopify Inc. の各登録商標です。ものしりAI はこれらの企業と独立して開発・運営されており、公式の提携・保証関係はありません。
組織・チームの"物知り"、今日から始めませんか?
無料プランで、まずはお気軽にお試しください。
月50回まで無料 / クレジットカード不要
「Shopify」は Shopify Inc. の登録商標です。ものしりAI は Shopify と独立して開発・運営されており、Shopify Inc. による公式の保証・推奨を受けたものではありません。

