【Shopify アプリ】お気に入りアプリ「Wishlist Hero」の特徴や料金プラン、使い方をご紹介

【Shopify アプリ】お気に入りアプリ「Wishlist Hero」の特徴や料金プラン、使い方をご紹介

Wishlist Heroは、Shopifyユーザーの間で高い人気を誇るお気に入り機能を提供するShopifyアプリです。このアプリを利用すれば、顧客が商品のウィッシュリストを簡単に作成し、ウィッシュリストアをSNSなどで共有したりできます。特に、ゲスト会員も利用できる点や、さまざまなカスタマイズが可能な点が魅力となっています。本記事では、Wishlist Heroの特徴と初期設定の方法について解説します。

Wishlist Heroとは?

Wishlist Hero|Shopifyアプリストア
出典:Wishlist Hero|Shopifyアプリストア

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」をクリック
お気に入りボタンのデザインパターンや色を設定 画面右下の「Save」をクリック

 

  1. アプリの左メニューにある「setting」をクリック
  2. Customize Wishlist Appearanceセクションの「Configure」をクリック
  3. お気に入りボタンのデザインパターンや色を設定
  4. 画面右下の「Save」をクリック

ステップ2.埋め込みアプリを有効化

オンラインストア > テーマの順に遷移 アプリを導入したいShopifyテーマの「カスタマイズ」をクリック
テーマエディタの左にある埋め込みアプリのアイコンをクリック 「App Configuration」という名称の埋込アプリを有効化 テーマエディタの右上にある「保存」をクリック

 

  1. オンラインストア > テーマの順に遷移
  2. アプリを導入したいShopifyテーマの「カスタマイズ」をクリック
  3. テーマエディタの左にある埋め込みアプリのアイコンをクリック
  4. 「App Configuration」という名称の埋込アプリを有効化
  5. テーマエディタの右上にある「保存」をクリック

Wishlist Heroの注意点

外部アプリと干渉する場合がある

Wishlist Heroのカートボタン

Wishlist Heroでは、デフォルト設定でウィッシュリスト内にカートボタンを表示されます。しかし、外部アプリを利用して予約販売や期間限定販売、発売予告などを実施している商品に対して、ウィッシュリスト内のカートボタンを利用して商品をカート追加すると、「予約販売できない」や「期間外のに注文できてしまう」などの問題が発生する場合があります。

もし、予約販売アプリや販売期間設定アプリなどと併用する場合は、下記の「ウィッシュリストからカートボタンを非表示にする方法」を参考に、Wishlist Heroのカートボタンを非表示にし、商品ページからカート追加させるように改善しましょう。

ウィッシュリストからカートボタンを非表示にする方法

アプリの左メニューにある「setting」をクリック Customize Wishlist Appearanceセクションの「Configure」をクリック
Display the Wishlist module asセクションの「Show add to cart button in product card」のチェックを外す 画面右下の「Save」をクリック

 

  1. アプリの左メニューにある「setting」をクリック
  2. Customize Wishlist Appearanceセクションの「Configure」をクリック
  3. Display the Wishlist module asセクションの「Show add to cart button in product card」のチェックを外す
  4. 画面右下の「Save」をクリック

日本語に対応していない

アプリの管理画面やヘルプページは日本語対応していません。そのため、英語が苦手な方にとっては利用するのが少し難しく感じるかも知れません。

最後に

Wishlist Heroは、Shopifyストア向けに多機能なウィッシュリスト機能を簡単に導入できる優れたアプリです。無料プランから利用でき、ノーコードで設定できるため、初心者でも手軽に導入することが可能です。また、ゲスト会員もお気に入り機能を利用できる点や、商品ページとコレクションページの両方からお気に入り登録ができる柔軟性が魅力です。この記事で紹介した設定手順を参考に、Wishlist Heroを導入して、顧客体験を向上させてみてください。

下記のブログ記事ではお気に入りアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。

おすすめのShopifyアプリ|ジャンル別に紹介

ブログに戻る
  • 【ストアインタビュー】Shopifyで実現するマーケットプレイス型ショップの実情と未来とは:株式会社simplify 代表取締役 扇谷早織様<後編>

    【ストアインタビュー】Shopifyで実現するマーケットプレイス型ショップの実情と未来とは:株...

    Tsunライターチーム

    個性が光る気鋭ブランドが集まるジュエリー・アクセサリーのマーケットプレイス & セレクトショップunigem。東京代官山にある実店舗とオンラインサイトを展開している今大注目のショップです。unigemを運営する株式会社simplify創業者であり代表取締役の扇谷早織さんに、Shopifyで構築するマーケットプレイス型のサイト構築や運営について、お話をお伺いしました。

    【ストアインタビュー】Shopifyで実現するマーケットプレイス型ショップの実情と未来とは:株...

    Tsunライターチーム

    個性が光る気鋭ブランドが集まるジュエリー・アクセサリーのマーケットプレイス & セレクトショップunigem。東京代官山にある実店舗とオンラインサイトを展開している今大注目のショップです。unigemを運営する株式会社simplify創業者であり代表取締役の扇谷早織さんに、Shopifyで構築するマーケットプレイス型のサイト構築や運営について、お話をお伺いしました。

  • Shopifyにムームードメインで取得した独自ドメインを設定する方法

    Shopifyにムームードメインで取得した独自ドメインを設定する方法

    Tsunライターチーム

    ムームードメインで取得した独自ドメインをShopifyに設定する方法をわかりやすく解説!DNS設定やプライマリードメインの変更手順を画像付きで詳しく説明します。初心者でも簡単に設定可能!

    Shopifyにムームードメインで取得した独自ドメインを設定する方法

    Tsunライターチーム

    ムームードメインで取得した独自ドメインをShopifyに設定する方法をわかりやすく解説!DNS設定やプライマリードメインの変更手順を画像付きで詳しく説明します。初心者でも簡単に設定可能!

  • 【保存版】Shopifyで受注販売(受注生産)を実施する方法|メリットや注意事項、おすすめアプリ

    【保存版】Shopifyで受注販売(受注生産)を実施する方法|メリットや注意事項、おすすめアプリ

    Tsunライターチーム

    あなたのShopifyストアでは、どのような商品を取り扱っていますか?既製品を販売している方も多いと思いますが、中には受注生産を検討している方もいるのではないでしょうか。受注生産とは、お客様からの注文を受けてから製造を開始する方式のことを指します。 本記事では、Shopifyストアで受注生産を実施する際のメリット・デメリットを解説するとともに、受注生産の運用に役立つおすすめのShopifyアプリをご紹介します。受注生産の導入を検討中の方は、ぜひ参考にしてみてください。 受注販売(受注生産)とは 受注生産は、お客様から注文を受けてから商品の製造を開始する生産形態のことです。 例えば、伝統工芸品やオーダーメイド家具、オーダーメイドスーツ、注文住宅、機械設備など「お客様の要望に併せてカスタマイズが必要な商品」や「大量生産が難しい商品」、「原価が高く在庫を持ちたくない商品」などを販売する場合に適しています。 Shopifyで受注販売(受注生産)を行うメリット (売り手側)余剰在庫を持たなくてすむ 受注生産では、商品の製造は注文を受けてから開始されるため、売れ残りの在庫を抱えるリスクを大幅に減らすことができます。これにより、在庫管理のコストや倉庫スペースの確保に悩む必要がなくなります。 (売り手側)汎用製品に比べて付加価値をつけることができる 受注生産では、顧客の要望に応じてカスタマイズした商品を提供できます。これにより、汎用製品にはない独自の価値を付加することが可能です。特別感のある商品は、顧客満足度の向上や、ブランドイメージの強化にもつながります。 (買い手側)要望に沿った物を生産してもらえる 受注生産では、買い手は自分の要望を細かく指定して商品を注文できます。これにより、自分好みの商品を手に入れることができ、満足度が高まります。また、既製品では実現が難しいようなオリジナリティのある商品を手に入れるチャンスにもなります。 Shopifyで受注販売(受注生産)を行うデメリット (売り手側)商品を出荷するまでに時間と手間がかかる 受注生産では、注文を受けてから製造を開始するため、商品の出荷までに一定の時間がかかります。この期間は、顧客を待たせることになるため、納期管理が重要になります。また、個別の注文に対応する必要があるため、手間もかかります。 (売り手側)生産途中で仕様変更を求められる場合がある 受注生産では、顧客からの要望に応じて商品をカスタマイズするため、生産途中で仕様変更を求められる可能性があります。これに対応するためには、柔軟な生産体制が必要になります。仕様変更に伴う追加コストが発生する場合もあるため、対応方針を事前に決めておくことが重要です。 (売り手側)生産途中でキャンセルされる場合がある 受注生産では、生産途中で顧客からキャンセルされるリスクがあります。キャンセルされた商品は、他の顧客に販売できない可能性があるため、損失が発生します。キャンセルポリシーを明確にしておくとともに、キャンセルリスクを最小限に抑える工夫が必要です。 (買い手側)商品が手元に届くまでに時間がかかる 受注生産では、商品の製造は注文を受けてから開始されるため、買い手は商品が届くまでに一定の時間を待つ必要があります。これは、既製品と比べると不便に感じられる場合もあります。納期については、事前に明確に伝えておくことが大切です。 (買い手側)汎用製品よりもコストが掛かる場合がある 受注生産では、個別の要望に応じて商品をカスタマイズするため、汎用製品と比べてコストが高くなる場合があります。買い手は、自分の要望を実現するためのコストを負担する必要があります。ただし、付加価値の高い商品を手に入れられるというメリットもあるため、コストと価値のバランスを考えることが重要です。 Shopifyで受注販売(受注生産)を行う際に意識したいこと 受注生産品であることを明記する 販売している商品が受注生産品なのか明記することが大事です。お客様が受注生産品だと認識せずに注文すると商品がなかなか届かないことに対して問い合わせが来たり、最悪のケースでクレームに発展する場合があります。 商品の発送目安を明記する 受注生産品が注文からいつごろまでにお客様の手元に届くのかを明記することで、問い合わせやクレームの件数を削減することができます。また、お客様も手元に届く目安がわかることで安心して商品を購入することができます。 発送直前に支払回収をする(発送までに長期間を要する場合) 受注生産品の中でも商品によっては注文から発送までに数ヶ月以上かかる場合があります。...

    【保存版】Shopifyで受注販売(受注生産)を実施する方法|メリットや注意事項、おすすめアプリ

    Tsunライターチーム

    あなたのShopifyストアでは、どのような商品を取り扱っていますか?既製品を販売している方も多いと思いますが、中には受注生産を検討している方もいるのではないでしょうか。受注生産とは、お客様からの注文を受けてから製造を開始する方式のことを指します。 本記事では、Shopifyストアで受注生産を実施する際のメリット・デメリットを解説するとともに、受注生産の運用に役立つおすすめのShopifyアプリをご紹介します。受注生産の導入を検討中の方は、ぜひ参考にしてみてください。 受注販売(受注生産)とは 受注生産は、お客様から注文を受けてから商品の製造を開始する生産形態のことです。 例えば、伝統工芸品やオーダーメイド家具、オーダーメイドスーツ、注文住宅、機械設備など「お客様の要望に併せてカスタマイズが必要な商品」や「大量生産が難しい商品」、「原価が高く在庫を持ちたくない商品」などを販売する場合に適しています。 Shopifyで受注販売(受注生産)を行うメリット (売り手側)余剰在庫を持たなくてすむ 受注生産では、商品の製造は注文を受けてから開始されるため、売れ残りの在庫を抱えるリスクを大幅に減らすことができます。これにより、在庫管理のコストや倉庫スペースの確保に悩む必要がなくなります。 (売り手側)汎用製品に比べて付加価値をつけることができる 受注生産では、顧客の要望に応じてカスタマイズした商品を提供できます。これにより、汎用製品にはない独自の価値を付加することが可能です。特別感のある商品は、顧客満足度の向上や、ブランドイメージの強化にもつながります。 (買い手側)要望に沿った物を生産してもらえる 受注生産では、買い手は自分の要望を細かく指定して商品を注文できます。これにより、自分好みの商品を手に入れることができ、満足度が高まります。また、既製品では実現が難しいようなオリジナリティのある商品を手に入れるチャンスにもなります。 Shopifyで受注販売(受注生産)を行うデメリット (売り手側)商品を出荷するまでに時間と手間がかかる 受注生産では、注文を受けてから製造を開始するため、商品の出荷までに一定の時間がかかります。この期間は、顧客を待たせることになるため、納期管理が重要になります。また、個別の注文に対応する必要があるため、手間もかかります。 (売り手側)生産途中で仕様変更を求められる場合がある 受注生産では、顧客からの要望に応じて商品をカスタマイズするため、生産途中で仕様変更を求められる可能性があります。これに対応するためには、柔軟な生産体制が必要になります。仕様変更に伴う追加コストが発生する場合もあるため、対応方針を事前に決めておくことが重要です。 (売り手側)生産途中でキャンセルされる場合がある 受注生産では、生産途中で顧客からキャンセルされるリスクがあります。キャンセルされた商品は、他の顧客に販売できない可能性があるため、損失が発生します。キャンセルポリシーを明確にしておくとともに、キャンセルリスクを最小限に抑える工夫が必要です。 (買い手側)商品が手元に届くまでに時間がかかる 受注生産では、商品の製造は注文を受けてから開始されるため、買い手は商品が届くまでに一定の時間を待つ必要があります。これは、既製品と比べると不便に感じられる場合もあります。納期については、事前に明確に伝えておくことが大切です。 (買い手側)汎用製品よりもコストが掛かる場合がある 受注生産では、個別の要望に応じて商品をカスタマイズするため、汎用製品と比べてコストが高くなる場合があります。買い手は、自分の要望を実現するためのコストを負担する必要があります。ただし、付加価値の高い商品を手に入れられるというメリットもあるため、コストと価値のバランスを考えることが重要です。 Shopifyで受注販売(受注生産)を行う際に意識したいこと 受注生産品であることを明記する 販売している商品が受注生産品なのか明記することが大事です。お客様が受注生産品だと認識せずに注文すると商品がなかなか届かないことに対して問い合わせが来たり、最悪のケースでクレームに発展する場合があります。 商品の発送目安を明記する 受注生産品が注文からいつごろまでにお客様の手元に届くのかを明記することで、問い合わせやクレームの件数を削減することができます。また、お客様も手元に届く目安がわかることで安心して商品を購入することができます。 発送直前に支払回収をする(発送までに長期間を要する場合) 受注生産品の中でも商品によっては注文から発送までに数ヶ月以上かかる場合があります。...

  • 【画像付き】Locksmithの導入と使い方!Shopifyストアで限定公開を可能に

    【画像付き】Locksmithの導入と使い方!Shopifyストアで限定公開を可能に

    Tsunライターチーム

    Shopifyアプリ『Locksmith』の特徴や導入方法、設定手順を詳しく解説。限定公開やアクセス制限機能を活用して、特定顧客向けのページ作成や効率的なマーケティングを実現しましょう。

    【画像付き】Locksmithの導入と使い方!Shopifyストアで限定公開を可能に

    Tsunライターチーム

    Shopifyアプリ『Locksmith』の特徴や導入方法、設定手順を詳しく解説。限定公開やアクセス制限機能を活用して、特定顧客向けのページ作成や効率的なマーケティングを実現しましょう。

  • Shopify(ショッピファイ)とは?主な機能やメリット・デメリット、料金プランなど紹介

    Shopify(ショッピファイ)とは?主な機能やメリット・デメリット、料金プランなど紹介

    Tsunライターチーム

    Shopifyは、世界中で多くの企業に利用されているEコマースプラットフォームです。その使いやすさと柔軟性から、小規模ビジネスから大企業まで幅広く採用されています。この記事では、Shopifyの基本的な概要から、そのメリット・デメリット、始め方、集客方法、SEO対策、カゴ落ち対策まで、Shopifyを活用してECビジネスを成功に導くための包括的な情報をお届けします。

    Shopify(ショッピファイ)とは?主な機能やメリット・デメリット、料金プランなど紹介

    Tsunライターチーム

    Shopifyは、世界中で多くの企業に利用されているEコマースプラットフォームです。その使いやすさと柔軟性から、小規模ビジネスから大企業まで幅広く採用されています。この記事では、Shopifyの基本的な概要から、そのメリット・デメリット、始め方、集客方法、SEO対策、カゴ落ち対策まで、Shopifyを活用してECビジネスを成功に導くための包括的な情報をお届けします。

  • Shopifyの注文管理でフルフィルメントを分割する方法|統合する方法

    Shopifyの注文管理でフルフィルメントを分割する方法|統合する方法

    Tsunライターチーム

    2023年7月18日にShopifyより1つの注文内でフルフィルメントを分割および統合できるようになりました。本記事ではShopifyの注文でフルフィルメントを分割および統合する方法を紹介します。

    Shopifyの注文管理でフルフィルメントを分割する方法|統合する方法

    Tsunライターチーム

    2023年7月18日にShopifyより1つの注文内でフルフィルメントを分割および統合できるようになりました。本記事ではShopifyの注文でフルフィルメントを分割および統合する方法を紹介します。

1 6
  • Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Tsunライターチーム

    Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

    Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Tsunライターチーム

    Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

  • Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Tsunライターチーム

    Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

    Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Tsunライターチーム

    Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

  • 【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

  • Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

  • Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説

    Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう! https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう! Shopifyが作成した「Learn...

    Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう! https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう! Shopifyが作成した「Learn...

  • ブログ記事 Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPRや対応例など

    Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか?レビューで詰まらないためにも、ぜひご確認ください! Webhooksとは? Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは? 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは? GDPR(General Data Protection Regulation:一般データ保護規則)は、ヨーロッパ連合(EU)の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利(データ削除の権利)、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

    Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか?レビューで詰まらないためにも、ぜひご確認ください! Webhooksとは? Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは? 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは? GDPR(General Data Protection Regulation:一般データ保護規則)は、ヨーロッパ連合(EU)の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利(データ削除の権利)、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

1 6

編集プロセス

EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

掲載情報に関して

掲載している各種情報は、株式会社Tsunが経験および、調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。