2026/06/02

Shopify の新しいお客様アカウントにおすすめ商品を表示できるアプリ6選を紹介！

@ 信条刃

Shopify

今回の記事は Shopify App Store で提供されている、新しいお客様アカウント（マイページ）におすすめ商品を表示できるアプリ、いわゆるアップセル・クロスセル系アプリについての記事です。

新しいお客様アカウント（マイページ）のおすすめ商品表示とは

Shopify の「新しいお客様アカウント」とは、お客様がメールアドレスに届くワンタイムコードでログインし、自分の注文履歴や注文状況、配送状況、プロフィールなどを確認できるマイページの仕組みです。

この記事でテーマにする「マイページのおすすめ商品表示」とは、お客様が注文内容を確認する「注文状況ページ」や「注文詳細ページ」に、関連商品やおすすめ商品（クロスセル商品）を表示することを指します。お客様が自分の買い物を振り返るタイミングは、商品やブランドへの関心が高まっている瞬間です。ここにおすすめ商品を表示することで、自然な形で追加購入やリピート購入を促せます。

アップセルは「より上位の・より高価な商品をすすめること」、クロスセルは「関連する別の商品を一緒にすすめること」を意味します。マイページでのおすすめ商品表示は、主にクロスセルを通じて平均注文額（AOV）やリピート率を高める施策として注目されています。

新しいお客様アカウントのおすすめ商品表示アプリについて調べるにあたり、以下の記事を参考にしています。

マイページにおすすめ商品を表示する利点

関心が高まったタイミングで追加購入を促せる
お客様が注文内容を確認するマイページは、商品やブランドへの関心が最も高まる瞬間の一つです。このタイミングで関連商品を提案することで、自然な追加購入が期待できます。
広告費をかけずに売上を伸ばせる
すでに購入してくれた既存顧客に対する施策のため、新規集客の広告費が不要です。費用対効果の高い売上アップ施策と言えます。
お店ならではの商品提案ができる
商品ごとに手動でおすすめ商品を設定できるアプリなら、「この商品にはこれが合う」というお店の知見をそのまま提案に反映できます。
リピート率・LTV の向上につながる
マイページでおすすめ商品に触れる機会が増えることで、お客様の再訪・再購入が促され、長期的な顧客価値の向上につながります。
ノーコードで実装できる
多くのアプリは Customer Account UI Extension に対応しており、テーマのコードを編集せずにマイページへおすすめ商品ブロックを追加できます。
デザインや文言を柔軟にカスタマイズできる
見出しや説明文、ボタンの文言、表示件数、並び順などを管理画面から調整でき、ストアの世界観に合わせた表示が可能です。

コードでマイページにおすすめ商品ブロックを実装する場合

アプリを使わず、テーマや拡張機能のコードでマイページにおすすめ商品を表示することも、技術的には可能です。新しいお客様アカウントは Customer Account UI Extension で拡張するため、React ベースのコンポーネントを実装します。ここでは、おすすめ商品ブロックの簡易的な実装イメージを紹介します。

まず、拡張機能のエントリーポイントで、注文状況ページのブロックとしてコンポーネントを登録します。

import {
  reactExtension,
  BlockStack,
  Heading,
  Text,
  Grid,
  Image,
  Button,
} from '@shopify/ui-extensions-react/customer-account';

// 注文状況ページのブロック拡張として登録
export default reactExtension('customer-account.order-status.block.render', () => (
  <RecommendationBlock />
));

次に、おすすめ商品のデータを取得して一覧表示するコンポーネントを実装します。ここではサンプルとして、固定のおすすめ商品配列を表示しています。実際にはアプリのバックエンド（App Proxy など）から商品ごとのおすすめを取得します。

import { useState, useEffect } from 'react';

const RecommendationBlock = () => {
  const [products, setProducts] = useState([]);

  useEffect(() => {
    // バックエンドからおすすめ商品を取得する想定
    const fetchRecommendations = async () => {
      const response = await fetch('/apps/account-upsell/recommendations');
      const data = await response.json();
      setProducts(data.products ?? []);
    };
    fetchRecommendations();
  }, []);

  if (products.length === 0) {
    return null;
  }

  return (
    <BlockStack spacing="loose">
      <Heading level={2}>あなたへのおすすめ</Heading>
      <Text>お気に入りに加えてみませんか？</Text>
      <Grid columns={['25%', '25%', '25%', '25%']} spacing="base">
        {products.map((product) => (
          <BlockStack key={product.id} spacing="tight">
            <Image source={product.image} />
            <Text emphasis="bold">{product.title}</Text>
            <Text>{product.price}</Text>
            <Button onPress={() => addToCart(product.variantId)}>カートに追加</Button>
          </BlockStack>
        ))}
      </Grid>
    </BlockStack>
  );
};

最後に、カートに追加する処理を実装します。Customer Account API のミューテーションを使ってカートに商品を追加します。

const addToCart = async (variantId) => {
  // 数量 1 で選択した商品をカートに追加する処理
  const result = await applyCartLinesChange({
    type: 'addCartLine',
    merchandiseId: variantId,
    quantity: 1,
  });

  if (result.type === 'error') {
    console.error('カートへの追加に失敗しました', result.message);
  }
};

このように、コードで実装する場合は拡張機能の構成・ビルド・デプロイ、おすすめ商品データの管理、カート操作のエラーハンドリングなどを自前で用意する必要があります。商品ごとのおすすめ設定や、未設定時のデフォルト表示、見出し・ボタンのカスタマイズまで作り込むとなると、開発・保守の負担は決して小さくありません。「まずは手軽に始めたい」「コーディングなしでマイページにおすすめ商品を表示したい」という場合は、専用アプリの導入が圧倒的に簡単でおすすめです。

価格比較

各アプリの料金と特徴を、最低料金プランを中心に整理します。

シンプル注文履歴おすすめ商品｜お手軽マイページアップセル … $6.99/月｜マイページに商品ごとのおすすめ商品を手動表示。日本語対応・低価格
Nosto | AI Search & Discovery … 無料インストール（別途外部請求あり）｜AI 検索・レコメンドの統合プラットフォーム
シンプル Wishlist｜お手軽お気に入り … $9.99/月｜マイページにお気に入りリストを表示。日本語対応
FrankieAI Recommendations … $29/月〜｜ビジュアルベースの AI レコメンド
JustViewed ‑ Recently Products … $3.99/月〜（無料プランあり）｜最近見た商品を表示
LimeSpot AI Bundles & Upsells … 無料〜$9.99/月〜｜全ページ対応の AI バンドル・アップセル

Shopify アプリの日本語サポート

導入のしやすさに直結する日本語対応の有無を整理します。

シンプル注文履歴おすすめ商品｜お手軽マイページアップセル … ○（日本製・日本語サポートあり）
Nosto | AI Search & Discovery … ×（日本語未対応）
シンプル Wishlist｜お手軽お気に入り … ○（日本製・日本語サポートあり）
FrankieAI Recommendations … ×（日本語未対応）
JustViewed ‑ Recently Products … ×（日本語未対応）
LimeSpot AI Bundles & Upsells … ×（日本語未対応）

使いやすさ

今回ご紹介したアプリの中で、最もおすすめなのは 「シンプル注文履歴おすすめ商品｜お手軽マイページアップセル」 です。

高機能な AI レコメンドアプリは確かに魅力的ですが、その多くは英語のみの対応で、料金もストアの規模に応じて高くなりがちです。一方、本アプリは月額 $6.99 とリーズナブルで、日本語の管理画面・サポートに対応しているため、はじめてマイページのクロスセルに取り組む方でも迷わず設定できます。

商品ごとに手動でおすすめ商品を設定できるので、「この商品にはこれが合う」というお店の知見をそのまま活かせます。さらに、設定がない商品にはデフォルトおすすめリストが表示されるため、どの注文でもおすすめ枠が空になりません。「まずはシンプルに、低コストでマイページのアップセル・クロスセルを始めたい」という方に、自信を持っておすすめできるアプリです。

終わりに

今回は、Shopify の新しいお客様アカウント（マイページ）におすすめ商品を表示できるアプリを 6 つご紹介しました。マイページは、既存顧客の関心が高まっている貴重なタッチポイントです。ここにおすすめ商品を表示することで、広告費をかけずに追加購入・リピート購入を促せます。

まずは無料体験のあるアプリから、自店に合うものを試してみてはいかがでしょうか。

参考記事

@ 信条刃

Shopify

サイトTOP お問い合わせ

Shopify の新しいお客様アカウントにおすすめ商品を表示できるアプリ6選を紹介！

新しいお客様アカウント（マイページ）のおすすめ商品表示とは

マイページにおすすめ商品を表示する利点

おすすめ商品表示アプリの選び方

おすすめの新しいお客様アカウント向け Shopify アプリ

シンプル注文履歴おすすめ商品｜お手軽マイページアップセル ☆ 迷ったらこれ

特徴・機能

価格設定

Nosto | AI Search & Discovery

特徴・機能

価格設定

シンプル Wishlist｜お手軽お気に入り

特徴・機能

価格設定

FrankieAI Recommendations

特徴・機能

価格設定

JustViewed ‑ Recently Products

特徴・機能

価格設定

LimeSpot AI Bundles & Upsells

特徴・機能

価格設定

コードでマイページにおすすめ商品ブロックを実装する場合

価格比較

Shopify アプリの日本語サポート

使いやすさ

終わりに

参考記事

最新の記事

目次

関連タグ

Shopify の新しいお客様アカウントにおすすめ商品を表示できるアプリ6選を紹介！

Shopifyにフォーム一体型LP・チャットボット購入を設置できるアプリ6選を紹介！

Shopifyに商品メタフィールドCSVインポート・エクスポート機能を追加できるアプリ6選を紹介！

Shopify のお客様アカウントにカスタムフィールドを追加できるアプリ6選を紹介！

Shopify で商品スライダーを設置できるおすすめアプリと実装方法を解説

Shopify に特集コレクションタブを設置できるアプリ6選を紹介！