お気に入りアプリで何ができますか

  • 商品詳細ページとコレクションページに「お気に入り」ボタンを、商品カードとコレクションカードにハートを表示できます。
  • 商品単位とコレクション単位の両方で、お気に入りに保存できます。
  • ログインしていないお客様も保存でき、ログイン後にアカウントへ自動で引き継がれます。
  • 新しい顧客アカウントのマイページに「お気に入り」ページが追加され、お客様が一覧の確認と削除をできます。
  • ボタンの外観は、テーマのコードを編集せずアプリの管理画面から変更できます。

表示するまでの4ステップ

  1. 商品ページに「お気に入りボタン」ブロックを追加するセットアップガイドの「テーマエディタで追加」から、商品ページのテンプレートにブロックを追加します。
  2. コレクションページに「コレクションお気に入り」ブロックを追加する同じく「テーマエディタで追加」から、コレクションページのテンプレートに追加します。
  3. App embedsで「カード上のハート」を有効にする「アプリ埋め込みを開く」から有効にします。商品カードやコレクションカードの右上にハートが表示されます。
  4. 顧客アカウントのメニューに「お気に入り」ページを追加する「顧客アカウントエディタを開く」から追加します。新しい顧客アカウントが必要です。

セットアップガイドは、ナビゲーションの「セットアップガイド」またはダッシュボードの「セットアップガイドを開く」からいつでも開けます。

マイページを使うには何が必要ですか

新しい顧客アカウントが必要です

マイページの「お気に入り」ページは、Shopifyの新しい顧客アカウントでのみ表示されます。旧来のログイン方式(レガシー顧客アカウント)のストアでは、マイページ用のページは対応していません。なお、ストアフロントのお気に入りボタンはどちらの方式でも利用できます。

公開前に何を確認しますか

  • 商品ページ、コレクションページ、カード上にボタンやハートが表示されているか
  • スマートフォンとパソコンの両方で表示と押したときの動きに問題がないか
  • テストのアカウントでログインし、追加したお気に入りがマイページに表示されるか
  • ログインしていない状態でお気に入りに追加し、ログイン後にアカウントへ引き継がれるか
  • ボタンの文言や色が、ストアの雰囲気に合っているか

はじめての方がつまずきやすいポイント

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

ほかの症状は「お気に入りが表示されない、保存できないときの確認順」をご覧ください。