Shopifyでカート追加時にクロスセルポップアップを表示できるアプリについて徹底解説｜ご利用ガイド
はじめに
今回の記事は、Shopify アプリである「シンプルカート追加時ポップアップクロスセルアプリ」のご利用ガイドです。
Shopify とは、EC サイトを簡単に構築できるプラットフォームであり、Shopify アプリとはその機能を拡張するツールのようなものです。WordPress のプラグインに近いイメージで、ストア運営をより効率化・便利にするために活用できます。
「シンプルカート追加時ポップアップクロスセルアプリ」は、お客様が商品をカートに追加した際に、手動で選んだおすすめ商品をポップアップ表示で訴求できるアプリです。デザインやテキストもカスタマイズ可能なので、ストアの雰囲気に合わせたクロスセルを実現し、追加購入の促進につなげられます。
アプリの料金は、月額 $6.99（1 週間の無料お試し期間あり）となっています。
下記のリンクから、アプリストアでインストールできます。
今回は以下の記事を参考にしています。
- Shopifyでカート追加時にクロスセルポップアップを表示する方法を考察
- 【2025年】Shopify でカートに追加時にポップアップでクロスセルはできる？おすすめアプリを紹介！
- Shopifyのカートに追加ボタンをカスタマイズして、クロスセルポップアップを表示する方法を5つ紹介
- Shopifyのカートに追加ボタンにクロスセルポップアップを実装するアプリ10選
- 【2025年】Shopify のクロスセルアプリ20選を徹底解説！
「シンプルカート追加時ポップアップクロスセルアプリ」でできること
「シンプルカート追加時ポップアップクロスセルアプリ」を利用すると、以下のような機能をストアに追加できます。
カート追加時にクロスセルポップアップを表示
お客様が商品をカートに追加したタイミングで、関連商品やおすすめ商品をポップアップ表示できます。
クロスセルとして表示する商品を手動で選択可能
「シンプルカート追加時ポップアップクロスセルアプリ」では、ポップアップに表示したい商品を自由に選択できます。
ノーコードでカスタマイズできる
ポップアップのタイトルや説明文、文字色やサイズなどをカスタマイズ画面から簡単に設定可能です。
1クリックでテーマに追加
アプリの管理画面からワンクリックで、テーマにポップアップ機能を追加できます。
アプリのインストール方法
「シンプルカート追加時ポップアップクロスセルアプリ」をインストールする手順は以下のとおりです。
まず、ストア管理画面左下の「設定」をクリックします。
サイドバーの「アプリと販売チャネル」を開き、「Shopify App Store」をクリックします。
するとアプリストアに遷移するので、「シンプルカート追加時ポップアップクロスセルアプリ」と入力し、表示されたアプリをクリックします。
アプリ詳細ページの「インストール」ボタンをクリックします。
以下の画面が表示されるので、権限を確認して「インストール」をクリックします。
インストールが完了すると、以下の管理画面が表示されます。
アプリをテーマに追加
次に、アプリのポップアップ機能をテーマに追加します。
自動でアプリをテーマに追加
アプリ管理画面の下記セクションでテーマを選択して「テーマに追加」をクリックします。
下記のようにアプリが有効化されていれば完了です。
右上の「保存する」ボタンをクリックして保存してください。
ここでエラーとなる場合は、次の「手動でアプリをテーマに追加」に進んでください。
手動でアプリをテーマに追加
自動追加がうまくいかない場合、以下の手順を参考にしてください。
アプリ管理画面の下記セクションでテーマを選択し、「テーマをプレビュー」ボタンをクリックしてください。
カスタマイズ画面に遷移するので、左側にある埋め込みアプリアイコンをクリックしてください。
「シンプルカート追加時ポップアップクロスセルアプリ」のアプリを有効化します。
「保存する」ボタンをクリックして保存してください。
以上でアプリの追加が完了しました。
アプリのカスタマイズ
アプリをインストールし、テーマに追加したら、ポップアップをカスタマイズしていきましょう。
カスタマイズ画面を開いて、埋め込みアプリ内の「シンプルカート追加時ポップアップクロスセルアプリ」をクリックします。
すると、以下のような設定項目が表示されるので、ここでカスタマイズを行なっていきます。
基本設定
ポップアップのタイトル・説明文
カートに商品を追加した際に表示されるポップアップの見出し文言やメッセージを設定します。
ダイアログスタイル設定
タイトル文字色 / 説明文文字色 / ポップアップ背景色
好みのカラーコードを設定して、ブランドイメージに合わせましょう。
文字サイズ（PC / モバイル）
タイトル・説明文の文字サイズをデバイス別に指定します。大きさを変えて読みやすさを調整します。
閉じるボタンの文言・文字サイズ・色
ポップアップを閉じるボタンのテキストやカラー、背景色を指定します。
おすすめ商品設定
おすすめ商品リスト（最大4件）
ポップアップに表示する商品を手動で選択できます。
おすすめ商品の列数（PC / モバイル）
ポップアップ内で商品を並べる列数をデバイスごとに設定できます。
再表示までの日数設定
再表示までの日数
一度ポップアップを閉じたお客様に対し、何日後に再度表示するかを設定します。
0 にすると毎回ポップアップが表示されます。
追加 CSS
追加のカスタマイズ
アプリの標準設定ではカバーしきれないデザインを適用したい場合、ここに直接 CSS を記述します。
まとめ
今回は「シンプルカート追加時ポップアップクロスセルアプリ」の使い方を解説しました。
- カート追加時におすすめ商品をポップアップで表示してクロスセルを促進
- 手動で選んだ商品をポップアップに掲載でき、ストアに合った商品訴求が可能
- テキストやカラー、ボタンなどのデザインをノーコードで簡単カスタマイズ
- 1 クリックでテーマに組み込み、すぐに導入・運用が始められる
1 週間の無料トライアルもあるので、気になる方はまずは試してみてください。
お読みいただきありがとうございました。
参考記事
今回は以下の記事を参考にしています。
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
