【2024年最新版】Shopifyの無料テーマおすすめ18種類を徹底比較!

  • このエントリーをはてなブックマークに追加
サムネイル24

この記事の所要時間:15分

Shopifyでネットショップを構築する場合、最初にテーマというテンプレートデザインを一つ選択し、自分好みにカスタマイズします。

Shopifyテーマには無料と有料のものがあり、無料テーマだけでも18種類あるため選定が難しく、トップ画面のデザイン性だけで直感でテーマを選ぶ方も多くいると思います。

ですがテーマを選ぶ際に最も重要なポイントは、ユーザーが快適にショッピングを楽しむためのサイト設計と、そのために必要な機能の有無です。

Shopifyテーマはそれぞれ利用できる機能が異なるため、本来は細かく使用できる機能を確認してからテーマを選定するべきです。

そこで今回は、Shopifyのすべての無料テーマを隅々まで確認した筆者が、Shopifyの無料テーマの比較を徹底的に解説します。

本記事を読めばShopifyの無料テーマをすべて把握でき、あなたのショップに最適なテーマを選択することができます。また、以下の記事ではテーマのカスタマイズについて紹介しているので、合わせて参考にしてください。

初心者でもわかるShopifyテーマのカスタマイズ方法を徹底解説

また、以下の記事ではShopifyの人気有料テーマを厳選してご紹介しています。

こちらも合わせて参考にしてください。

Shopifyのおすすめ有料テーマ8選【2022年最新版】

無料テーマについて

Shopifyテーマは公式のもので100種類以上あり、非公式のものを合わせるとさらに多く存在します。

どのテーマを利用しても簡単にクオリティの高いネットショップを構築することができます。なので、テーマを選ぶ際はデザイン性よりも必要な機能の有無が大切になります。

あなたのネットショップに必要な機能を洗い出し、各テーマの機能と比べてテーマを選定してください。

Shopifyの無料テーマは全部で18種類あり、オンラインストア2.0(OS 2.0)という新しくアップグレードされたテーマアーキテクチャと、旧型のテーマがそれぞれ9種類ずつ存在します。

OS 2.0のテーマはShopifyの管理画面から「オンラインストア > テーマ」をクリックし、「無料のテーマを探す」から追加できます。

同時に複数のテーマを追加してカスタマイズしたり、ショップを公開した後にテーマを変更することも可能です。

無料テーマで利用できる機能の比較一覧

テーマメニューヘッダーの透過画像ズームサイトスピード3Dモデルの対応
OS 2.0Dawnメニューバー×
Craftメニューバー×
Craveメニューバー×
Senseメニューバー×
Tasteメニューバー×
Studioメニューバー×
Rideメガメニュー×
Colorblockメガメニュー×
Refreshメガメニュー×
OS 2.0非対応Debutメニューバー×
Simpleサイドバー××
Narrativeモーダル×
Brooklynメニューバー××
Supplyメニューバー×××
Ventureメニューバー×××
Boundlessモーダル×××
Minimalメニューバー×××
Expressメニューバー××××

■メニュー
メインメニューがある位置は各テーマによって異なります。メニューバーはショップのヘッダー、サイドメニューはサイトの左サイド、モーダルはメニューボタンをクリックすることで画面にメニューが表示されます。また、マウスオーバーで画面いっぱいに開くメガメニューを使用できるテーマもあります。

■ヘッダーの透過
サイトのトップ画面で画像をより目立たせたい方は、ヘッダーの透過が可能なテーマがオススメです。ヘッダーを透過することで画面いっぱいに画像を表示することができ、よりスタイリッシュな印象を与えることができます。

■画像ズーム
Shopifyテーマの中には、商品ページで商品画像をズーム表示できるものがあります。顧客は商品画像をズームしてより細部まで確認することができます。

■サイトスピード
サイトスピードはページの表示速度です。2018年のGoogleの調査では、ページの表示速度が1~3秒になると離脱率が32%増加したというデータがあります。サイトスピードは売上にも大きく影響するので、できればサイトスピードが速いテーマを選択することをオススメします。

■3Dモデルの対応
Shopifyは商品の画像だけではなく、商品の3Dモデルを追加することができます。ほとんどのテーマではアプリの導入やカスタマイズが必要ですが、3Dモデルに対応しているテーマでは商品登録時に3Dモデルを追加するだけで使用できます。

■OS 2.0対応
2021年にOS 2.0(Online store 2.0)という新しいテーマアーキテクチャが発表されました。OS 2.0に対応しているテーマは、従来のものよりも編集の利便性が高くなっており、全ページでのセクション追加やテーマ上のアプリ配置変更、チェックアウト画面の機能拡張など、様々な編集が可能になっています。

各テーマの詳細【OS 2.0】

Shopifyはセクションという機能ブロックを組み合わせてトップページのデザインを作成します。

テーマによって使用できるセクションが異なるので、使用できる機能やデザインも大幅に変わります。次は各テーマで使用できるセクションについてご紹介します。

Dawn【OS 2.0】

Dawnは、2021年のUnite以降にデフォルトで設定されているOnline Store 2.0対応のテーマです。OS 2.0対応のテーマなので、他の無料テーマよりもデザイン編集の自由度がかなり高くなっています。スタイルは1種類です。

Dawnは、2021年のUnite以降にデフォルトで設定されているOnline Store 2.0対応のテーマです。OS 2.0対応のテーマなので、他の無料テーマよりもデザイン編集の自由度がかなり高くなっています。Dawnはサイトスピードが速く、カスタマイズもしやすいテーマなのでオススメです。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Dawnのサンプルサイト

Dawnのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Craft【OS 2.0】

Craftは、ゆとりのあるスペースとエレガントなタイポグラフィを含む、繊細かつ洗練されたデザインのテーマです。画像、商品、ビデオ、引用などのための柔軟でデザイン性に優れたブロックが付属しています。スタイルは1種類です。

Craftは、ゆとりのあるスペースとエレガントなタイポグラフィを含む、繊細かつ洗練されたデザインのテーマです。画像、商品、ビデオ、引用などのための柔軟でデザイン性に優れたブロックが付属しています。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Craftのサンプルサイト

Craftのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Crave【OS 2.0】

Craveは、大胆な色使いとアニメーションで、ブランドの個性をアピールできるテーマです。モバイルに最適化されたレイアウトとダイナミックなチェックアウトオプションで、購入者がどこにいても対応できます。スタイルは1種類です。

Craveは、大胆な色使いとアニメーションで、ブランドの個性をアピールできるテーマです。モバイルに最適化されたレイアウトとダイナミックなチェックアウトオプションで、購入者がどこにいても対応できます。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Craveのサンプルサイト

Craveのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Sense【OS 2.0】

Senseは、柔らかなグラデーションと購入者を優しく導く曲線要素で、あなたのブランドや商品を目立たせるテーマです。顧客の声や動画、充実した商品説明で、顧客との信頼関係を構築します。スタイルは1種類です。

Senseは、柔らかなグラデーションと購入者を優しく導く曲線要素で、あなたのブランドや商品を目立たせるテーマです。顧客の声や動画、充実した商品説明で、顧客との信頼関係を構築します。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Senseのサンプルサイト

Senseのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Taste【OS 2.0】

Tasteは、大胆な見出しと細いストローク、控えめな背景にハイコントラストなカラーパレットで、ユーザーの目を引きつけるデザインのテーマです。柔軟なデザインとカスタマイズ設定で、ブランドビジョンに合わせた体験の設計が可能です。スタイルは1種類です。

Tasteは、大胆な見出しと細いストローク、控えめな背景にハイコントラストなカラーパレットで、ユーザーの目を引きつけるデザインのテーマです。柔軟なデザインとカスタマイズ設定で、ブランドビジョンに合わせた体験の設計が可能です。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Tasteのサンプルサイト

Tasteのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Studio【OS 2.0】

Studioは、スタイリッシュなタイポグラフィとカラフルなアクセントで、商品やコレクションを縁取るように紹介するデザインのテーマです。コレクションベースのナビゲーションやクリエイターフィルター、ギャラリー、アーティストプロフィールなど、あらゆるアーティストの作品をまとめたサイトに最適です。スタイルは1種類です。

Studioは、スタイリッシュなタイポグラフィとカラフルなアクセントで、商品やコレクションを縁取るように紹介するデザインのテーマです。コレクションベースのナビゲーションやクリエイターフィルター、ギャラリー、アーティストプロフィールなど、あらゆるアーティストの作品をまとめたサイトに最適です。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Studioのサンプルサイト

Studioのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Ride【OS 2.0】

Rideは、ダークな背景と大胆なタイポグラフィ、アクセントカラーを組み合わせてポップに演出したデザインのテーマです。左右非対称なデザインが画像と長い文章の組み合わせをスタイリッシュにまとめ、ブランドのストーリーテリングに最適化されています。スタイルは1種類です。

Rideは、ダークな背景と大胆なタイポグラフィ、アクセントカラーを組み合わせてポップに演出したデザインのテーマです。左右非対称なデザインが画像と長い文章の組み合わせをスタイリッシュにまとめ、ブランドのストーリーテリングに最適化されています。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Rideのサンプルサイト

Rideのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Colorblock【OS 2.0】

Colorblockは、非定型のタイポグラフィとカスタマイズ可能なカラーブロックが商品を引き立て、トレンドのルックブック感覚を演出するテーマです。メガメニューと高度なフィルタリング機能により、あらゆる商品やコレクションまで辿り着きやすくなっています。スタイルは1種類です。

Colorblockは、非定型のタイポグラフィとカスタマイズ可能なカラーブロックが商品を引き立て、トレンドのルックブック感覚を演出するテーマです。メガメニューと高度なフィルタリング機能により、あらゆる商品やコレクションまで辿り着きやすくなっています。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Colorblockのサンプルサイト

Colorblockのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

Refresh【OS 2.0】

Refreshは、主張のある見出しとミニマルなカラーパレットで、製品に焦点を当てた大胆なブランドステートメントを表現するテーマです。顧客レビューや成分、品質情報、特別な承認など、製品の品質やブランディングを強調するレイアウトになっています。スタイルは1種類です。

Refreshは、主張のある見出しとミニマルなカラーパレットで、製品に焦点を当てた大胆なブランドステートメントを表現するテーマです。顧客レビューや成分、品質情報、特別な承認など、製品の品質やブランディングを強調するレイアウトになっています。スタイルは1種類です。

以下のサンプルサイトをご覧ください。
Refreshのサンプルサイト

Refreshのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:お問い合わせ
テキスト:リッチテキスト、折りたたみ可能なコンテンツ
ブログ:ブログ記事
プロモーション用:メール登録
動画:動画
商品:特集商品
画像:テキスト付き画像、画像バナー、スライドショー
購入者エンゲージメント:ページ
カスタマイズ:マルチカラム、カスタムLiquid、コラージュ

各テーマの詳細【OS 2.0非対応:旧型】

Debut

Debutは、デフォルトで設定されているテーマです。そのためコード編集についての記事もたくさんあり、カスタマイズしやすいテーマです。スタイルは「Default」「Light」の2種類です。

Debutは、デフォルトで設定されているテーマです。そのためコード編集についての記事もたくさんあり、カスタマイズしやすいテーマです。スタイルは「Default」「Light」の2種類です。

以下のサンプルサイトをご覧ください。
Debutのサンプルサイト

Debutのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:お客様の声、リッチテキスト、画像付きテキスト列
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:動画
商品:おすすめ商品
画像:ギャラリー、スライドショー、テキストオーバーレイ付き画像、テキスト付き画像、ロゴリスト

Simple

Simpleは、名前のとおりシンプルなデザインで、サイドバーメニューがある唯一の無料テーマです。トップページに多くの商品を表示する場合に適しています。スタイルは「Light」「Beauty」「Toy」の3種類です。

Simpleは、名前のとおりシンプルなデザインで、サイドバーメニューがある唯一の無料テーマです。トップページに多くの商品を表示する場合に適しています。スタイルは「Light」「Beauty」「Toy」の3種類です。

以下のサンプルサイトをご覧ください。
Simpleのサンプルサイト

Simpleのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:リッチテキスト
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:ビデオ
商品:おすすめ商品
画像:スライドショー、テキスト付き画像、特集バナー

Narrative

Narrativeは、ヘッダーを透過することができ、メニューもモーダルウィンドウなので、とてもスタイリッシュなデザインが実現できます。
また、特集スライダーのセクションを利用することで、イチオシ商品のカラーバリエーションをうまくアピールするも可能です。スタイルは「Earthy」「Warm」「Light」「Cold」のは4種類です。

Narrativeは、ヘッダーを透過することができ、メニューもモーダルウィンドウなので、とてもスタイリッシュなデザインが実現できます。

また、特集スライダーのセクションを利用することで、イチオシ商品のカラーバリエーションをうまくアピールするも可能です。スタイルは「Earthy」「Warm」「Light」「Cold」のは4種類です。

以下のサンプルサイトをご覧ください。
Narrativeのサンプルサイト

Narrativeのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:お客様の声、リッチテキスト
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:ビデオ
商品:おすすめ商品
画像:ギャラリー、スライドショー、テキストオーバーレイ付き画像、テキスト付き画像、ハイライト
高度なレイアウト:特集スライダー

Brooklyn

Brooklynは、スライドショーのカスタマイズ性が高く、ヘッダーを透過することも可能なので、ファーストビューでショップのコンセプトをうまく伝えることができます。
コレクションページのレイアウトをコラージュにすることができ、顧客の注意を惹きます。スタイルは「Classic」「Playful」の2種類です。

Brooklynは、スライドショーのカスタマイズ性が高く、ヘッダーを透過することも可能なので、ファーストビューでショップのコンセプトをうまく伝えることができます。

コレクションページのレイアウトをコラージュにすることができ、顧客の注意を惹きます。スタイルは「Classic」「Playful」の2種類です。

以下のサンプルサイトをご覧ください。
Brooklynのサンプルサイト

Brooklynのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:リッチテキスト
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:ビデオ
商品:おすすめ商品
画像:スライドショー、テキスト付き画像

Supply

Supplyは、コレクションページでサイドバーを表示し、タグやグループで分けた商品一覧を閲覧できるので、商品が多い場合に求めている商品を探しやすいデザインです。スタイルは「Blue」「Light」の2種類です。

Supplyは、コレクションページでサイドバーを表示し、タグやグループで分けた商品一覧を閲覧できるので、商品が多い場合に求めている商品を探しやすいデザインです。スタイルは「Blue」「Light」の2種類です。

以下のサンプルサイトをご覧ください。
Supplyのサンプルサイト

Supplyのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:リッチテキスト
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:ビデオ
商品:おすすめ商品
画像:スライドショー、テキスト付き画像

Venture

Ventureは、ヘッダーのドロップダウンメニューで商品画像を表示することができます。また、特集コレクションのデザインも特徴的で、商品を強くアピールすることができるテーマです。スタイルは「Snowboard」「Outdoors」「Boxing」の3種類です。

Ventureは、ヘッダーのドロップダウンメニューで商品画像を表示することができます。また、特集コレクションのデザインも特徴的で、商品を強くアピールすることができるテーマです。スタイルは「Snowboard」「Outdoors」「Boxing」の3種類です。

以下のサンプルサイトをご覧ください。
Ventureのサンプルサイト

Ventureのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ、検索
テキスト:お客様の声、リッチテキスト、画像付きテキスト列
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:動画
商品:おすすめ商品
画像:ギャラリー、スライドショー、テキストリンク付き画像、テキスト付き画像、ロゴリスト、複数リンクのブロック

Boundless

Boundlessは、スライドショーがトップページ上部に固定されており、画像とテキストでショップのコンセプトを伝えるデザインになっています。
商品ページも画像がメインのデザインになっているため、1商品あたりの画像数が豊富な場合にオススメのテーマです。スタイルは「Black & white」「Vibrant」の2種類です。

Boundlessは、スライドショーがトップページ上部に固定されており、画像とテキストでショップのコンセプトを伝えるデザインになっています。

商品ページも画像がメインのデザインになっているため、1商品あたりの画像数が豊富な場合にオススメのテーマです。スタイルは「Black & white」「Vibrant」の2種類です。

以下のサンプルサイトをご覧ください。
Boundlessのサンプルサイト

Boundlessのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:リッチテキスト
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:ビデオ
商品:おすすめ商品
画像:テキスト付き画像

Minimal

Minimalは、セクションの種類は多くありませんが、それぞれ細かく編集することができるので、シンプルでも細部までデザインにこだわりたい方にオススメです。
商品の検索機能もジャンルだけではなく、価格順など様々なソートをかけることができるので、機能性抜群です。スタイルは「Vintage」「Fashion」「Modern」の3種類です。

Minimalは、セクションの種類は多くありませんが、それぞれ細かく編集することができるので、シンプルでも細部までデザインにこだわりたい方にオススメです。

商品の検索機能もジャンルだけではなく、価格順など様々なソートをかけることができるので、機能性抜群です。スタイルは「Vintage」「Fashion」「Modern」の3種類です。

以下のサンプルサイトをご覧ください。
Minimalのサンプルサイト

Minimalのセクション一覧

コレクション:コレクションリスト、特集コレクション
ストア情報:マップ
テキスト:リッチテキスト
ブログ:ブログ記事
プロモーション用:ニュースレター
動画:動画
商品:おすすめ商品
画像:ギャラリー、スライドショー、テキスト付き画像

Express

Expressは、ランディングページ用に最適化されたテーマです。トップページで商品をカートに追加することを想定しており、デスクトップ用とモバイル用のそれぞれに最適化したレイアウトに編集することができます。スタイルは「Bistro」「Pantry」の2種類です。

Expressは、ランディングページ用に最適化されたテーマです。トップページで商品をカートに追加することを想定しており、デスクトップ用とモバイル用のそれぞれに最適化したレイアウトに編集することができます。スタイルは「Bistro」「Pantry」の2種類です。

以下のサンプルサイトをご覧ください。
Expressのサンプルサイト

Expressのセクション一覧

コレクション:特集コレクション
商品:おすすめ商品
画像:テキスト付き画像、バナー、複数列
購入者エンゲージメント:ページ

セクションの紹介

ここまで各テーマのセクションの違いについて紹介しましたが、次は実際に使用するセクションの内容についてそれぞれご紹介します。

コレクション

コレクションとは、ある条件の商品群をグループ化したものです。そのグループ化したコレクションをセクションとしてトップページに追加することが可能です。

コレクションをトップページに追加する場合、ほとんどのテーマには「コレクションリスト」と「特集コレクション」のセクションがあります。

■コレクションリスト

使用可能なテーマ:Express以外

コレクションリストは、複数のコレクションを並列に並べることができます。

コレクションリストは、複数のコレクションを並列に並べることができます。

■特集コレクション

使用可能なテーマ:すべてのテーマ

特集コレクションは、特定のコレクションを選び、トップページに掲載することができます。

特集コレクションは特定のコレクションを選び、トップページに掲載することができます。

ストア情報

ストア情報には実店舗の位置情報を掲載する「マップ」と、ネットショップ内の商品を探す「検索」、お問い合わせフォームをトップページに表示する「お問い合わせフォーム」のセクションがあります。

■マップ

使用可能なテーマ:Express、Dawn以外

マップは、実店舗の位置情報を掲載することができます。また、Google MapのAPIキーを登録することで、1クリックでGoogle Map上のあなたのショップ位置を表示することができます。

マップは実店舗の位置情報を掲載することができます。また、Google MapのAPIキーを登録することで、1クリックでGoogle Map上のあなたのショップ位置を表示することができます。

■検索

使用可能なテーマ:Venture

検索は、ショップ内の商品を検索することができ、顧客は多くの商品の中から簡単に求めている商品に辿り着くことができます。

検索はショップ内の商品を検索することができ、顧客は多くの商品の中から簡単に求めている商品に辿り着くことができます。

■お問い合わせフォーム

使用可能なテーマ:Dawn

お問い合わせフォームは、ショップのトップページに表示することで、顧客はすぐに商品についてマーチャントに問い合わせることができます。

お問い合わせフォームは、ショップのトップページに表示することで、顧客はすぐに商品についてマーチャントに問い合わせることができます。

テキスト

テキストはトップページにメッセージや説明を表示する際に使用します。テキストだけではなく画像を追加することもでき、「お客様の声」「リッチテキスト」「画像付きテキスト列」などのセクションがあります。

■お客様の声

使用可能なテーマ:Debut、Narrative、Venture

お客様の声は、実際に商品を購入した顧客の声をトップページに掲載することができるので、あなたのショップの信頼性を高めることができます。

お客様の声は、実際に商品を購入した顧客の声をトップページに掲載することができるので、あなたのショップの信頼性を高めることができます。

■リッチテキスト

使用可能なテーマ:Express以外

リッチテキストは、見出しとテキストのみを表示します。マーチャントから顧客に向けてのメッセージや、説明書きなどを掲載する際に使用します。

リッチテキストは、見出しとテキストのみを表示します。マーチャントから顧客に向けてのメッセージや、説明書きなどを掲載する際に使用します。

■画像付きテキスト列

使用可能なテーマ:Debut、Venture

画像付きテキスト列を使用すると、画像とテキストをセットでトップページに並べることが可能です。そうすることで、顧客に対して商品の利用シーンや、特徴をわかりやすく説明することができます。

画像付きテキスト列を使用すると、画像とテキストをセットでトップページに並べることが可能です。そうすることで、顧客に対して商品の利用シーンや、特徴をわかりやすく説明することができます。

ブログ

ブログとは、ショップにブログ記事を追加する機能です。ブログページをセクションとしてトップページに追加することで、顧客はあなたのブランドや商品についてより多くの情報を得ることができます。

■ブログ機能

使用可能なテーマ:Express以外

ブログ記事は、テーマによって異なりますが1~4記事を抜粋してトップページに表示することができます。また、日付や執筆者の名前を表示することも可能です。

ブログ記事は、テーマによって異なりますが1~4記事を抜粋してトップページに表示することができます。また、日付や執筆者の名前を表示することも可能です。

プロモーション用

プロモーションには、「ニュースレター」のセクションがあります。ほとんどのテーマでは見出しとテキストを入力しますが、中には背景の変更などデザイン性の高いカスタマイズが可能なテーマもあります。

■ニュースレター(メール登録)

使用可能なテーマ:Express以外

顧客はニュースレターに自身のメールアドレスを入力することで、ショップの最新情報やクーポンを受け取ることができます。マーチャントはニュースレターをうまく活用し、顧客との接点を増やします。

顧客はニュースレターに自身のメールアドレスを入力することで、ショップの最新情報やクーポンを受け取ることができます。マーチャントはニュースレターをうまく活用して、メルマガを配信するなど顧客との接点を増やします。

動画

動画には、ビデオ(動画)」のセクションがあります。YouTube動画のリンクを貼り付けるだけで、ショップのトップページに動画を追加することができます。

■ビデオ(動画)

使用可能なテーマ:Express以外

ビデオは、顧客によりブランドや商品を興味を持ってもらうために有効な手段です。特にDebutは、動画を自動再生することができるのでオススメです。

ビデオは顧客によりブランドや商品を興味を持ってもらうために有効な手段です。特にDebutは、動画を自動再生することができるのでオススメです。

商品

商品には「おすすめ商品」のセクションがあります。1つの商品をピックアップしてトップページで紹介し、直接カートに追加することが可能です。

■オススメ商品(特集商品)

使用可能なテーマ:すべてのテーマ

おすすめ商品は、特に定番商品があるブランドや1つの商品を主に販売しているマーチャントにオススメのセクションです。顧客はトップページで商品をカートに追加するだけでなく、動的チェックアウトボタンを表示すると、その場で購入することができます。

おすすめ商品は特に定番商品があるブランドや1つの商品を主に販売しているマーチャントにオススメのセクションです。顧客はトップページで商品をカートに追加するだけではなく、動的チェックアウトボタンを表示すると、その場で購入することができます。

画像

様々なレイアウトで画像やテキスト、ボタンなどをトップページに追加することができます。

画像セクションは「ギャラリー」「スライドショー」「テキストリンク付き画像」「テキストオーバーレイ付き画像」「テキスト付き画像」「ハイライト」「特集バナー」「バナー」「複数列」「ロゴリスト」「複数のリンクのブロック」の11種類あり、それぞれのテーマに最適化されたデザインになっています。

■ギャラリー

使用可能なテーマ:Debut、Narrative、Venture、Minimal

ギャラリーは1~4つの画像を並べ、テキストやボタンを表示することができます。

ギャラリーは1~4つの画像を並べ、テキストやボタンを表示することができます。

■スライドショー

使用可能なテーマ:Express、Dawn以外

スライドショーは、複数の画像を入れ替わりで表示することができます。画像のサイズやトランジションの秒数なども選択が可能です。

スライドショーは複数の画像を入れ替わりで表示することができます。画像のサイズやトランジションの秒数なども選択が可能です。

■テキストリンク付き画像(画像バナー)

使用可能なテーマ:Venture、Dawn

テキストリンク付き画像は、他のページやサイトに遷移するテキストボタンを画像と合わせて表示することができます。こちらはVentureでのみ使用できるセクションです。

テキストリンク付き画像は他のページやサイトに遷移するテキストボタンを画像と合わせて表示することができます。こちらはVentureでのみ使用できるセクションです。

■テキストオーバーレイ付き画像

使用可能なテーマ:Debut、Narrative

テキストオーバーレイ付き画像は、フィルタ(オーバーレイ)がかかった画像とテキスト、テキストボタンを表示することができます。

テキストオーバーレイ付き画像はフィルタ(オーバーレイ)がかかった画像とテキスト、テキストボタンを表示することができます。

■テキスト付き画像

使用可能なテーマ:すべてのテーマ

テキスト付き画像は、商品やコレクション、ブログ記事などに注目を集めるため、大きなテキストと画像を組み合わせて表示します。

テキスト付き画像は商品やコレクション、ブログ記事などに注目を集めるため、大きなテキストと画像を組み合わせて表示します。

■ハイライト

使用可能なテーマ:Narrative

ハイライトは、ギフトカードやオススメ商品など強調したい商品をピックアップし、アニメーション付きで表示することができます。こちらはNarrativeでのみ使用できるセクションです。

ハイライトはギフトカードやオススメ商品など強調したい商品をピックアップし、アニメーション付きで表示することができます。こちらはNarrativeでのみ使用できるセクションです。

■特集バナー

使用可能なテーマ:Simple

特殊バナーは、事前にバナーを作成し、ショップに追加することができます。

特殊バナーは事前にバナーを作成し、ショップに追加することができます。

■バナー

使用可能なテーマ:Express

バナーは、Expressのみで使用できるセクションです。バナー画像にテキストボックスを追加し、リンクボタンを表示することも可能です。

バナーはExpressのみで使用できるセクションです。バナー画像にテキストボックスを追加し、リンクボタンを表示することも可能です。

■複数列

使用可能なテーマ:Express

複数列は、画像と見出し、テキストを並べて表示することができます。デスクトップとモバイルでそれぞれデザインを最適化することが可能です。

複数列は画像と見出し、テキストを並べて表示することができます。デスクトップとモバイルでそれぞれデザインを最適化することが可能です。

■ロゴリスト

使用可能なテーマ:Debut、Venture

ロゴリストは、メディア掲載やスポンサーなどのロゴ、あるいはSNSのロゴを並べて表示することができます。

ロゴリストはメディア掲載やスポンサーなどのロゴ、あるいはSNSのロゴを並べて表示することができます。

■複数のリンクのブロック

使用可能なテーマ:Venture

Ventureでは、複数のリンクブロックを表示することができます。

Ventureでは複数のリンクブロックを表示することができます。

購入者エンゲージメント

購入者エンゲージメントには「ページ」のセクションがあります。ページで作成したコンテンツをそのままの形でトップページに表示することができます。

■ページ

使用可能なテーマ:Express、Dawn

ページで作成したコンテンツをトップページに表示することができます。Expressでのみ使用できるセクションです。

ページで作成したコンテンツをトップページに表示することができます。Expressでのみ使用できるセクションです。

高度なレイアウト

高度なレイアウトには「特集スライダー」のセクションがあります。画像を縦にスライドし、複数の商品を紹介することができます。

■特集スライダー

使用可能なテーマ:Narrative

特集スライダーは、画面を中央で分け、片方で画像を表示しながら、もう片方をスライドして複数の商品を表示することができるセクションです。Narrativeでのみ使用可能です。

特集スライダーは画面を中央で分け、片方で画像を表示しながら、もう片方をスライドして複数の商品を表示することができるセクションです。Narrativeでのみ使用可能です。

【最後に】モバイルのデザインも大切

今回はShopifyで利用できる無料テーマについて解説しました。本記事で無料テーマの機能やデザインについて、網羅的に理解できたと思います。

ここまで主にデスクトップ画面の画像を使用して紹介しましたが、顧客視点で考えるとモバイル画面がとても重要になります。テーマを選ぶ際は必ずモバイル画面もチェックしてください。

またあなたのショップに必要な機能と見比べて最適なテーマを選択しますが、もしコード編集が可能であれば使用したいテーマに新しくセクションを追加することも可能です。

ご自身でコード編集ができない場合は、Shopify Partnerに依頼することも検討してみてください。

  • このエントリーをはてなブックマークに追加
おすすめリンクAD







パートナー募集|オフショア開発ドットコム











パートナー募集|オフショア開発ドットコム
ページ上部へ戻る