Shopifyにお気に入り機能(ウィッシュリスト)を導入するメリット|Shopifyアプリも紹介

Shopifyにお気に入り機能(ウィッシュリスト)を導入するメリット|Shopifyアプリも紹介

「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。
自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。
他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。

引用元: RuffRuff 予約販売


アプリを見る

デモページを見る

本記事では、Shopify(ショッピファイ)ストアにお気に入り機能(ウィッシュリスト)を導入するメリットを解説します。また、お気に入り機能を導入する方法、おすすめのShopifyアプリもご紹介します。

お気に入り機能(ウィッシュリスト)とは

お気に入り機能は、お客様がショップ内の商品を「自分だけのリスト」として登録・管理できる機能です。また、別の呼び方として「欲しい物リスト」や「ウィッシュリスト(Wishlist)」、「ブックマーク(Bookmark)」などがあります。

お気に入り機能があることで、今は買わないけど気になる商品をリスト登録し、給料日やセール日など後日裁縫した時にすぐに目的の商品を購入することに役立ちます。

また、日用品などの定期的に購入している商品を登録しておき、定期的にショップに再訪問し、再購入するのにも役立ちます。

最近では、自分が欲しい商品を「欲しい物リスト(ウィッシュリスト)」として作成しておき、記念日やお祝い事の際にその欲しい物リスト(ウィッシュリスト)のページURLを共有・公開することで、第三者からプレゼントとして買ってもらうなどの使い方も増えてきました。

お気に入り機能(ウィッシュリスト)を導入するメリット

お気に入り機能を導入するメリットは下記になります

  • 売上アップにつながる
  • 再訪問率・回遊率が上がる
  • 顧客ニーズの把握に使える
  • 在庫管理が楽になる
  • 効果的なメールマーケティングを実施できる

それぞれ詳しく解説していきます。

売上アップにつながる

お気に入り機能は、ショップへの再訪問時に商品を探す手間を削減してくれるため、「目的の商品を見つけられずに離脱してしまう」ような機会損失の減少につながります。

また、第三者に「欲しいものリスト」を共有・公開することで、第三者からのプレゼントといった消費を促すことができます。

再訪問率・回遊率が上がる

お客様は、後日購入することを目的に商品をお気に入り登録しているケースが多いため、ショップへの再訪問率の向上に繋がります。

また、こだわりのお気に入りリストを作成するために、ショップ内を一通り確認するといった行動にも繋がりますので、回遊率向上の効果も期待できます。

Shopifyストアで回遊率を高める他の方法として、タグ一覧があります。下記の記事ではShopifyでタグ一覧を利用するメリットやタグ一覧を表示する方法を紹介しています。ご参考にしてください。

Shopifyのタグを活用するメリット|タグ一覧を表示する方法

顧客ニーズの把握に使える

お気に入り登録を多くされている商品を調査することで、どの商品がお客様に人気なのかを把握することができます。

在庫管理が楽になる

上述の通り、どの商品が人気なのかを把握できるため、在庫管理にもそのまま活かすことができます。

効果的なメールマーケティングを実施できる

在庫入荷やお得なセールなどのタイミングで、該当商品をお気に入り登録しているお客様にメールでお知らせすることで、不特定多数に訴求メールを送るよりも効果を期待できます。

メールマーケティングに関しては下記の記事で詳しく解説していますので、ご参考になさってください。

メールマーケティングのメリットは?Shopifyのメール配信アプリも紹介

Shopifyにお気に入り機能を導入する方法

お気に入り機能を導入する方法は下記になります

  • お気に入り機能のあるShopifyテーマを利用する
  • ソースコードをカスタマイズする
  • Shopifyアプリをインストールする

それぞれ詳しく解説していきます。

お気に入り機能のあるShopifyテーマを利用する

はじめに、Shopifyテーマを利用する方法です。

Shopifyテーマの中にはお気に入り機能に対応しているテーマも存在しますので、対応テーマを探し、テーマを購入することでお気に入り機能を実現することは可能です。

筆者も調査してみましたが、Shopifyテーマストア上で対応テーマを見つけることは出来ませんでした。

ただし、Shopifyテーマを販売している海外サービスでは対応テーマをいくつか発見できましたので紹介します。

お気に入り登録のあるShopifyテーマ | themeforest
出展:themeforest

Shopifyテーマで対応するメリットは「プログラミング知見なしに導入できること」と「買い切りのため1度購入すれば、以降は費用が発生しないこと」です。

一方で、デメリットは「Shopifyテーマを探す手間が発生すること」や「安くても数十ドル以上は費用が発生すること」、「デザインの自由度がないこと」です。

ソースコードをカスタマイズする

次に、ソースコードをカスタマイズする方法です。

利用しているShopifyテーマのソースコードをカスタマイズすることでお気に入り機能を実現することも可能です。

自身で実装するメリットとしては、「デザインの自由度が高いこと」と「自身で実装するなら費用が発生しないこと」です。

一方で、デメリットとしては「実装に時間がかかること」と「プログラミング知見が必要なこと」です。

Shopifyアプリをインストールする

最後に、Shopifyアプリをインストールする方法です。

Shopifyアプリストアで「WishList」と検索すると多くのShopifyアプリを見つけることが出来ます。

Shopifyアプリをインストールするメリットは「プログラミング知識なしに簡単に導入できること」や「Shopifyテーマで対応するよりはデザインに自由度があること」、「常に最新機能を利用できること」です。

一方で、デメリットとしては「月額費用が発生すること」です。

お気に入り機能導入におすすめのShopifyアプリ

お気に入り機能を導入できるShopifyアプリは下記になります。

  • Wishlist Plus
  • FAVS Wishlist Bar
  • Wishlist Hero
  • Wishlist Pro
  • Smart Wishlist
  • Prime Review

それぞれ詳しく紹介していきます。

Wishlist Plus

Wishlist Plus | Shopifyアプリストア
出展:Wishlist Plus | Shopifyアプリストア
 
アプリを見る

お気に入り機能のShopifyアプリの中で最も人気のアプリです。

ゲストユーザーでもお気に入りリストを作成できたり、ウィッシュリストとして第三者にお気に入りリストを公開することも可能です。また、お気に入りした商品に関する「在庫数通知、値下げ通知、クーポン通知、自動通知」など様々な通知が可能です。

様々なメールアプリとの連携ができ、Mailchimp、Klaviyo、ReSci、Sailthru、Bronto、Dotmailerなどメールアプリと連携が可能です。

Wishlist Plusの料金プラン

プラン名 料金 内容
FREE 無料 コードレスで簡単セットアップ
ウィッシュリスト100件/月
後で買う 20件/月
シェアウィッシュリスト
最大5000セッション/月
永久無料
STARTER $14.99/月 ウィッシュリストリマインダー
ウィッシュリスト最大1000件/月
後で買う 100件/月
詳細レポート
複数のウィッシュリスト作成
英語以外の言語サポート
最大1万セッション/月
PRO $49.99/月 Klaviyoとの統合
ウィッシュリスト最大1万件/月
後で買う 1000件/月
値下げ、再入荷メール
自社ブランド
最大5万セッション/月
PREMIUM $99.99/月 JS/REST API対応
ウィッシュリスト最大5万件/月
後で買う 5000件/月
カスタムメールテンプレート
最大10万セッション/月
※もっとボリュームを増やすには要お問い合わせ

FAVS Wishlist Bar

FAVS Wishlist Bar|Shopiifyアプリストア
出典:FAVS Wishlist Bar|Shopifyアプリストア

アプリを見る

FAVS Wishlist Barは、お気に入りアプリの中では比較的安価に利用できるShopifyアプリです。お気に入り登録できる基本機能に加え、お気に入りボタンやお気に入りバー(お気に入りに登録した商品一覧)のデザインをカスタマイズすることもできます。

FAVS Wishlist Barの料金プラン

プラン名 料金 内容
FREE 無料 ウィッシュリスト100件/月
ゲスト(非会員)ウィッシュリスト
バーやボタンのカスタマイズ
インサイトデータ
FAVS 1K $9.95/月 ウィッシュリスト1,000件/月
ゲスト(非会員)ウィッシュリスト
バーやボタンのカスタマイズ
リマインドメール自動配信
インサイトデータ
FAVS 10K $39.95/月 ウィッシュリスト10,000件/月
ゲスト(非会員)ウィッシュリスト
バーやボタンのカスタマイズ
リマインドメール自動配信
インサイトデータ
FAVS 50K $79.95/月 ウィッシュリスト50,000件/月
ゲスト(非会員)ウィッシュリスト
バーやボタンのカスタマイズ
リマインドメール自動配信
インサイトデータ

Wishlist Hero

Wishlist Hero|Shopifyアプリストア
出展:Wishlist Hero|Shopifyアプリストア
 
アプリを見る

Wishlist Heroはお気に入りアプリの中ではWishlist Plusに次いで人気のShopifyアプリになります。機能も豊富でWishlist Plusと比べるとコスパの良いShopifyアプリと言えます。

Wishlist Heroの料金プラン

プラン名 料金 内容
FREE 無料 ノーコードでセットアップ
ウィッシュリスト500件/月
ウィッシュリストをメールで共有
ウィッシュリストをSNSで共有する
詳細レポート
非英語版サポート
SILVER $14/月 FREEプランのすべての機能
ウィッシュリスト1,000件/月 まで
カスタムブランディング
FB統合
リマインダーメール(在庫切れ、値下がり)機能
JS API
GOLD PLUS $17/月 SILVERプランのすべての機能
ウィッシュリストは最大5,000件/月
カスタムESP、Mailchimp、SendGrid、Klaviyo、OmniSendの統合
REST API
PLATINUM $29/月 GOLD PLUSプランのすべての機能
ウィッシュリストは最大10,000件/月
※ウィッシュリストを追加でつかいた場合やCRM統合は要お問い合わせ

Wishlist Pro

Wishlist Pro|Shopifyアプリストア
出展:Wishlist Pro|Shopifyアプリストア
 
アプリを見る

Wishlist Proは、お気に入りアプリの中では比較的安価なShopifyアプリです。

月額1.95ドル​​のプランで、無制限にお気に入りリストを作成できたり、月次分析レポートを確認できたりします。

Wishlist Proの料金

$1.95/月

※  お試し期間7日間

Smart Wishlist

Smart Wishlist|Shopifyアプリストア
出展:Smart Wishlist|Shopifyアプリストア
 
アプリを見る

Smart Wishlistもお気に入りアプリの中では比較的安価なShopifyアプリです。

Wishlist Proに比べて機能が豊富で、複数のお気に入りリストを作成できたり、お気に入りリストをもとに自動でリマインドメールが送れたり、FBのピクセルコード埋め込んで広告への適用することも出来ます。また、Javascript APIとREST APIも開放しているみたいで、高度なカスタマイズも可能です。

Smart Wishlistの​​料金

$4.99/月

※  お試し期間60日間

Prime Review

Prime Review|Shopifyアプリストア
出典:Prime Review|Shopifyアプリストア

アプリを見る

Prime Reviewは日本企業が開発したShopifyアプリです。日本語対応しており、このアプリ1つでお気に入り機能だけでなく、商品レビュー機能、FAQ機能を導入することができます。

下記のブログ記事では、Shopifyにレビュー機能を導入するメリットやおすすめのレビューアプリを紹介しています。ご参考にしてください。

Shopifyにレビュー機能を入れるメリット|おすすめレビューアプリも紹介

下記のブログ記事では、ShopifyをFAQを表示するメリットやおすすめのFAQアプリを紹介しています。ご参考にしてください。

ShopifyでFAQを表示するメリット|FAQを作成できるShopifyアプリも紹介

Prime Reviewの​​料金

プラン名 料金 内容
AWESOME PLAN $9/月 商品レビュー
お気に入り(いいね)
Q&A(FAQ)
データインポート
メール通知
簡単インストール
ULTIMATE PLAN $29/月 Awesome Plan の全機能
商品レビューにカスタムフィールドを追加
Shopify Flow トリガーおよびメールによる下記の通知
 お気に入り商品の再入荷
 お気に入り商品の価格変更
 お気に入り商品の在庫僅少通知機能
お気に入り追加・削除 Shopify Flow アクション

最後に

下記の記事ではお気に入り機能(ウィッシュリスト機能)を追加できるShopifyアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。

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

ブログに戻る
  • RuffRuff 予約販売|新発売前や在庫切れ、入荷不安な時でも商品の販売ができ、販売停止による機会損失を減らし売上拡大に貢献します

    RuffRuff 予約販売

    💎 Built for Shopify

    Shopifyストアに予約販売機能を簡単に導入できるShopifyアプリ

    詳しくみる 
  • RuffRuff 注文制限

    Shopifyストアで販売個数制限を簡単に実施できるShopifyアプリ

    詳しくみる 
  • RuffRuff 販売期間

    Shopifyストアで発売予告や期間限定販売を簡単に実施できるShopifyアプリ

    詳しくみる 
  • RuffRuff 目次作成|Shopifyアプリ

    RuffRuff 目次作成

    💎 Built for Shopify

    Shopifyのコンテンツに自動で目次を表示するShopifyアプリ

    詳しくみる 
  • RuffRuff タグ一覧|Shopifyアプリ

    RuffRuff タグ一覧

    💎 Built for Shopify

    Shopifyストアにタグ一覧を自動で表示するShopifyアプリ

    詳しくみる 
  • RuffRuff 著者情報|Shopifyアプリ

    RuffRuff 著者情報

    Shopifyストアに著者プロフィールを簡単に表示できるShopifyアプリ

    詳しくみる 
1 6
  • SEOのメリット・デメリット|Shopifyで出来るSEO対策やアプリも紹介 Tsun Inc.

    Shopifyで出来るSEO対策|SEOの基本やメリット、おすすめSEO対策アプリも紹介

    Tsunライターチーム

    ShopifyストアのSEOを強化し、検索ランキングを上げるための基本戦略、メリットとデメリット、おすすめアプリまで詳しく解説。あなたのビジネスを次のレベルへと導きます。

    Shopifyで出来るSEO対策|SEOの基本やメリット、おすすめSEO対策アプリも紹介

    Tsunライターチーム

    ShopifyストアのSEOを強化し、検索ランキングを上げるための基本戦略、メリットとデメリット、おすすめアプリまで詳しく解説。あなたのビジネスを次のレベルへと導きます。

  • Shopify配送ガイド:特徴や設定方法、 配送業務効率化におすすめのアプリも紹介

    【Shopify配送ガイド】特徴や設定方法、配送業務効率化におすすめのアプリも紹介

    プラスシッピング事務局

    Shopifyでの配送方法の設定や推奨されるアプリについて詳しく説明します。配送方法の設定では状況に応じたアドバイスを提供しているため、自身の要望に合わせて参照し、Shopifyストアの管理に活かしていただければと思います。

    【Shopify配送ガイド】特徴や設定方法、配送業務効率化におすすめのアプリも紹介

    プラスシッピング事務局

    Shopifyでの配送方法の設定や推奨されるアプリについて詳しく説明します。配送方法の設定では状況に応じたアドバイスを提供しているため、自身の要望に合わせて参照し、Shopifyストアの管理に活かしていただければと思います。

  • Shopifyで購入制限|年齢や個数、地域、期間で販売を制限する方法 |  Tsun Inc.

    Shopifyで購入制限(販売制限)を実施する方法|年齢や個数、金額、地域、期間、会員で注文を制限

    Tsunライターチーム

    Shopifyストアを運営していて商品の購入に対して販売個数や購入者を制限したいと思う時がないでしょうか? 「仕入数が限られていたり、転売が多かったりするため1人1個だけ購入できるようにしたい」、「服用する際に身体への影響が出やすい医薬品などは来院者や患者の状態に応じて販売したい」、「海外配送していないため、海外からの訪問者が購入できないようにしたい」などと思ってもうまく設定できなくて悩んでいる方もいるでしょう。 本記事では、どんな購入制限(販売制限)の種類があるのか、購入制御におすすめのShopifyアプリもご紹介します。 商品に購入制限をかける理由 転売を抑止・抑制するため 商品を転売されてしまうと「通常価格よりも高値になる」「正規で購入していないためメーカー保証での商品修理・交換対応が受けられない」「賞味期限切れや不適切な保存状態による劣化」など買い手側が不利益を被り、企業や商品のブランドイメージが毀損されるリスクがあります。 転売を抑制するために、1人1点までしか購入できないように販売個数を制御する対策が考えられます。 商品を安全に利用してもらうため 市販薬や療法食などは、「用法用量を超えての服用」や「そもそも服用してはいけない人やペットによる服用」は、身体に悪影響を及ぼす恐れがあります。 上記を未然に防止するために、お客様の状態を基に販売を制御したり、必要以上の商品を販売しない様に制御する対策が考えられます。 海外発送に対応していないため Shopifyストアをオンライン上に公開している以上、海外からのアクセスを避けることは困難です。また海外在住者に購入されてしまった場合、外国語でのキャンセル対応が必要になり、普段以上にキャンセル対応に時間を取られることもあります。 限定感を出すため(ブランディング目的のため) 商品の購入制限をかけることで商品に限定感が出て、ブランディングを強化する役割を果たすこともあります。ストア内に残り◯個と表示されているとユーザーの購入意欲も高める効果も期待できます。 販売が禁止されているため お酒やタバコなど未成年に対して販売してはいけない商品があります。最近ではシーシャやCBDタバコなどを取り扱っているShopifyストアも増えてきています。 年齢確認(年齢認証)の機能をShopifyストアに導入することで、未成年への販売を事前に防ぐことが可能です。 購入制限の種類とShopifyで出来る対策 購入点数で購入制限する(個数制限) 在庫が少なかったり、転売を防いだりするために、1度に購入できる点数を制御したいケースがあると思います。 Shopifyアプリ「RuffRuff 注文制限」を利用することで、「1回の注文あたり1個まで」「1回の注文あたり3個から」「1回の注文あたり2個から5個までの範囲で」など様々な個数制限を実施できます。 下記デモページもありますので、ご参考にしてください。 RuffRuff 注文制限 デモ商品一覧 下記の記事ではShopifyで個数制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで販売個数制限(購入数量制限)を可能にするアプリ 購入金額で購入制限する(金額制限) 発注金額や配送料、関税など様々な理由で注文金額に対して購入金額の制限をかけたいケースがあると思います。...

    Shopifyで購入制限(販売制限)を実施する方法|年齢や個数、金額、地域、期間、会員で注文を制限

    Tsunライターチーム

    Shopifyストアを運営していて商品の購入に対して販売個数や購入者を制限したいと思う時がないでしょうか? 「仕入数が限られていたり、転売が多かったりするため1人1個だけ購入できるようにしたい」、「服用する際に身体への影響が出やすい医薬品などは来院者や患者の状態に応じて販売したい」、「海外配送していないため、海外からの訪問者が購入できないようにしたい」などと思ってもうまく設定できなくて悩んでいる方もいるでしょう。 本記事では、どんな購入制限(販売制限)の種類があるのか、購入制御におすすめのShopifyアプリもご紹介します。 商品に購入制限をかける理由 転売を抑止・抑制するため 商品を転売されてしまうと「通常価格よりも高値になる」「正規で購入していないためメーカー保証での商品修理・交換対応が受けられない」「賞味期限切れや不適切な保存状態による劣化」など買い手側が不利益を被り、企業や商品のブランドイメージが毀損されるリスクがあります。 転売を抑制するために、1人1点までしか購入できないように販売個数を制御する対策が考えられます。 商品を安全に利用してもらうため 市販薬や療法食などは、「用法用量を超えての服用」や「そもそも服用してはいけない人やペットによる服用」は、身体に悪影響を及ぼす恐れがあります。 上記を未然に防止するために、お客様の状態を基に販売を制御したり、必要以上の商品を販売しない様に制御する対策が考えられます。 海外発送に対応していないため Shopifyストアをオンライン上に公開している以上、海外からのアクセスを避けることは困難です。また海外在住者に購入されてしまった場合、外国語でのキャンセル対応が必要になり、普段以上にキャンセル対応に時間を取られることもあります。 限定感を出すため(ブランディング目的のため) 商品の購入制限をかけることで商品に限定感が出て、ブランディングを強化する役割を果たすこともあります。ストア内に残り◯個と表示されているとユーザーの購入意欲も高める効果も期待できます。 販売が禁止されているため お酒やタバコなど未成年に対して販売してはいけない商品があります。最近ではシーシャやCBDタバコなどを取り扱っているShopifyストアも増えてきています。 年齢確認(年齢認証)の機能をShopifyストアに導入することで、未成年への販売を事前に防ぐことが可能です。 購入制限の種類とShopifyで出来る対策 購入点数で購入制限する(個数制限) 在庫が少なかったり、転売を防いだりするために、1度に購入できる点数を制御したいケースがあると思います。 Shopifyアプリ「RuffRuff 注文制限」を利用することで、「1回の注文あたり1個まで」「1回の注文あたり3個から」「1回の注文あたり2個から5個までの範囲で」など様々な個数制限を実施できます。 下記デモページもありますので、ご参考にしてください。 RuffRuff 注文制限 デモ商品一覧 下記の記事ではShopifyで個数制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで販売個数制限(購入数量制限)を可能にするアプリ 購入金額で購入制限する(金額制限) 発注金額や配送料、関税など様々な理由で注文金額に対して購入金額の制限をかけたいケースがあると思います。...

  • 定期購入におすすめのShopifyアプリ4選 | サブスクのメリットは?

    【徹底比較】Shopifyの定期購入(サブスク)アプリ6選 | 価格や機能で比較

    Tsunライターチーム

    定期購買やMikawaya Subscription、NoCode Subscription、 かんたんサブスクなどの国内のおすすめアプリを機能やプラン、価格、導入事例、連携可能なアプリ・サービスなどを比較表で解説しています。

    【徹底比較】Shopifyの定期購入(サブスク)アプリ6選 | 価格や機能で比較

    Tsunライターチーム

    定期購買やMikawaya Subscription、NoCode Subscription、 かんたんサブスクなどの国内のおすすめアプリを機能やプラン、価格、導入事例、連携可能なアプリ・サービスなどを比較表で解説しています。

1 4
  • 【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 4

編集プロセス

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

掲載情報に関して

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