Wishlist Heroは、Shopifyユーザーの間で高い人気を誇るお気に入り機能を提供するShopifyアプリです。このアプリを利用すれば、顧客が商品のウィッシュリストを簡単に作成し、ウィッシュリストアをSNSなどで共有したりできます。特に、ゲスト会員も利用できる点や、さまざまなカスタマイズが可能な点が魅力となっています。本記事では、Wishlist Heroの特徴と初期設定の方法について解説します。
Wishlist Heroとは?
![Wishlist Hero|Shopifyアプリストア](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_13.57.20_2x_8eaea8bd-8d41-4cb5-9fd7-e5df2ef9b387_600x600.png?v=1717912108)
Wishlist Heroは、Shopifyストアにおいて顧客が商品をウィッシュリストに追加し、その情報を管理できるアプリケーションです。ご利用中のShopifyテーマにノーコードで導入でき、お気に入りボタンなどのデザインやアイコン、アニメーションなどを自由にカスタマイズすることが出来ます。また、グローバルなストア向けに複数通貨・複数言語にも対応しています。
下記のブログ記事では、Wishlist Hero以外のお気に入りアプリも紹介しています。お気に入りアプリ選びのご参考にしてください。
Shopifyにお気に入り機能(ウィッシュリスト)を導入するメリット|Shopifyアプリも紹介
Wishlist Heroの特徴
- 無料から利用できる
- ノーコードでセットアップできる
- 豊富な機能が揃っている
- お気に入り登録機能は、会員だけでなくゲスト会員にも利用可能にできる
- お気に入りボタンの色やアイコン、アニメーションなどを自由にカスタマイズできる
- アプリの管理画面やヘルプページは日本語対応していない
Wishlist Heroの料金プラン
プラン名 | FREE | SILVER | GOLD | GOLD PLUS | PLATINUM | TITANIUM | TITANIUM PLUS |
---|---|---|---|---|---|---|---|
料金 | $0.00 | $4.00 | $11.00 | $17.00 | $29.00 | $99.00 | $180.00 |
ウィッシュリスト追加数 | 500 | 1,000 | 3,000 | 5,000 | 10,000 | 50,000 | 100,000 |
コード不要セットアップ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
メールとソーシャルメディアでシェア | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
顧客と製品のレポート | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
非英語対応 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
在庫低下・価格落ちのメール通知 | ○ | ○ | ○ | ○ | ○ | ○ | |
FB Pixel統合 | ○ | ○ | ○ | ○ | ○ | ○ | |
Klaviyo Onsite Tracking統合 | ○ | ○ | ○ | ○ | ○ | ○ | |
Google Analytics (GA4)統合 | ○ | ○ | ○ | ○ | ○ | ○ | |
TikTok Pixel統合 | ○ | ○ | ○ | ○ | ○ | ○ | |
カスタムブランディング | ○ | ○ | ○ | ○ | ○ | ○ | |
JS API | ○ | ○ | ○ | ○ | ○ | ○ | |
カスタムESP | ○ | ○ | ○ | ○ | ○ | ○ | |
REST API | ○ | ○ | ○ | ○ |
Wishlist Heroのセットアップ方法
本章では、商品ページに「お気に入り追加」ボタンが表示されるまでの初期設定方法を紹介します。
アウトプット
本設定を行うことで、添付動画のように商品ページに「お気に入り追加ボタン」が表示されます。
ステップ1.お気に入り機能の各種設定を行う
![アプリの左メニューにある「setting」をクリック Customize Wishlist Appearanceセクションの「Configure」をクリック](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.27.32_2x_d88c34e2-f010-4650-bbca-68ab61ae63d4_600x600.png?v=1717912108)
![お気に入りボタンのデザインパターンや色を設定 画面右下の「Save」をクリック](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.27.56_2x_25a5a1ec-2f59-425d-a1f1-a386caa48bcb_600x600.png?v=1717912108)
- アプリの左メニューにある「setting」をクリック
- Customize Wishlist Appearanceセクションの「Configure」をクリック
- お気に入りボタンのデザインパターンや色を設定
- 画面右下の「Save」をクリック
ステップ2.埋め込みアプリを有効化
![オンラインストア > テーマの順に遷移 アプリを導入したいShopifyテーマの「カスタマイズ」をクリック](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.29.31_2x_3ca15ab2-507d-4ccd-844b-71773bd8f557_600x600.png?v=1717912108)
![テーマエディタの左にある埋め込みアプリのアイコンをクリック 「App Configuration」という名称の埋込アプリを有効化 テーマエディタの右上にある「保存」をクリック](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.32.06_2x_f65688ef-f855-4a51-bb26-79efcee89556_600x600.png?v=1717912108)
- オンラインストア > テーマの順に遷移
- アプリを導入したいShopifyテーマの「カスタマイズ」をクリック
- テーマエディタの左にある埋め込みアプリのアイコンをクリック
- 「App Configuration」という名称の埋込アプリを有効化
- テーマエディタの右上にある「保存」をクリック
Wishlist Heroの注意点
Wishlist Heroのカートボタンが外部アプリと干渉する場合がある
![Wishlist Heroのカートボタン](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.35.04_2x_d98f7100-a960-447b-9b51-9e464ced8213_600x600.png?v=1717912108)
Wishlist Heroでは、デフォルト設定でウィッシュリスト内にカートボタンを表示されます。しかし、外部アプリを利用して予約販売や期間限定販売、発売予告などを実施している商品に対して、ウィッシュリスト内のカートボタンを利用して商品をカート追加すると、「予約販売できない」や「期間外のに注文できてしまう」などの問題が発生する場合があります。
もし、予約販売アプリや販売期間設定アプリなどと併用する場合は、下記の「ウィッシュリストからカートボタンを非表示にする方法」を参考に、Wishlist Heroのカートボタンを非表示にし、商品ページからカート追加させるように改善しましょう。
ウィッシュリストからカートボタンを非表示にする方法
![アプリの左メニューにある「setting」をクリック Customize Wishlist Appearanceセクションの「Configure」をクリック](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.27.32_2x_d88c34e2-f010-4650-bbca-68ab61ae63d4_600x600.png?v=1717912108)
![Display the Wishlist module asセクションの「Show add to cart button in product card」のチェックを外す 画面右下の「Save」をクリック](https://cdn.shopify.com/s/files/1/0611/3542/1693/files/TsunShot_2024-06-09_at_14.38.33_2x_0002aa85-f21f-4a03-97ba-141c35a8c72c_600x600.png?v=1717912107)
- アプリの左メニューにある「setting」をクリック
- Customize Wishlist Appearanceセクションの「Configure」をクリック
- Display the Wishlist module asセクションの「Show add to cart button in product card」のチェックを外す
- 画面右下の「Save」をクリック
最後に
Wishlist Heroは、Shopifyストア向けに多機能なウィッシュリスト機能を簡単に導入できる優れたアプリです。無料プランから利用でき、ノーコードで設定できるため、初心者でも手軽に導入することが可能です。また、ゲスト会員もお気に入り機能を利用できる点や、商品ページとコレクションページの両方からお気に入り登録ができる柔軟性が魅力です。この記事で紹介した設定手順を参考に、Wishlist Heroを導入して、顧客体験を向上させてみてください。
下記のブログ記事ではお気に入りアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。