Shopifyの商品オプションを拡張する人気アプリ3選!特徴と選び方のポイントを解説

Shopifyの商品オプションを拡張する人気アプリ3選!特徴と選び方のポイントを解説

Shopifyのデフォルト機能では、商品オプションの設定に制限があり、顧客のニーズに柔軟に対応することが難しいことがあります。そのような場合、商品オプションを拡張するアプリを導入することで、より柔軟な商品設定が可能になります。本記事では、Shopifyに商品オプションのメリットや追加する方法、商品オプションアプリの中から、特に人気の高い3つのアプリを紹介します。

商品オプションとは

本記事での商品オプションは、Shopifyストアの商品を購入する際に追加できる選択肢のことです。

例えば、服のサイズや色、商品のカスタマイズ内容、熨斗やギフトラッピングの有無などがオプションに当たります。オプションを設定することで、商品のバリエーションを増やし、お客様のニーズに合わせた商品・サービスを提供することができます。

下記のブログ記事ではShopifyに熨斗やギフトラッピングの商品オプションを導入する方法を紹介しています。ご参考にしてください。

Shopifyで熨斗(のし)やギフトラッピングに対応する方法

商品オプションのメリット

商品の多様性を増やせる

オプションを設定することで、1つの商品に複数のバリエーションを持たせることができます。

例えば、Tシャツの色やサイズ、素材、柄などをオプションで選べるようにすれば、お客様は自分の好みや体型に合った商品を選びやすくなります。

ただし、Shopifyの商品管理で設定できるバリエーションで管理できる場合は、無理にオプションアプリなどを利用する必要はないと考えています。

商品の価値を高め、売上アップにつなげられる

オプションを活用することで、商品の価値を高めることができます。例えば、刻印や印字のオプションを追加すれば、商品をよりパーソナライズされたものにできます。

これにより、商品の希少性や特別感が増すことで、お客様にとっての価値が高まります。また、オプションを追加料金で提供することで、1商品あたりの単価を上げることも可能です。このように、オプションは商品の付加価値を高め、売上アップに貢献します。

お客様の満足度を高められる

前述の通り、オプションを提供することで、商品のカスタマイズ性が高まることで、お客様は自分だけのオリジナル商品を手に入れた満足感を得られます。

商品オプションを導入する方法

Shopifyテーマのセクションブロックを利用する

商品オプションを追加できるセクションブロック(ウィジェット)を提供しているShopifyテーマはいくつか存在します。Shopifyの有料テーマであるBe Yoursでは「Line Item Property」という名称のセクションブロックを利用することで、商品オプションを追加することができます。まずは、ご利用中のShopifyテーマが何に対応しているかを確認しましょう。

Shopifyの有料テーマであるBe Yoursでは「Line Item Property」という名称のセクションブロック

Shopifyテーマで商品オプションを表示するメリットは、追加料金無しに商品オプションを表示できることで、デメリットはデザインのカスタマイズ性が乏しいことです。

下記のブログ記事ではShopifyテーマに関して、種類や選び方などを紹介しています。ご参考にしてください。

Shopifyテーマ9選 | テーマの選び方や人気の無料テーマ、おすすめのテーマも紹介

Shopifyアプリを利用する

Shopifyテーマが対応していなかったり、どうしても求める商品オプション表示ができない場合はShopifyアプリを選択するのも一つの方法です。

Shopifyテーマに比べて、月額費用が発生する場合がありますが、デザインのカスタマイズ性が高かったり、追加料金を加算できたりします。

おすすめのオプションアプリに関しては後述の「おすすめの商品オプションアプリ 3選」を参考にしてください。

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

Shopifyアプリを利用してもどうしても実現できない場合もあると思います。そういった場合は、Shopifyテーマのソースコードをカスタマイズする必要があります。

メリットは無料で作ることができ、自由にデザインをカスタマイズ出来ることです。デメリットは、HTMLやCSS、JavaScriptなどのプログラミング知識が必要になることです。

おすすめの商品オプションアプリ 3選

EasyFlow Product Options

EasyFlow Product Options|Shopifyアプリストア
出典:EasyFlow Product Options|Shopifyアプリストア

EasyFlow Product Optionsは、商品ページにカスタマイズ可能な商品オプションを追加するためのShopifyアプリです。このアプリを使用することで、商品バリエーションの制限を気にすることなく、顧客に様々な選択肢を提供することができます。

EasyFlow Product Optionsは、無料プランから利用することが出来、無料プランではファイルアップロードを除くすべてのオプションタイプに対応しており、条件付きロジックにより選択内容に応じてオプションを表示・非表示にすることができます。また、一括編集・適用機能で複数の商品を一度に編集可能で、ライブチャットによるサポートも提供しています。

有料のUnlimitedプランでは、無制限のオプションセット、ファイルアップロード機能、価格追加機能、優先サポートが利用可能です。無料プランでも十分な機能を利用できますが、より高度な機能を必要とする場合はUnlimitedプランがおすすめです。

このアプリを使用することで、商品ページをより魅力的にし、顧客満足度の向上と売上アップを実現できます。

Shopifyで人気の予約販売アプリ「RuffRuff 予約販売」と干渉しないオプションアプリの1つで、もしRuffRuff 予約販売の利用を検討している方は、本アプリを選択するのも良いでしょう。

EasyFlow Product Optionsの料金プラン

プラン名 Free Unlimited
価格 無料 $12.99/月
ファイルアップロードを除くすべてのオプションタイプ
条件付きロジック
一括編集・適用
ライブチャット
オプションセット 5 無制限
ファイルアップロード
価格追加
優先サポート

Globo Product Options, Variant

Globo Product Options, Variant|Shopifyアプリストア
出典:Globo Product Options, Variant|Shopifyアプリストア

Globo Product Options, Variantは、商品ページをカスタマイズするのに役立つShopifyアプリです。お客様のニーズに合わせて、様々な商品オプションを追加することができます。

無料プランでは、5つのオプションセットと基本的な機能が利用可能です。色や画像の見本、ボタン、テキストボックス、ドロップダウンメニュー、チェックボックス、ラジオボタンなどを使って、商品ページを自由にカスタマイズできます。

プレミアムプランでは、無制限のオプションセットと製品が利用可能になります。さらに、POSサポート、条件ロジック、ファイルのアップロード、日付と時刻の選択、価格アドオンなどの高度な機能が追加されます。

PROプランは、プレミアムプランのすべての機能に加えて、スイッチ、ポップアップモーダル、最大100MBのファイルアップロード、カートページのオプション編集などの機能が含まれています。

Globo Product Options, Variantを使えば、ストア運営者のShopifyストアの製品ページを自由自在にカスタマイズし、お客様のニーズに合わせた独自の購入体験を提供することができます。シンプルな無料プランから、高度な機能を備えたPROプランまで、ビジネスの成長に合わせて最適なプランを選択してください。

注意点として、Shopifyで人気の予約販売アプリ「RuffRuff 予約販売」と干渉しますので、もし「RuffRuff 予約販売」のご利用を検討されている場合は、他のオプションアプリを検討しましょう。

Globo Product Options, Variantの料金プラン

プラン名 FREE PREMIUM PRO
価格 無料 $12.90/月または$129/年 $24.90/月または$249/年
オプションセット 5つ 無制限 無制限
色・画像見本
ボタン
テキストボックス
落ちる
チェックボックス
無線
無制限の製品 ×
POSサポート ×
条件ロジック ×
ファイルのアップロード ×
日付時刻 ×
価格アドオン ×
スイッチ × ×
ポップアップモーダル × ×
最大アップロードファイルサイズ - - 100MB
カートページのオプションを編集 × ×

Infinite Options

Infinite Options|Shopifyアプリストア
出典:Infinite Options|Shopifyアプリストア

Infinite Optionsは、Shopifyストアの商品ページをカスタマイズするための役立つ商品オプションアプリです。

このアプリを使用することで、商品オプションを無制限に追加し、お客様のニーズに合わせた柔軟な商品設定が可能になります。サイズ、色、素材、パーソナライズ等、あらゆるオプションを設定可能で、テキスト、ラジオボタン、チェックボックス、ドロップダウンなど、様々な入力タイプを使ってオプションを設定できます。また、特定のオプションを選択した場合にのみ、別のオプションを表示するなどの条件設定が可能な条件付きロジックも備えています。さらに、複数の商品をセットにして販売する商品のバンドル販売や、Shopify POSとの連携により実店舗でもカスタマイズされた商品を販売できる機能も提供しています。色のオプションを設定する際には、実際の色見本を表示できるスウォッチ(色見本)機能も利用可能です。Infinite Optionsを使えば、商品ページをお客様のニーズに合わせて自由にカスタマイズでき、お客様の満足度を高め、販売数の増加が期待できます。

プラン名 Professional
価格 $12.99/月
機能 無制限のオプション
POS(販売時点情報管理)サポート
スウォッチ(色見本)
商品のバンドル販売
条件付きロジック
すべての入力タイプ
(テキスト、ラジオボタン、チェックボックス、ドロップダウンなど)

まとめ

本記事では、商品オプションのメリットや追加方法、人気の商品オプションアプリ3つを紹介しました。EasyFlow Product Optionsは無料プランでも十分な機能を提供し、RuffRuff 予約販売と干渉しないのが特徴です。Globo Product Options, Variantは、無料プランから高機能なPROプランまで、ビジネスの成長に合わせて選べる点が魅力ですが、RuffRuff 予約販売とは干渉するので注意が必要です。Infinite Optionsは、無制限のオプション追加と柔軟なカスタマイズ性が売りで、実店舗での販売にも対応しています。

自社の商品特性やニーズに合わせて、最適なアプリを選択することが重要です。本記事が、Shopify運営者の皆様にとって、商品オプションアプリ選定の一助となれば幸いです。

最後に、今回は商品オプションアプリを紹介しましたが、下記のブログ記事では「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ぜひ、ご参考にしてください。

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

ブログに戻る
1 6
  • 【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なので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

  • Shopifyアプリの課金ってどうやるの? 課金方法とサブスクリプション設計を解説

    Shopifyアプリの課金ってどうやるの? 課金方法とサブスクリプション設計を解説

    小笠原 京平

    Shopifyアプリの課金とは? Shopifyアプリの課金方法は、大きく分けてShopify内で決済する方法とShopify外で決済する方法の2つあります。 Shopify内で決済する場合、Shopifyアプリの料金は、マーチャントからShopifyに支払われ、税金や手数料を除いた料金がShopifyからアプリベンダーに支払われます。 Shopify内で決済する一番のメリットはマーチャントが課金する際にクレジットカード等の入力が不要なため、そのぶんの課金ハードルが低いことです。 デメリットは手数料をShopifyに支払う必要があることですが、現状ではよっぽど稼ぐアプリを作らない限り気にするほどではないので、Shopify内で決済させるのがよいと思います。 Shopify外で決済する場合、アプリベンダーは独自の決済フローを用意する必要があります。 こちらについては今回は触れません。以下はすべてShopify内の課金についての説明になります。 Shopifyアプリの課金の流れ Shopifyアプリで課金するための道具はすべてShopify側が用意してくれています。 したがって、Shopifyアプリは決められたパターンの実装するだけで、簡単に課金が行なえます。 Shopifyアプリの課金はざっくりと以下の流れで行われます。 【アプリ】Shopifyアプリの画面内に配置された課金ボタンをユーザーがクリック 【サーバー】課金の種類(種類については後述します)、課金額、プラン名などを元にShopify GraphQL APIにリクエストを送る 【サーバー】ユーザーに課金してもらうためのURLを含むデータをAPIから受け取り、アプリに渡す 【アプリ】課金用のURLにリダイレクト 4で表示された課金用のページでユーザーが課金を選択したら、課金が行われます。 (もちろん、キャンセルを選択して離脱する可能性もあります) 課金の種類 Shopifyでの課金方法はいくつかあります。 1つ目は定額料金プラン(固定額プラン)です。 定額料金には月払いと年払いのどちらかを選ぶことができます。 2つ目は使用状況に基づくプランで、いわゆる従量課金と呼ばれるプランです。 何の使用状況によって、どのくらいの課金をするかはアプリが決めることができます。 (メール配信をするアプリならメールの配信量、商品販売に関連するアプリなら販売された商品金額など) 3つ目は1と2を組み合わせたプランです。 ここでは定額料金の年払いは選択できませんので、月払い + 従量課金の組み合わせのみになります。...

    Shopifyアプリの課金ってどうやるの? 課金方法とサブスクリプション設計を解説

    小笠原 京平

    Shopifyアプリの課金とは? Shopifyアプリの課金方法は、大きく分けてShopify内で決済する方法とShopify外で決済する方法の2つあります。 Shopify内で決済する場合、Shopifyアプリの料金は、マーチャントからShopifyに支払われ、税金や手数料を除いた料金がShopifyからアプリベンダーに支払われます。 Shopify内で決済する一番のメリットはマーチャントが課金する際にクレジットカード等の入力が不要なため、そのぶんの課金ハードルが低いことです。 デメリットは手数料をShopifyに支払う必要があることですが、現状ではよっぽど稼ぐアプリを作らない限り気にするほどではないので、Shopify内で決済させるのがよいと思います。 Shopify外で決済する場合、アプリベンダーは独自の決済フローを用意する必要があります。 こちらについては今回は触れません。以下はすべてShopify内の課金についての説明になります。 Shopifyアプリの課金の流れ Shopifyアプリで課金するための道具はすべてShopify側が用意してくれています。 したがって、Shopifyアプリは決められたパターンの実装するだけで、簡単に課金が行なえます。 Shopifyアプリの課金はざっくりと以下の流れで行われます。 【アプリ】Shopifyアプリの画面内に配置された課金ボタンをユーザーがクリック 【サーバー】課金の種類(種類については後述します)、課金額、プラン名などを元にShopify GraphQL APIにリクエストを送る 【サーバー】ユーザーに課金してもらうためのURLを含むデータをAPIから受け取り、アプリに渡す 【アプリ】課金用のURLにリダイレクト 4で表示された課金用のページでユーザーが課金を選択したら、課金が行われます。 (もちろん、キャンセルを選択して離脱する可能性もあります) 課金の種類 Shopifyでの課金方法はいくつかあります。 1つ目は定額料金プラン(固定額プラン)です。 定額料金には月払いと年払いのどちらかを選ぶことができます。 2つ目は使用状況に基づくプランで、いわゆる従量課金と呼ばれるプランです。 何の使用状況によって、どのくらいの課金をするかはアプリが決めることができます。 (メール配信をするアプリならメールの配信量、商品販売に関連するアプリなら販売された商品金額など) 3つ目は1と2を組み合わせたプランです。 ここでは定額料金の年払いは選択できませんので、月払い + 従量課金の組み合わせのみになります。...

  • Shopify Liquidで変数に初期値を設定する

    Shopify Liquidで変数に初期値を設定する

    小笠原 京平

    Tsun Inc.の小笠原です!Shopifyアプリ開発をしていく中で、テーマ拡張機能を開発する際にLiquidを書くことがよくあります。今回はLiquidを書く上でかかせない変数を扱う際に、変数の初期値を設定する方法をご紹介します。

    Shopify Liquidで変数に初期値を設定する

    小笠原 京平

    Tsun Inc.の小笠原です!Shopifyアプリ開発をしていく中で、テーマ拡張機能を開発する際にLiquidを書くことがよくあります。今回はLiquidを書く上でかかせない変数を扱う際に、変数の初期値を設定する方法をご紹介します。

1 6

編集プロセス

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

掲載情報に関して

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