あとで買う（Save for later）機能を導入するメリット｜Shopifyアプリも紹介

Shopifyにあとで買う（Save for later）機能を導入するメリット｜アプリも紹介

「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどタイミングで発生する機会損失の削減をサポートします。
ノーコードかつ３ステップで簡単にセットアップでき、日本語に対応しています。
無制限で予約商品を登録および無制限で予約注文を受け付けることが可能です。

引用元: RuffRuff 予約販売


無料でインストール

あとで買う（Save for later）機能とは？

ユーザーがカートに入れた商品を今買うのではなく、「あとで買う」ボタンを押すことで、「後で買う商品リスト」に該当商品を加えることの出来る機能のことです。ユーザーが次回の購入の時に、「後で買う商品リスト」の中から目的の商品へ簡単にアクセスすることが出来ます。Amazonや楽天市場、Yahooショッピングなど大手ECモールで商品を購入したことがある方は一度は目にしたことがあるのでは無いでしょうか。

Shopifyにあとで買う機能を導入するメリット

カゴ落ち対策になる【ストア側のメリット】

「カゴ落ち」とは、自社のShopifyストアに訪れたユーザーが商品をカートに入れたまま、購入まで至らずにそのままShopifyストアを離脱することです。

引用元：カゴ落ち（カート落ち）とは？


ユーザーは今は買わなくてもよい商品をカートから削除するのではなく、「後で買う商品リスト」に追加することで、次回Shopifyストアへ再訪した際に以前購入しようとしていたことを思い出すことができます。

カゴ落ちにおいて一番最悪なケースは、ユーザーがカートから商品を削除し、その商品が一生買われないことです。あとで買う機能は、ユーザーに商品を思い出すきっかけをつくれるため、一生購入されない最悪なケースを回避する手助けになります。

下記の記事では、カゴ落ちが発生する原因や対策を紹介しています。参考になさってください。

Shopifyで出来るカゴ落ち対策｜原因やShopifyアプリも紹介

アップセル（ついで買い）を促す事ができる【ストア側のメリット】

「後で買う商品リスト」の商品をカートページなど、購入意欲が高まっているタイミングで訪れる購入導線に表示してあげることで、送料を無料にする目的やポイントアップにする目的などさまざまな要因でユーザーの「ついで買い」に結びつけることが可能です。

Shopifyアプリによっては、カートページだけでなく、商品ページやブログ記事などさまざまな場所に「後で買う商品リスト」内の商品を表示することができます。

効果的なメールマーケティングを実施できる【ストア側のメリット】

「後で買う商品リスト」に登録した商品は、他の商品に比べてユーザーが興味を持っている（興味を持っていた）商品です。その商品が「在庫が薄くなってる」や「セールで安くなってる」、「その他キャンペーンを行っている」などのタイミングで該当ユーザーにメルマガを送ることで、購入へ促すことも出来るでしょう。

※ただし、メルマガを送る場合はメルマガ配信の同意を得ているユーザーのみに配信しましょう。

下記の記事では、Shopifyでメールマーケティングを行うメリットやおすすめのメール配信アプリを紹介しています。参考になさってください。

Shopifyでメールマーケティングを行うメリットは？メール配信（メルマガ配信）アプリも紹介

目的の商品に簡単にアクセスできる【ユーザー側のメリット】

ユーザーは「後で買う商品リスト」に商品を入れておくことで、次回ストアへ訪問した際に、商品を探す手間がなく、簡単に商品を見つけ購入に進むことができます。

送料無料のための買い足しができる【ユーザー側のメリット】

「〇〇円以上なら送料無料」「XX個以上なら送料無料」など送料が無料になる条件を設けているShopifyストアの場合、お客様は「後で買う商品リスト」の中からその条件を達成するために商品を追加購入することができます。

Shopifyにあとで買う機能を導入する方法

Shopifyストアに「あとで買う機能」を導入方法は下記になります

  • アプリを導入する
  • ソースコードをカスタマイズする
  • 有料テーマを購入する

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

アプリを導入する

まずはじめに、Shopifyアプリを利用する方法です。

アプリを利用するメリットとして、簡単に導入ができ、好みのデザイン（色味）にカスタマイズができることです。

また、細かな調整や動作テスト等に貴重なエンジニアのリソースを割かなくて済むのも大きなメリットと言えます。

本記事の後半で、おすすめのあとで買う（Save for later）アプリを紹介しますので、参考にしてください。

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

次に、Shopifyのソースコードをカスタマイズして導入する方法です。

メリットとしては無料で作ることができ、自由にデザインをカスタマイズ出来ることです。

デメリットとしては、HTMLやCSS、JavaScriptなどのプログラミング知識が必要になることです。また、開発だけでなく、意図したとおりに動くかテストする時間や継続的なメンテナンスが発生するのがデメリットです。

有料テーマを購入する

最後に、あとで買う機能が既に備わっているShopifyの有料テーマを購入する方法です。

メリットとしては、プログラミング知識が不要で、買い切りなので長く利用する場合はアプリよりも安く抑えることが出来ます。

デメリットとしては、デザインを自由に変更できないことや費用が$180以上は発生することです。また、対応しているテーマを探すのにも時間がかかります。

あとで買う機能を導入できるShopifyアプリ

CartBloom: Save for later

CartBloom: Save for later【あとで買う】｜Shopifyアプリ
出典：CartBloom: Save for later|Shopifyアプリストア

アプリを見る

あとで買う機能に特化したShopifyアプリです。

月額$7.99から利用でき、後で買うリストへの追加・削除だけでなく、保存した商品の価格が下がった際に、自動的にリマインドメールを送信する機能もついています。

CartBloom: Save for laterの料金プラン

プラン名 BLOSSOM
PLAN 		PLUS
PLAN
価格 $7.99/月 $14.99/月
あとで買う
追加数		 無制限 無制限
リマインドメール
送信数		 月間200通 無制限
ダッシュボード ◯ ◯
デザインカスタマイズ ◯ ◯
ゲストユーザーの
利用		 ◯ ◯
Shopify Plus
専用サポート		 ー ◯

アプリを見る

Wishlist Plus

Wishlist Plus【お気に入り】｜Shopifyアプリ
出典：Wishlist Plus | Shopifyアプリストア

Shopifyストアにお気に入り機能（ウィッシュリスト）を追加するためのShopifyアプリです。

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

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

引用元：Wishlist Plus|ウィッシュリストアプリ 5選


Wishlist Plusはお気に入り機能だけでなく、あとで買う機能も備わっていますので、どちらも対応したいShopifyストアにおすすめです。

下記の記事では、Shopifyにお気に入り機能（ウィッシュリスト）を導入するメリットや導入方法、おすすめアプリも紹介しています。参考になさってください。

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

Wishlist Plusの料金プラン

プラン名 FREE STARTAR PRO PREMIUM
価格 無料 $14.99/月 $49.99/月 $99.99/月
お気に入り
ウィッシュリスト
追加数		 月間100件 月間1000件 月間1万件 月間5万件
あとで買う
追加数		 月間20件 月間100件 月間1000件 月間5000件
シェアリスト
共有リンク		 ◯ ◯ ◯ ◯
詳細レポート ◯ ◯ ◯ ◯
英語以外の言語サポート - ◯ ◯ ◯
セッション数 月間5000 月間1万 月間5万 月間10万
Klaviyo統合 - - ◯ ◯
JS/REST API対応 - - ◯

最後に

下記の記事ではあとで買う機能を追加できるShopifyアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。

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

ブログに戻る

ブログ

すべてを表示する
  • Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Tsunライターチーム

    「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。 引用元: RuffRuff 予約販売 アプリを見る デモページを見る 本記事では、Shopifyストアにポイントサービスを導入するメリットやデメリット、ポイントサービスを導入できるShopifyアプリをご紹介します。 ポイントサービスとは ポイントサービスとは、お客様の購入金額に応じて自身のShopifyストアで利用できるポイントを付与するサービスの事です。 ポイントを付与することでお客様の利用頻度を向上させるのと併せて、商品やサービスのファンを増やす事に役立ちます。 Shopifyストアにポイントサービスを導入することで競合ストアよりも選ばれやすくする事にも役立ちます。 同義として「ポイントプログラム」や「ポイントシステム」と呼ばれることもあります。 ポイントサービスを導入するメリット リピート率を向上できる ポイントサービスを導入する最大のメリットは、リピーターを獲得できる点です。ポイントが貯まっているから、貯めているからという理由で、既存顧客に自社ストアを選んでもらいやすくなります。 Shopifyストアを安定運営するには、既存顧客が他社の商品やサービスに乗り換えること（顧客離れ）を防ぐことが大切です。ポイントサービスは既存顧客の囲い込みに役立ち、売り上げの安定化も期待できます。 顧客単価・LTVを向上できる 上述のように、ポイントサービスを導入することで、リピート率が上がるのと比例して、LTVの向上も期待できます。また、「〜円以上の買い物でポイント5倍」や「５のつく日だけポイント５倍」などポイントを絡めたマーケティング施策を行うことで、購入単価の向上も期待できます。 競合ストアと差別化ができる メーカーの意向で値段をあまり下げることが困難な商品やどこでも扱える商品を販売している場合などは、ポイントサービスがあることで競合ストアよりもポイント分だけ差別化することができます。 マーケティング施策の選択肢が増える ポイントと絡めたマーケティングキャンペーンの実施ができるようになるのもメリットの一つです。たとえば、「会員登録したらポイント付与」や「誰かを紹介したらポイント付与」、「誕生日を入力したらポイント付与」、「〜円以上の買い物でポイント5倍」、「５のつく日だけポイント５倍」など、ポイントをインセンティブに様々なマーケティング施策を企画・実施することができます。 ポイントサービスを導入するデメリット 導入や維持にコストがかかる ポイントサービスをShopifyストアに導入する方法として、独自実装またはShopifyアプリの2種類があります。 独自実装する場合は外注費等のコストがかかる可能性もありますし、Shopifyアプリを利用する場合も月額費用だけでなく、顧客数に応じて追加コストが発生する場合があります。 また、dポイントなどの共通ポイントを導入する場合は、加盟店費用やポイント発行手数料など様々なコストも発生します。 手間もかかる ポイントサービスは導入して終わりではありません。導入後はキャンセルや返品が発生した際に、ポイントを取り消す手間が発生しますし、ポイントに関するお客様からの問い合わせも増えます。また、ポイント支払いは、会計上「ポイント引当金」として処理する必要があり、会計処理においても手間が発生します。 一度始めると終わらせるのも大変...

    Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Tsunライターチーム

    「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。 引用元: RuffRuff 予約販売 アプリを見る デモページを見る 本記事では、Shopifyストアにポイントサービスを導入するメリットやデメリット、ポイントサービスを導入できるShopifyアプリをご紹介します。 ポイントサービスとは ポイントサービスとは、お客様の購入金額に応じて自身のShopifyストアで利用できるポイントを付与するサービスの事です。 ポイントを付与することでお客様の利用頻度を向上させるのと併せて、商品やサービスのファンを増やす事に役立ちます。 Shopifyストアにポイントサービスを導入することで競合ストアよりも選ばれやすくする事にも役立ちます。 同義として「ポイントプログラム」や「ポイントシステム」と呼ばれることもあります。 ポイントサービスを導入するメリット リピート率を向上できる ポイントサービスを導入する最大のメリットは、リピーターを獲得できる点です。ポイントが貯まっているから、貯めているからという理由で、既存顧客に自社ストアを選んでもらいやすくなります。 Shopifyストアを安定運営するには、既存顧客が他社の商品やサービスに乗り換えること（顧客離れ）を防ぐことが大切です。ポイントサービスは既存顧客の囲い込みに役立ち、売り上げの安定化も期待できます。 顧客単価・LTVを向上できる 上述のように、ポイントサービスを導入することで、リピート率が上がるのと比例して、LTVの向上も期待できます。また、「〜円以上の買い物でポイント5倍」や「５のつく日だけポイント５倍」などポイントを絡めたマーケティング施策を行うことで、購入単価の向上も期待できます。 競合ストアと差別化ができる メーカーの意向で値段をあまり下げることが困難な商品やどこでも扱える商品を販売している場合などは、ポイントサービスがあることで競合ストアよりもポイント分だけ差別化することができます。 マーケティング施策の選択肢が増える ポイントと絡めたマーケティングキャンペーンの実施ができるようになるのもメリットの一つです。たとえば、「会員登録したらポイント付与」や「誰かを紹介したらポイント付与」、「誕生日を入力したらポイント付与」、「〜円以上の買い物でポイント5倍」、「５のつく日だけポイント５倍」など、ポイントをインセンティブに様々なマーケティング施策を企画・実施することができます。 ポイントサービスを導入するデメリット 導入や維持にコストがかかる ポイントサービスをShopifyストアに導入する方法として、独自実装またはShopifyアプリの2種類があります。 独自実装する場合は外注費等のコストがかかる可能性もありますし、Shopifyアプリを利用する場合も月額費用だけでなく、顧客数に応じて追加コストが発生する場合があります。 また、dポイントなどの共通ポイントを導入する場合は、加盟店費用やポイント発行手数料など様々なコストも発生します。 手間もかかる ポイントサービスは導入して終わりではありません。導入後はキャンセルや返品が発生した際に、ポイントを取り消す手間が発生しますし、ポイントに関するお客様からの問い合わせも増えます。また、ポイント支払いは、会計上「ポイント引当金」として処理する必要があり、会計処理においても手間が発生します。 一度始めると終わらせるのも大変...

  • 顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    新宮ドミ

    Shopifyアプリ「Kinchaku」とは？ Kinchakuアプリは、Shopifyストア向けの顧客ロイヤリティ（会員ポイント）プログラムを運営するためのアプリです。当アプリを利用することで、発行される会員証はApple WalletおよびGoogle Walletに簡単に追加することができ、便利に利用することができます。ポイントは商品発送時に付与されるため、会員は購買行動を通じてポイントを貯めることができます。さらに、貯めたポイントを決済時に利用できるディスカウントコードと交換することができます。 アプリのインストールはこちら   関連記事：Shopifyにポイントサービスを導入するメリット・デメリット Kinchakuの特徴 Kinchakuの特徴は下記3つになります。 ポイントカードの発行枚数は無制限 日本語と英語の両方に対応 会員証はモバイルウォレットにも追加可能 1. ポイントカードの発行枚数は無制限 月額費用によるポイントカードの発行枚数に制限がついていません。そのため、費用を気にせず安心してご利用いただけます。 2. 日本語と英語の両方に対応 アプリは日本語と英語の両方に対応しています。もし、英語が苦手な方でも日本語でアプリをご利用いただけます。 3. 会員証はモバイルウォレットにも追加可能 会員証はウェブ版はもちろんですが、モバイルウォレットにも追加できます。 こんな企業・ストア様におすすめ Kinchakuは小中規模の小売業者様におすすめです。また、下記の商材を扱っているストア様にもおすすめです。 アパレール コスメ スポーツグッズ フィットネスサプリ アプリのインストールはこちら Kinchakuのおすすめ機能 Kinchakuでは下記の3つの機能がおすすめです。...

    顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    新宮ドミ

    Shopifyアプリ「Kinchaku」とは？ Kinchakuアプリは、Shopifyストア向けの顧客ロイヤリティ（会員ポイント）プログラムを運営するためのアプリです。当アプリを利用することで、発行される会員証はApple WalletおよびGoogle Walletに簡単に追加することができ、便利に利用することができます。ポイントは商品発送時に付与されるため、会員は購買行動を通じてポイントを貯めることができます。さらに、貯めたポイントを決済時に利用できるディスカウントコードと交換することができます。 アプリのインストールはこちら   関連記事：Shopifyにポイントサービスを導入するメリット・デメリット Kinchakuの特徴 Kinchakuの特徴は下記3つになります。 ポイントカードの発行枚数は無制限 日本語と英語の両方に対応 会員証はモバイルウォレットにも追加可能 1. ポイントカードの発行枚数は無制限 月額費用によるポイントカードの発行枚数に制限がついていません。そのため、費用を気にせず安心してご利用いただけます。 2. 日本語と英語の両方に対応 アプリは日本語と英語の両方に対応しています。もし、英語が苦手な方でも日本語でアプリをご利用いただけます。 3. 会員証はモバイルウォレットにも追加可能 会員証はウェブ版はもちろんですが、モバイルウォレットにも追加できます。 こんな企業・ストア様におすすめ Kinchakuは小中規模の小売業者様におすすめです。また、下記の商材を扱っているストア様にもおすすめです。 アパレール コスメ スポーツグッズ フィットネスサプリ アプリのインストールはこちら Kinchakuのおすすめ機能 Kinchakuでは下記の3つの機能がおすすめです。...

  • Shopifyで購入回数を毎月3回までに制限する方法

    Shopifyで購入回数を毎月3回までに制限する方法｜Shopifyアプリも紹介

    Tsunライターチーム

    本記事では、1会員あたり毎月3回までしか購入出来ないように制限する方法を紹介します。 下記のブログ記事では、Shopifyで個数や金額、重量など様々な購入制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで購入制限（販売制限）を実施する方法 アウトプット 本設定を行うことで、「購入回数0回〜2回までの会員」と「ログインしていないユーザー（以降、ゲスト会員）や購入回数3回の会員」とで商品は下記の状態となります。 購入回数0回〜2回までの会員 商品を購入できる ゲスト会員または購入回数3回の会員 商品を購入できない 購入を試みた場合にアラートメッセージが表示される 事前準備 本設定を進めるにあたり「RuffRuff 注文制限」と「Shopify Flow」を利用します。そのため、まだインストールされていない方はインストールをお願いします。 RuffRuff 注文制限  「RuffRuff 注文制限」は完全日本語対応で、日本初のCart and Checkout Validation APIを利用したShopify アプリです。 「Cart and Checkout Validation API」を利用することにより、これまでフロントでしか対応できなかった注文制限の処理をサーバサイドで実現しました。そのため、既存の注文制限アプリに比べ、より突破されにくい堅牢な注文制限を実現することが可能です。 アプリ１つで「1回の注文あたり1個まで」「1回の注文あたり3個から」などの個数制限や「合計金額3,000円まで購入を可能にする」「合計金額1,000円以上から購入を可能にする」などの金額制限、「他商品とは同時購入不可」や「特定カテゴリの商品のみ同時購入可能」などの同梱制限を実施できます。 アプリを見る...

    Shopifyで購入回数を毎月3回までに制限する方法｜Shopifyアプリも紹介

    Tsunライターチーム

    本記事では、1会員あたり毎月3回までしか購入出来ないように制限する方法を紹介します。 下記のブログ記事では、Shopifyで個数や金額、重量など様々な購入制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで購入制限（販売制限）を実施する方法 アウトプット 本設定を行うことで、「購入回数0回〜2回までの会員」と「ログインしていないユーザー（以降、ゲスト会員）や購入回数3回の会員」とで商品は下記の状態となります。 購入回数0回〜2回までの会員 商品を購入できる ゲスト会員または購入回数3回の会員 商品を購入できない 購入を試みた場合にアラートメッセージが表示される 事前準備 本設定を進めるにあたり「RuffRuff 注文制限」と「Shopify Flow」を利用します。そのため、まだインストールされていない方はインストールをお願いします。 RuffRuff 注文制限  「RuffRuff 注文制限」は完全日本語対応で、日本初のCart and Checkout Validation APIを利用したShopify アプリです。 「Cart and Checkout Validation API」を利用することにより、これまでフロントでしか対応できなかった注文制限の処理をサーバサイドで実現しました。そのため、既存の注文制限アプリに比べ、より突破されにくい堅牢な注文制限を実現することが可能です。 アプリ１つで「1回の注文あたり1個まで」「1回の注文あたり3個から」などの個数制限や「合計金額3,000円まで購入を可能にする」「合計金額1,000円以上から購入を可能にする」などの金額制限、「他商品とは同時購入不可」や「特定カテゴリの商品のみ同時購入可能」などの同梱制限を実施できます。 アプリを見る...

  • Shopifyのセット販売（バンドル販売）アプリ｜メリット・デメリットも紹介

    Shopifyのセット販売（バンドル販売）アプリ4選｜メリット・デメリットも紹介

    Tsunライターチーム

    セット販売（バンドル販売）のメリットやデメリットを解説し、Shopify（ショッピファイ）サイトでセット販売を実現するShopifyアプリの選び方を解説。Rebolt Bundle & UpsellやWide Bundlesなどの有名アプリもご紹介しています。最近リリースされたShopify Bundles appについても紹介しています。

    Shopifyのセット販売（バンドル販売）アプリ4選｜メリット・デメリットも紹介

    Tsunライターチーム

    セット販売（バンドル販売）のメリットやデメリットを解説し、Shopify（ショッピファイ）サイトでセット販売を実現するShopifyアプリの選び方を解説。Rebolt Bundle & UpsellやWide Bundlesなどの有名アプリもご紹介しています。最近リリースされたShopify Bundles appについても紹介しています。

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までご連絡をいただけますようお願いいたします。