はじめに

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

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

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

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

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

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

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

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

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

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

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

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

アプリのインストール

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

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

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

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

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

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

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

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

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

アプリ設定

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

管理画面

アプリの有効化

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

テーマ設定

商品ページ

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

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

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

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

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

余白の設定をします。

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

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

マイページ

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

見出しの設定をします。

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

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

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

余白の設定をします。

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

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

コレクションページ

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

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

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

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

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

終わりに

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

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

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

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