Shopify 2026年の料金体系の完全解説 + Headless Next.js の利点
Shopify ストアを数え切れないほど構築してきた。ネイティブの Liquid テーマを使ったものもあれば、Next.js が Storefront API と通信する headless アーキテクチャを使ったものもある。パフォーマンス、開発体験、そして最も重要な — コンバージョン率の違いは大きい。しかし headless の議論に入る前に、お金の話をしよう。2026年の Shopify の料金体系には人々を戸惑わせるニュアンスがある。
目次
- 2026年の Shopify 料金プラン
- ほとんどの人が見落とす隠れコスト
- トランザクション手数料と決済処理
- Headless Shopify ストアフロントとは
- Next.js が Shopify に最適なフロントエンドである理由
- Core Web Vitals: Headless vs ネイティブテーマ
- チェックアウトパフォーマンスとコンバージョンへの影響
- 実際のコスト比較: ネイティブ vs Headless
- Headless が意味をなさない場合
- よくある質問
2026年の Shopify 料金プラン
Shopify は 2026年に向けていくつかのことを再編成した。コアプランティアは使い慣れたままだが、料金は移動し、機能ゲートはシフトした。実際のところはこうだ：
| プラン | 月額料金 | 年額料金（月額） | スタッフアカウント | 在庫ロケーション | Shopify Payments 手数料（米国） |
|---|---|---|---|---|---|
| Starter | $5/月 | $5/月 | 1 | — | 5% + $0.30 |
| Basic | $39/月 | $29/月 | 2 | 最大10 | 2.9% + $0.30 |
| Shopify | $105/月 | $79/月 | 5 | 最大10 | 2.7% + $0.30 |
| Advanced | $399/月 | $299/月 | 15 | 最大10 | 2.5% + $0.30 |
| Plus | $2,300/月から | カスタム | 無制限 | 200以上 | 2.15% + $0.30 |
これらの数字についての注記がある。Starter プランの月額 $5 はほぼストアではない — これはリンクイン バイオショッピング体験である。完全なオンラインストアを構築することはできない。ソーシャル販売と商品リンク共有用に設計されている。
Basic プランの月額 $39（または年額請求で $29）が、ほとんどの新しいストアが始める場所だ。適切なオンラインストア、割引コード、基本的なレポートが得られる。しかし専門的なレポートとより有用なオートメーション機能から除外されている。
Shopify への月額 $105 のジャンプは、より良いレポート、低いトランザクション手数料、および最大5つのスタッフアカウントを取得する。月額 $10,000 以上の売上を行っているストアの場合、低い処理レートはアップグレードを正当化することが多い。
Advanced は月額 $399 で、確立されたストアがカスタムレポート、第三者キャリアからの計算配送料金、および最低の標準処理手数料を必要とする。
そして Shopify Plus があり、2026年に月額 $2,300 から始まる。これはエンタープライズティアであり、料金は変動的だ — 総商品取扱高（GMV）に基づいてスケーリングされる。月額約 $800,000 の GMV を超えると、より多く支払うことを期待する。Shopify Plus は、Checkout Extensibility を介したチェックアウトカスタマイズへの完全なアクセスを提供する唯一のティアでもあり、これは headless ビルドにとって重要だ。
Commerce Components オプション
Shopify は、エンタープライズマーチャント向けの代替手段として Commerce Components（構成可能なコマース機能）を導入した。これは本質的に headless バックエンドとしての Shopify だ — 必要なコマースサービス（チェックアウト、決済、在庫など）を選別し、独自のフロントエンドを構築する。料金はカスタムで、通常 Plus が費用を上回りますが、使用したサービスのみに対して支払う。headless について真剣に考えているなら、Shopify のセールスチームとの会話の価値がある。
ほとんどの人が見落とす隠れコスト
月額プラン価格は出発点に過ぎない。実際のコストが隠れている場所は以下の通りだ：
テーマコスト：無料テーマは存在するが、ほとんどのシリアスなストアは Shopify テーマストアから premium テーマを購入する（$250-$400 一回限り）または開発者にカスタマイズを依頼する。カスタム Liquid テーマ開発は、複雑さに応じて $5,000-$30,000 を簡単に実行できる。
アプリコスト：これが大きい。平均的な Shopify ストアは 6-8 個のアプリを実行している。典型的なアプリスタックは以下のようなものだ：
- メールマーケティング（Klaviyo）：$20-$150/月
- レビュー（Judge.me または Loox）：$15-$50/月
- アップセル/クロスセル：$20-$50/月
- SEO ツール：$20-$40/月
- サブスクリプション管理（Recharge）：$99/月 + トランザクション手数料
- ロイヤルティプログラム：$50-$200/月
あなたの Shopify プランの上に月額 $300-$600 のアプリコストを簡単に追加できる。これが headless の最も強い議論の1つだ — これらのアプリ機能の多くは、カスタムフロントエンドに直接構築でき、繰り返しのコストと複数のサードパーティスクリプトを読み込むパフォーマンスペナルティを排除できる。
ドメインとメール：ドメインに対して年額 $14-$20。Shopify はビジネスメールを含まない — Google Workspace（$7/ユーザー/月）または同様のものが必要だ。
Shopify POS：対面販売する場合、POS Pro アップグレードはロケーションあたり月額 $89。
トランザクション手数料と決済処理
ここが Shopify があなたを困らせる場所だ（注意しなければ）。Shopify Payments（Stripe が機能するビルトイン処理機能）を使用する場合、上記のクレジットカード料金を支払い、追加トランザクション手数料がない。
しかし、サードパーティ決済ゲートウェイを使用する場合？Shopify はゲートウェイが請求するものに加えて追加手数料を請求する：
| プラン | 追加トランザクション手数料 |
|---|---|
| Basic | 2.0% |
| Shopify | 1.0% |
| Advanced | 0.6% |
| Plus | 0.2% |
Basic プランでは、決済プロセッサに 2.9% プラス Shopify に 2.0% を支払う可能性がある。それはひどい。メッセージは明確だ：Shopify Payments を使用するか罰金を払う。
国際的なストアの場合、Shopify Payments がどこでも利用できるわけではないことに注意。Shopify Payments サポートのない国にいる場合、これらの追加手数料を負担するしかない。
Headless Shopify ストアフロントとは
「headless」という用語が緩く使用されているため、これを明確にしよう。
従来の Shopify セットアップでは、ストアのフロントエンド（顧客が見るもの）は Shopify の Liquid テンプレート言語で構築され、Shopify のサーバーでホストされている。テーマとバックエンドは結合されている。
headless セットアップでは、フロントエンドをバックエンドから分離する。Shopify は引き続き重い処理を行う — 商品、在庫、注文、決済、チェックアウト — その Storefront API（GraphQL）および Admin API を通じて。しかし、ストアフロント自体は完全に別のアプリケーションであり、通常は最新の JavaScript フレームワークで構築され、独自のインフラでホストされている。
アーキテクチャは以下のようになる：
カスタマーブラウザ
↓
Next.js フロントエンド（Vercel / Cloudflare）
↓（GraphQL クエリ）
Shopify Storefront API
↓
Shopify バックエンド（商品、注文、チェックアウト、決済）
フロントエンドは Shopify への API コールを作成して、商品を取得し、カートを作成し、チェックアウトを開始する。顧客は、Shopify がすべてのコマースロジックを処理する間、非常に高速な static/server-rendered ページを取得する。
Storefront API
Shopify の Storefront API は本当に良い。GraphQL ベースで、十分にドキュメント化されており、以下へのアクセスを提供する：
- 商品とコレクションデータ
- カート管理
- カスタマー認証
- チェックアウトの作成と管理
- コンテンツ（メタフィールド、メタオブジェクト）
- 検索と予測検索
- 国際価格と通貨
API はレート制限がありますが、ほとんどのストアに十分なほど寛容だ。Plus では、かなり高い制限を取得する。
Next.js が Shopify に最適なフロントエンドである理由
Next.js、Astro、Remix、そして plain React SPA を使って headless Shopify ストアを構築した。Next.js は ecommerce で一貫して勝つ。その理由は以下の通りだ。
Server Components とストリーミング
App Router を備えた Next.js 14/15 は、React Server Components をすぐに提供する。これは、商品ページがサーバー上のデータを取得し、HTML をレンダリングし、ブラウザに不要な JavaScript を送信することなく、すべてをクライアントにストリーミングできることを意味する。
典型的な商品ページコンポーネントは以下のようになる：
// app/products/[handle]/page.tsx
import { getProduct } from '@/lib/shopify'
import { ProductDetails } from '@/components/product-details'
import { AddToCart } from '@/components/add-to-cart'
export async function generateMetadata({ params }: { params: { handle: string } }) {
const product = await getProduct(params.handle)
return {
title: product.title,
description: product.description,
openGraph: {
images: [product.featuredImage?.url],
},
}
}
export default async function ProductPage({ params }: { params: { handle: string } }) {
const product = await getProduct(params.handle)
return (
<main>
<ProductDetails product={product} />
<AddToCart product={product} /> {/* クライアントコンポーネント for interactivity */}
</main>
)
}
ProductDetails コンポーネントは Server Component だ — ゼロのクライアント側 JavaScript。インタラクティビティが必要であるため、AddToCart のみがブラウザに JS を送信する。この選択的ハイドレーションは headless ストアフロントを高速にする理由だ。
Vercel の Commerce テンプレート
Vercel は、Shopify 用に事前配線された公式の Next.js Commerce テンプレートを保守している。これは、ほとんどの本番ストアが大幅なカスタマイズを必要とするものの、優れた出発点だ。テンプレートは、すべて Storefront API で機能するカート管理、商品フィルタリング、検索のベストプラクティスを示している。
私たちの Social Animal チームは Next.js を使用して多くの headless Shopify ストアフロントを構築しており、開発体験は Liquid と格闘するより劇的に優れている。このアプローチを探索している場合、私たちの Next.js 開発機能 をチェックアウト。
ISR とエッジキャッシング
Incremental Static Regeneration により、商品ページをビルド時に事前レンダリングし、スケジュールに基づいて再検証できる。Vercel または Cloudflare のエッジキャッシングと組み合わせると、商品ページはグローバルで 200ms 以下で読み込まれる。Liquid テーマでそれを達成しようとしてみてください。
// 60秒ごとに商品データを再検証
export const revalidate = 60
数千 SKU のストアの場合、これは変革的だ。動的データの鮮度を持つ static サイトの速度を取得する。
Core Web Vitals: Headless vs ネイティブテーマ
数字を話そう。12 個の Shopify ストア — 6 個は native Liquid テーマ（Dawn デフォルトテーマを含む）、6 個は headless Next.js フロントエンドで比較を実行した。
| メトリック | ネイティブ Liquid（中央値） | Headless Next.js（中央値） | 良い閾値 |
|---|---|---|---|
| LCP（Largest Contentful Paint） | 3.2秒 | 1.1秒 | < 2.5秒 |
| FID（First Input Delay） | 180ms | 45ms | < 100ms |
| CLS（Cumulative Layout Shift） | 0.18 | 0.03 | < 0.1 |
| INP（Interaction to Next Paint） | 320ms | 85ms | < 200ms |
| TTFB（Time to First Byte） | 890ms | 120ms | < 800ms |
| 総ページ重量 | 2.8MB | 680KB | — |
違いは顕著だ。native Shopify テーマは、Shopify chrome 全体 — ナビゲーション、フッター、チャットウィジェット、アナリティクススクリプト、プラス利用した任意のアプリを読み込むため、特に LCP と INP で苦労する。各アプリはそれ独自の JavaScript と CSS を注入する。
headless Next.js ストアフロントは、ブラウザに何が送信されるかについて完全なコントロールを提供する。驚きのスクリプト注入はない。ほぼ使用しないアプリからの render-blocking CSS はない。正確に何が読み込まれ、いつ読み込まれるかをあなたが決定する。
なぜこれが SEO にとって重要か
Google は Core Web Vitals がランキング因子であることを確認している。競争の激しい ecommerce ニッチでは、3.2 秒 LCP と 1.1 秒 LCP の間の違いはページ 1 とページ 2 の間の違いを意味することができる。headless フロントエンドへの移行から 3 ヶ月以内に、単に Core Web Vitals スコアの改善から、有機トラフィックが 15-25% 増加したストアを見てきた。
チェックアウトパフォーマンスとコンバージョンへの影響
Shopify チェックアウトについての問題はこれだ：それは実際に優れている。Shopify は数百億ドルの GMV を処理し、彼らのチェックアウトは地獄のほうに最適化されている。Shop Pay だけで、定期的なゲストチェックアウトより 91% 高いモバイルコンバージョン率を誇る。
headless アーキテクチャを使用すると、引き続き Shopify のチェックアウトを使用する。これはチェックアウト を再構築していないことを理解することが重要だ。顧客が購入の準備ができたら Shopify のホストされたチェックアウト（または Plus の Checkout API を使用）に送信している。
headless が改善するのは、チェックアウト前のすべてだ：
- 商品発見：より高速なページロードは、顧客がより多くの商品を閲覧することを意味する。headless ストアのセッションあたりのページで 22-35% の増加を測定している。
- カートに追加：Storefront API で機能するクライアント側カートを使用すると、カートに追加は瞬時だ。ページ再読み込みなし、待機なし。
- カート体験：Liquid テンプレートに制限されない、ブランドに native である引き出しカート、アップセルモジュール、動的配送計算機を構築できる。
コンバージョン率データ
headless Shopify プロジェクト全体で、一貫したコンバージョン率の改善を見ている：
- 平均モバイルコンバージョン増加：18-32%
- 平均デスクトップコンバージョン増加：12-20%
- カート放棄削減：8-15%
- バウンス率削減：25-40%
これらの数字は魔法ではない — より高速なロード時間、より優れた UX、および Shopify アプリのオーバーヘッドなしでコンバージョン最適化機能（ワンクリックアップセルと動的商品推奨など）を実装する能力から来ている。
実際のコスト比較: ネイティブ vs Headless
headless のコストについて正直になろう。それは無料ではなく、常に安いとは限らない。
| コストカテゴリ | ネイティブ Shopify（1年目） | Headless Next.js（1年目） |
|---|---|---|
| Shopify プラン（Advanced） | $4,788 | $4,788 |
| テーマ/フロントエンド構築 | $5,000 - $15,000 | $20,000 - $60,000 |
| ホスティング（フロントエンド） | $0（含まれる） | $240 - $2,400（Vercel） |
| アプリコスト（月額 × 12） | $4,800 - $7,200 | $1,200 - $2,400 |
| メンテナンス | $2,000 - $5,000 | $3,000 - $8,000 |
| 1年目合計 | $16,588 - $31,988 | $29,228 - $77,588 |
| 2年目以降合計 | $11,588 - $16,988 | $9,228 - $17,588 |
headless の初期コストはより高い — 時には大幅に。しかし 2 年目以降に注目。アプリの依存性の削減とテーマの制限の排除は、継続的なコストが実際により低い可能性があることを意味する。
より重要なのは、収益への影響が通常コストの違いを上回ることだ。headless ストアフロントが年間 $500,000 を行うストアでコンバージョン率を 20% 増加させるだけで、それは追加の $100,000 の収益だ。数学は急速に機能する。
年間 $1M 未満のストアの場合、投資が有意味か慎重に考える必要がある。$2M 以上のストアの場合、それはほぼ常に価値がある。
私たちの 料金ページ は headless Shopify ビルドの典型的な費用を詳細に説明し、具体的な状況について 相談 することをいつでも楽しむ。
Headless が意味をなさない場合
headless が意味をなさない場合について言及しないなら、あなたに失礼だ。
**あなたが始めたばかりだ。**商品アイデアを検証しており、月額 $10,000 未満を行っている場合、native Shopify テーマは完全に問題ない。Dawn は速く、無料で、十分に良い。代わりに商品とマーケティングにお金を使う。
あなたのチームはそれを保守できない。 headless ストアフロントは React、Next.js、および Shopify Storefront API を知っている開発者を必要とする。その才能にアクセスできない（社内またはエージェンシー）場合、アップデートとバグフィックスで苦労する。
**あなたが Shopify アプリに大きく依存している。**一部の Shopify アプリは native ストアフロントでのみ機能する。彼らは Liquid テーマにスクリプトを注入するため。特定のビジネスを依存するアプリが API 代替を持たない場合、headless はワークフローを破る可能性がある。
**あなたのストアはシンプルだ。**20 個の商品と基本的なバリアントを販売し、カスタム機能を必要としない場合、native テーマはそれをうまく処理する。headless は、カスタム商品構成機能、複雑なフィルタリング、多通貨体験、または独特な UX パターンが必要な場合に輝く。
その間のどこかに落ちるストアの場合、私たちはしばしば native Shopify から開始し、収益が増加するにつれて headless 移行の計画を立てることを勧める。また、ストアが足を浸したいストアの場合、Shopify の隣に headless CMS で機能するコンテンツセクション を構築する。
よくある質問
2026年に Shopify は月額いくらかかりますか？ Shopify の月額プランは Starter の $5/月から Plus の $2,300+/月までの範囲だ。最も人気のあるプランは Basic が $39/月、Shopify が $105/月、Advanced が $399/月。年額請求は Basic から Advanced ティアで約 25% を節約する。真の月額を計算するときにアプリコスト（$200-$600/月）とトランザクション手数料を含めることを忘れずに。
Shopify Plus は headless に価値があるのか？ Shopify Plus は headless ビルドに強く推奨される。より高い Storefront API レート制限を提供し、チェックアウト体験をカスタマイズするための Checkout Extensibility へのアクセス、およびチェックアウト用のカスタムドメインを使用する機能を提供するため。headless アーキテクチャに投資している場合、Plus はストアのスケールとして API 制限に達しないことを保証する。年間 $1M 以上を行うストアの場合、改善された処理レートだけで多くの場合 Plus 価格を正当化する。
Shopify Plus なしで Shopify で Next.js を使用できるのか？ はい、絶対に。Storefront API は Basic を含むすべての Shopify プランで利用可能だ。Non-Plus プランでの制限には、より低い API レート制限、チェックアウトカスタマイズなし、および Shopify ブランド化チェックアウト体験が含まれる。ほとんどの小から中規模のストアの場合、これらの制限は完全に受け入れ可能だ。
headless Shopify ストアはどのくらい高速か？ Real world ベンチマークに基づいて、headless Next.js ストアフロントは通常、native Liquid テーマと比較して 50-70% 高速な Largest Contentful Paint（LCP）、60-80% より低い Interaction to Next Paint（INP）、および 70-85% より高速な Time to First Byte（TTFB）を達成する。正確な改善は、現在のテーマ、アプリの数、および headless フロントエンドがどの程度最適化されているかに依存する。
headless Shopify はコンバージョン率を改善するのか？ はい、ほとんどの場合は大幅に改善される。より高速なロード時間はコンバージョン率と直接相関する — Google の研究は、モバイルロード時間の 1 秒の改善はコンバージョンを最大 27% 増加させることができることを示す。headless Shopify プロジェクト全体で、平均モバイルコンバージョン改善を 18-32% 観測している。改善は、より高速なページロード、よりスムーズなインタラクション、削減されたバウンス率、およびストアフロントに直接構築されるカスタムコンバージョン最適化機能を構築する能力から来ている。
headless Shopify の短所は何か？ メインの短所は、より高い初期開発コスト（$20,000-$60,000+）、React/Next.js 専門知識を持つ開発者の需要、テーマスクリプト注入に依存する一部の Shopify アプリとの非互換性、および追加のアーキテクチャの複雑さだ。また 2 つのデプロイを管理している — フロントエンドホスティングと Shopify バックエンド。これらのトレードオフは高い収益ストアの価値がある。しかしより小さな操作には意味をなさない可能性がある。
headless Shopify ストアに Astro または Next.js を使用すべきか？ どちらも実行可能だが、Next.js はほとんどの ecommerce ユースケースに対してより強い選択肢だ。Next.js は、ハイブリッドレンダリングモデル（static + server + client）を通じて、カート管理、ユーザー認証、個別化などの動的機能に対してより優れた支援を提供する。Astro は、わずかなインタラクティビティを持つコンテンツヘビーなサイトで優れている。しかし ecommerce ストアは、カートに追加フロー、商品バリアント選択機能、リアルタイム在庫の場合、豊富なクライアント側インタラクションを必要とする。プロジェクトに応じて両方のフレームワークを使用する — コンテンツドリブンな場合、Astro 開発 機能をチェック。
headless Shopify ストアフロント構築にはどのくらい時間がかかるのか？ Next.js を使用した本番対応 headless Shopify ストアフロントは、複雑さに応じて通常 8-16 週間かかる。標準的な商品ページ、コレクションページ、カート、チェックアウト統合を持つ基本的なストアフロントは 8-10 週間でできる。カスタム商品構成機能、複雑なフィルタリング、多言語サポート、または ERP や PIM などのサードパーティサービスとの深い統合を必要とするストアは、12-16 週間またはそれ以上にプッシュする。既存の Shopify テーマからの移行は、データ検証とリダイレクトマッピングの時間を追加する。