Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

今回の記事は、Shopify アプリである「シンプル Wishlist |お手軽お気に入り」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築できるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「シンプル Wishlist |お手軽お気に入り」は、Shopify ストアにお気に入り機能を導入できるアプリです。こちらのアプリを利用すれば、顧客がストアの商品をお気に入り商品リストに登録できるようになります。

「シンプル Wishlist |お手軽お気に入り」を使用することで、Shopify のデフォルトの機能にない商品のお気に入り機能を簡単に導入できます。

興味のある方は、以下の URL よりアプリのインストールを行なってください。

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

「シンプル Wishlist |お手軽お気に入り」でできること

Shopify アプリである、『シンプル Wishlist |お手軽お気に入り』は、以下の画像のように Shopify ストアに商品のお気に入り機能を導入できるアプリです。商品数・お気に入り数の上限はなく、自由に利用できます。

シンプル Wishlist

マイページでお気に入り商品リストが表示できます。

マイページでお気に入り商品リストを表示できる

商品ページでお気に入りの追加・削除ができます。

商品ページでお気に入り商品の追加・削除ができる

コレクションページでお気に入りの追加・削除ができる!

コレクションページでお気に入りの追加・削除ができる

それでは、実際にアプリのインストールを行なっていきましょう。

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

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

ストア管理画面左下の『設定』をクリックします。

設定をクリック

ストアの管理画面の『アプリと販売チャネル』画面に表示されている『Shopify App Store』をクリックして、Shopify app store に移動してください。

Shopify App Store へ

検索窓に、『シンプル Wishlist |お手軽お気に入り』と入力してください。
以下の画像のアプリをクリックしてください。

検索窓に入力

『インストール』ボタンをクリックして、ストアにアプリを追加しましょう。Shopify パートナー用アカウント(通称:開発アカウント)にて開発ストアにインストールをすると、全ての機能を無料でご利用いただけます。マーチャント用のアカウント(実際に物販などで運用しているアカウント)ですと、月額$9.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

インストールボタンをクリック

『インストール』ボタンをクリックすると以下の画面に遷移します。右上の『アプリをインストール』ボタンをクリックして、アプリのインストールをしましょう。

インストールをクリック

以下の管理画面が表示されます。

アプリ管理画面

以上で、アプリのインストールは完了です。

アプリ設定

次に、アプリの設定をします。アプリの管理画面とストアフロントの表示設定をします。

管理画面

アプリの有効化

まず、お気に入り機能を有効化します。左側のサイドバーの「お気に入り設定」をクリックして、設定ページに遷移してください。

お気に入り設定へ移動

お気に入り機能の有効化では、お気に入り機能の有効化・無効化を設定できます。

『有効』・『無効』を選択した後、『保存する』ボタンをクリックすると設定を保存できます。

お気に入り機能の有効化

テーマにお気に入り機能を追加

次に、テーマにお気に入り機能を追加します。

アプリを追加したいテーマを選択し、『商品ページに追加』ボタン・『アカウントページに追加』ボタンをクリックすると、お気に入り機能を自動で追加できます。

『ハートアイコンボタンを追加』ボタンをクリックすると、コレクションページの各商品画像にハートアイコンボタンを自動で追加できます。

『商品ページをプレビュー』ボタン・『アカウントページをプレビュー』ボタン・『テーマをプレビュー』ボタンをクリックするとテーマのカスタマイズ画面に遷移できます。

お気に入りアプリの有効化設定

『商品ページに追加』ボタンクリック後、何らかのエラーでアプリの自動インストールができない場合は、以下の画像のように「ブロックを追加」または「セクションを追加」をクリックして、アプリのセクションを追加してください。

※商品ページで行ってください。

「ブロックを追加」または「セクションを追加」をクリック

追加するアプリブロックを選択

『アカウントページに追加』ボタンクリック後、何らかのエラーでアプリの自動インストールができない場合は、以下の画像のように「ブロックを追加」または「セクションを追加」をクリックして、アプリのセクションを追加してください。

※アカウントページで行ってください。

「ブロックを追加」または「セクションを追加」をクリック

追加するアプリブロックを選択

『ハートアイコンボタンを追加』ボタンクリック後、何らかのエラーでアプリの自動インストールができない場合は、以下の画像のように埋め込みアプリアイコンをクリックして、アプリを追加してください。

※コレクションページで行ってください。

埋め込みアプリアイコンをクリック

アプリを有効にする

お気に入り商品一覧の表示

続いて、お気に入り商品一覧の表示です。

左側のサイドバーの「お気に入り商品一覧」をクリックして、一覧ページに遷移してください。

お気に入り商品一覧ページでは、お気に入りに追加した商品の一覧を確認でき、商品の検索・絞り込み・並び替えが可能です。

お気に入りの追加・削除は、商品ページおよびコレクションページで行えます。

お気に入り商品がある場合は、以下の画像のように表示されます。

お気に入り一覧の表示

テーマ設定

商品ページ

商品ページでボタンの設定や文言の設定ができます。

共通(商品が未お気に入り時・お気に入り時)のボタンの設定をします。

共通スタイル

商品が未お気に入り時のボタンの設定をします。

お気に入り時のボタン

商品がお気に入り時のボタンの設定をします。

お気に入りボタンの設定

ログインポップアップの設定をします。

ログインポップアップの設定

余白の設定をします。

余白の設定

また、お気に入り数上限ポップアップ設定もできます。

以上で商品ページの設定は終わりです。

マイページ

マイページで文言の設定やテーブルの設定をできます。

見出しの設定をします。

見出しの設定

テーブルの文言の色と枠線の色の設定をします。

テーブルの文言の色と枠線の色の設定

お気に入り商品が0個のときのメッセージを設定します。

お気に入り商品が0個のときのメッセージを設定

ハートアイコンボタンの設定をします。

ハートアイコンボタンの設定

余白の設定をします。

余白の設定

また、以下の画像のようにデフォルトのページにもお気に入り一覧を追加することも可能です。

デフォルトのページにお気に入り一覧を追加

以上でマイページの設定は終わりです。

コレクションページ

コレクションページで文言の設定やボタンの設定をできます。

ハートアイコンボタンの設定をします。

ハートアイコンボタンの設定

ログインポップアップの設定をします。

ログインポップアップの設定

また、お気に入り数上限ポップアップ設定もできます。

以上でコレクションページの設定は終わりです。

終わりに

今回は、「シンプル Wishlist |お手軽お気に入り」の解説をしました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けると幸いです。

ここまでお付き合い頂き、誠にありがとうございました。

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

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

recommendおすすめ記事

シンプルブログタグ絞り込み|お手軽タグ一覧挿入のアイコン
アプリ解説

Shopifyでタグによるブログの絞り込みができるアプリについて徹底解説|ご利用ガイド

シンプル会員商品割引|お手軽ログイン商品セール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員商品割引ができるアプリについて徹底解説|ご利用ガイド

シンプルボリュームディスカウント|お手軽まとめ買い割引のアイコン
アプリ解説

Shopifyで商品毎にボリュームディスカウント(まとめ買い割引)を実現できるアプリについて徹底解説|ご利用ガイド

シンプルノベルティ|お手軽ギフト特典のアイコン
アプリ解説

Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説|ご利用ガイド

シンプル期間限定セール|お手軽バーゲンセールのアイコン
アプリ解説

Shopifyでストア内の全商品に対する期間限定セールを簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプルおひとり様一点限りの購入制限設定のアイコン
アプリ解説

Shopifyで商品毎におひとり様一点限りの購入制限設定ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP会員商品割引|お手軽VIP商品セール設定のアイコン
アプリ解説

ShopifyでVIP顧客の商品割引が実現できるアプリについて徹底解説|ご利用ガイド

シンプル決済カスタマイズ|お手軽条件ごとの決済方法のアイコン
アプリ解説

Shopifyで指定した条件下で特定の決済方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプル配送カスタマイズ|お手軽条件ごとの配送方法のアイコン
アプリ解説

Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプルクラウドファンディング|お手軽自社クラファンのアイコン
アプリ解説

Shopifyで商品ごとのクラウドファンディングを実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員初回注文割引|お手軽初回ログインセール設定のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入時に注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ注文割引|顧客タグ BtoB 割引のアイコン
アプリ解説

Shopifyで顧客タグに応じて自動注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事目次|自動見出し一覧挿入のアイコン
アプリ解説

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

シンプルスライドショー|お手軽画像スライダーのアイコン
アプリ解説

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン
アプリ解説

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプルのし(熨斗)アプリのアイコン
アプリ解説

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド