Shopify ストアにAIチャットボットを追加する方法（ステップごとに解説）

必要なものは3つです。

• Nexoply のアカウント。無料で登録できます。無料プランには月50会話が含まれ、カードは不要です。
• Nexoply に登録したショップの情報：送料と配送日数、返品・交換ポリシー、サイズガイド、商品と価格、営業時間や店舗受け取りの詳細。最も手早いのは、ストアのアドレスを入力して Nexoply に公開ページを取り込ませる方法で、価格も通貨付きで取り込まれます。提案を確認し、承認するまで何も追加されません。
• テーマを編集する権限のある Shopify 管理画面へのアクセス。

Nexoply のダッシュボードで チャットボット ページを開き（まだの場合は チャットボットを作成 をクリック）、設置コードをコピーします。コードは次のような形です。

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

YOUR-KEY の部分には、チャットボットページが自動で入れるあなたのチャットボット専用のキーが入ります。このキーは公開されるもので、パスワードではなく、アカウントやストアへのアクセス権も与えません。先にアシスタントを試したい場合は、チャットボット付きのテストページを開く をクリックしてください。

1. 1

   テーマをバックアップする

   Shopify の管理画面で Online Store → Themes を開きます。現在のテーマの横にある … ボタンをクリックし、Duplicate を選びます。コピーがテーマライブラリに表示され、これがバックアップになります。

2. 2

   コードエディターを開く

   現在の（公開中の）テーマの横にある … ボタンをもう一度クリックし、Edit code を選びます。

3. 3

   theme.liquid を開く

   ファイル一覧で layout フォルダを開き、theme.liquid をクリックします。このファイルは、ストアフロントのすべてのページを包んでいます。

4. 4

   </body> の前に貼り付ける

   下のほうにある閉じタグ </body> を探し（Ctrl+F または Cmd+F で検索できます）、そのすぐ上に、独立した行として Nexoply のコードを貼り付けます。

5. 5

   保存する

   Save をクリックします。変更はすぐにストアに反映されます。

新しいプライベートウィンドウでストアを開きます。ストアにまだパスワード保護がかかっている場合は、先にストアフロントのパスワードを入力してください。画面の下隅にチャットボタンが表示されます。「カナダへの配送は何日かかりますか？」や「このジャケットは小さめですか？」のように、買い物客が尋ねそうな質問をしてみてください。その会話が Nexoply のダッシュボードの 会話 に表示されます。ダッシュボードで行った変更は、テーマを再び編集することなく約1分でストアに反映されます。

アシスタントはあなたが追加した情報だけをもとに答え、わからないときは推測せずにそう伝えます。ショップの場合、通常は次の内容をカバーします。

• 配送：配送先、送料、配送日数、送料無料になる金額。
• 返品と交換：期限、商品の状態、返送料の負担。
• サイズガイドと商品説明にもとづく、サイズ感、素材、お手入れ方法。
• 掲載している商品と価格、ストアの該当ページへのリンク。
• 連絡先、店舗受け取り、営業時間。

注文や追跡番号の照会はせず、Shopify のデータとも連携していません。「注文した商品はどこですか？」という質問に備えて、注文状況ページや問い合わせ用のメールアドレスを案内するよくある質問を追加しておきましょう。

• テーマの間違い。 複製したテーマやライブラリ内の別のテーマではなく、公開中の（現在の）テーマを編集したか確認してください。
• 場所の間違い。 コードは layout/theme.liquid の </body> の直前に、一度だけ、完全な形で貼り付ける必要があります。セクションファイルや head の中ではありません。
• テーマの更新後。 テーマを新しいバージョンに更新すると、Shopify は新しいバージョンを別のテーマとして追加し、コードの編集が引き継がれないことがあります。theme.liquid を確認し、必要ならコードを貼り直してください。
• 許可するドメイン。 チャットボットページで 許可するウェブサイト を設定している場合、お客様がどちらも使うなら、独自ドメインと myshopify.com のアドレスの両方を登録してください（例：myshop.com、myshop.myshopify.com）。
• チャットボットがオフ、または広告ブロッカー。 チャットボットを有効にする のスイッチがオンになっているか確認してください。まれに、ブラウザの拡張機能がチャットウィジェットをブロックすることがあります。別のブラウザで試してください。

ブランドに合わせるには、チャットボット → カスタマイズ を開きます。メッセージボタンのアイコン（または独自の画像）、テキストラベル、形、サイズ、色、位置を選べるほか、代わりに画面の端に「ヘルプ」などのサイドタブを置くこともできます。スマートフォンでは別のデザインにしてボタンがカートに追加するバーに重ならないようにでき、ページルールで特定のページ（例：/products/*）の表示を変えられます。その後は定期的に会話を確認しましょう。答えられなかった質問が一覧になり、ワンクリックでよくある質問にできます。すべてのオプションはNexoply の機能ページに、設定方法はNexoply の仕組みにあり、アクセスの多いストア向けのプランは料金ページに掲載しています。