お気に入りアプリで何ができますか
- 商品詳細ページとコレクションページに「お気に入り」ボタンを、商品カードとコレクションカードにハートを表示できます。
- 商品単位とコレクション単位の両方で、お気に入りに保存できます。
- ログインしていないお客様も保存でき、ログイン後にアカウントへ自動で引き継がれます。
- 新しい顧客アカウントのマイページに「お気に入り」ページが追加され、お客様が一覧の確認と削除をできます。
- ボタンの外観は、テーマのコードを編集せずアプリの管理画面から変更できます。
表示するまでの4ステップ
- 商品ページに
「お気に入りボタン」 セットアップガイドの「テーマエディタで追加」から、商品ページのテンプレートにブロックを追加します。ブロックを 追加する - コレクション
ページに 同じく「テーマエディタで追加」から、コレクションページのテンプレートに追加します。「コレクションお気に入り」 ブロックを 追加する - App embedsで
「カード上のハート」を 「アプリ埋め込みを開く」から有効にします。商品カードやコレクションカードの右上にハートが表示されます。有効にする - 顧客
アカウントの 「顧客アカウントエディタを開く」から追加します。新しい顧客アカウントが必要です。メニューに 「お気に入り」 ページを 追加する
セットアップガイドは、ナビゲーションの「セットアップガイド」またはダッシュボードの「セットアップガイドを開く」からいつでも開けます。
マイページを使うには何が必要ですか
新しい顧客アカウントが必要です
マイページの「お気に入り」ページは、Shopifyの新しい顧客アカウントでのみ表示されます。旧来のログイン方式(レガシー顧客アカウント)のストアでは、マイページ用のページは対応していません。なお、ストアフロントのお気に入りボタンはどちらの方式でも利用できます。
公開前に何を確認しますか
- 商品ページ、コレクションページ、カード上にボタンやハートが表示されているか
- スマートフォンとパソコンの両方で表示と押したときの動きに問題がないか
- テストのアカウントでログインし、追加したお気に入りがマイページに表示されるか
- ログインしていない状態でお気に入りに追加し、ログイン後にアカウントへ引き継がれるか
- ボタンの文言や色が、ストアの雰囲気に合っているか
はじめての方がつまずきやすいポイント
- ブロックを
追加したのに、 カード上に ハートが 出ない - カード上のハートはブロックではなく、App embedsの「カード上のハート」で有効にする設定です。あわせて、外観設定の「商品/コレクションカード上のハートを表示」がオンになっているか確認してください。テーマのカードの作りによっては、ハートが付かない場合があります。
- 一部の
コレクション ページで ボタンが 出ない - すべての商品を表示するページ(/collections/all)など、対象のコレクションや商品を特定できない場所では、ブロックは表示されない仕組みです。不具合ではありません。
- マイページに
「お気に入り」が 出てこない - 新しい顧客アカウントを使っていること、顧客アカウントエディタでメニューに「お気に入り」ページを追加していることの両方が必要です。レガシー顧客アカウントのストアでは、マイページのページは表示されません。
- ボタンの
色や 文言を 変更できない、 変わらない - 色、形状、ラベル文言の変更はBasic以上のプランで使えます。変更後は外観設定で「保存」を押してください。商品ページのブロックで「アプリ設定に従う」をオフにしていると、ブロックの個別設定が優先されます。ラベル文言は、管理画面の表示言語の分だけを編集する仕組みのため、英語のストア向けの文言は管理画面をEnglishに切り替えてから編集します。
- Free
プランで すぐに 追加できなくなった - Freeプランの保存上限はストア全体の合計で30件です。上限の80%に達するとダッシュボードに警告が表示されます。上限に達しても保存済みのお気に入りは消えず、お客様は閲覧と削除を続けられます。
- ログインしていない
お客様の お気に入りが 消える - 未ログインのお気に入りはお客様のブラウザ内に保存され、最大30日で削除されます。Safariなどでは、さらに早く消える場合があります。確実に残すにはログインをご案内ください。詳しくは「ログインしていないお客様のお気に入りの扱い」をご覧ください。
ほかの症状は「お気に入りが表示されない、保存できないときの確認順」をご覧ください。
