Tired of
lengthy page building?
Try GemPages to create pages faster and smarter with AI-powered feature.
Try GemPages to create pages faster and smarter with AI-powered feature.
Exclusively for users making any first payment from Oct 1st to Dec 31st 2023, UTC.
Discount applied automatically at checkout.
Thank you for subscribing.
You will be the first to know about new releases, giveaways, special projects, and everything we promised.
Your email is already used.
Looks like you already signed up for GemPages using this email address.
Stay in the know
Subscribe and you'll be the first to know about Shopify news, profitable store ideas, helpful guides, product updates, and more.
第一印象から購入に至るまで、すべてのShopifyページは顧客との感情的な繋がりを構築し、顧客へ「ああ、いいですね」から「よし、これ買わなきゃ」になる指導をする必要があります。
本記事では、インスピレーションとなる優れたShopifyページの事例をまとめ、通販サイトに必要な14ページを解説します。本記事においても通販サイトが目立つようにGemPagesチームからのヒントをご紹介します。
始める前にShopifyページが特定の目的を果たす必要があることをご注意ください。
まずはビジネスをGoogleで簡単に検索してください。そして、競合他社のウェブサイトにはページ数と種類を確認します。
次に、通販サイトを訪問するときに顧客は何をするか考えてください。
例えば、手作りのセラミックマグカップなどのカスタム商品を販売している場合、顧客はどのようにウェブサイトを閲覧するか、どこをクリックするか想定してください。
その顧客の導線を明確にしたら、全てのビジネスが持つべきShopify ページ10選を参考しましょう。
Shopify ホームページはウェブサイトに必須なものです。実店舗のフロントドアのようなものです。
訪問者がホームページにアクセスしたら、第一印象を与え、信頼性を確立し、特定の製品、ページ、サービスに誘導することが目標です。
Shopifyストアのホームページを作成する際に、より効果的に顧客とコミュニケーションをとるためのヒントをいくつかご紹介します。
では、Satisfyからインスピレーションを受け、ホームページのデザインを考えてみましょう。
トップページのヒーローバナーやウェブサイトの他の画像には、Satisfyのアウトドア愛好家の顧客の共感を呼ぶ自然をテーマにした画像が使われています。
Satisfyは、ミニマムでありながら印象的なホームページデザインを選択した
ホームページは、トップバーとドロップダウンメニューの両方を使用してナビゲーションを合理化し、訪問者が全商品やコレクションをより閲覧しやすく、商品タイプによって簡単にフィルタリングできるようにしています。
次は?ホームページを数回スクロールするだけで、ブランドの背景にあるストーリーや最新コレクション、ベストセラーアイテムについて詳しく知ることができます。
Learn more: Shopifyでコンバージョンの高いホームページを作成するために必要な要素を集め、通販サイトに利用できるおしゃれなホームページ7選からの特別なヒントをご紹介します。
オンラインショッピングでは、訪問者は商品に触れたり、匂いを嗅いだり、感じたり、実際に見たりすることができません。そのため、Shopify商品ページには、商品画像、商品説明、価格、特徴、メリットから顧客のレビューや評価まで、購入に必要な関連情報をすべて表示する必要があります。
以下のヒントを参考に、Shopifyストアに最適な商品ページを作成しましょう。
Bippyは、ソフトで独特の強度を持ち、ほこりのない竹製トイレットペーパーを販売する単一製品ブランドです。商品ページは驚くほどきめ細かく、デザインもよく、ナビゲートもシンプルで、オンラインショッピングをとてもスムーズに体験できます。
Bippyの製品ページ
Bippyは、商品説明、メリット、レビューなど、さまざまな商品ページの要素で、いかに地球を大切にしているかを明確に表示しています。
このブランドはまた、製品のメリットや特徴を強調すると同時に、見た目や柔らかさをビジュアル化するために2段組みのレイアウトを選択することにも、驚くほど良くできました。
Learn more: GemPagesで構築された5つの他のShopify製品ページの例のリストがあります。それぞれの例には、そのベストプラクティスと、成功のためにどのように再現するかをご紹介します。
直感的なウェブサイトのナビゲーションは、コンバージョン率を18.5%増加させます。これはサイトのナビゲーションがシンプルで、訪問者が商品を検索しやすければ、より多く売れることを意味します。
そこでShopifyコレクションページの登場です。コレクションページは類似商品をグループ化し、特定のカテゴリー内のすべての商品を閲覧しやすくします。
より良いコレクションページを作るための5つのベストプラクティスをご覧ください。
例えば、Kitty and Vibeストアで、新入荷商品と再入荷商品をどのように強調しているか見てください。
Kitty & Vibeのコレクションページ
品揃えは豊富ですが、商品のフィルタリングバーはとてもシンプルで、ほしい商品を見つけやすくなります。
Learn more: Shopify コレクション: 完全ガイド (2023年更新)
チェックアウトプロセスに移行する前に、顧客はShopifyのカートページで注文を確認したり変更したりします。そのため、より良いショッピング体験のためにカートページをカスタマイズする必要があります。
以下は、留意すべきヒントです。
Fableは、ミニマルでありながら機能性を重視したペット用具をデザインしています。ベッドと排泄物袋ホルダーがあります。この2つの製品は価値を生み出し、犬用クレートが嫌味になることなく効果的にアップセルすることができます。
Fable PetsがShopifyウェブサイトをカスタマイズする
また、付箋バーに20%オフの割引コードと配送無料を表示することで、顧客に購入を促します。
Shopifyのチェックアウトページでは、顧客が支払い情報を入力し、注文を完了することができます。顧客は、貴社側の労力を最小限に抑えながら、迅速かつ安全にチェックアウトプロセスを行うことができます。
また、Shopifyのチェックアウトページをストアデザインに合わせてカスタマイズすることもできますが、カート放棄を最小限に抑えることは最も重要です。
チェックアウトプロセスを簡素化し、売上を向上させ、チェックアウトページのUXデザインを改善するために、以下のベストプラクティスをご参考ください。
Fableのチェックアウトページには、素晴らしいショッピング体験を生み出すために不可欠な要素がすべて揃っている
もう一つの面白いことは?
Fableは、購入にぴったり合う2つの商品をお勧めします。平均注文額をアップさせながら、訪問者が興味を持ちそうな他の素晴らしい商品を発見する手助けにもなる、素敵な追加機能です。
Shopifyランディングページは、訪問者がオンラインストアでコンバージョン行動を取るように導くために設計されます。もしランディングページが訪問者を顧客に変えるのに効果的でないなら、クリックやトラフィックを最大限に活用できていないだけです。
多くの見込み顧客がいるにもかかわらず、その顧客に明確な道筋をみせないことを想像してみてください。
ランディングページを最適化するための4つのヒントをご確認ください。
Saturnbird Coffeeのランディング・ページにアクセスし、何を学べるか見てみましょう。Saturnbird Coffeeは、新鮮な一杯のコーヒーを楽しむ新しい方法を作ります。
商品説明と商品画像の下には、クロスセルを可能にするためのおすすめ商品コーナーが設けられています。
Saturnbird Coffeeの製品ランディングページで関連製品を効果的にアップセル&クロスセル
また、下にスクロールすると、ライフスタイルの写真と製品のクローズアップが混在し、最も重要なメリットを強調しています。
Learn more: 最新のランディングページ・チェックリストを参考に、コンバージョンに向けるページを設定してください。
Shopifyストアの会社案内ページは、ブランドの背景にあるストーリーを共有し、読者との信頼を築くところです。チームの画像、舞台裏、マイルストーン、USPなどを追加することで、ブランドを人間らしくしており、読者とのコネクションを築きます。
EBOOSTのShopify会社案内ページの事例を見ていきましょう。
EBOOSTは、会社案内ページでストーリーテリングを新たなレベルに引き上げています。一目見ただけで、EBOOSTは2人の創業者の写真とともに、ブランドが誕生するまでのストーリーを語っています。
EBOOSTは、2人の創業者の写真でブランドを人間らしくする。
次に、毎日より多くのことをするために生きている人々、つまり外出先で成功し、常に新しい目標を見据えている人々というアプローチしようとする顧客と繋がることはにとてもよくできました。ボーナスポイントは?このブランドは、USPと高品質の原材料をコレクションページへのCTAリンクで強調しています。
そして、最後までスクロールダウンし、トップ・インフルエンサーのレビューや証言を追加することは、信頼を築き、より多くの売上を促進する素晴らしい方法です。
Learn more:「Shopify 会社案内ページ:簡単なガイド、例とテンプレート」
ブログ作成は、顧客に働きかけ、ブランド認知度を高める最もコストの低い方法のひとつです。魅力的で役に立つコンテンツを提供することで、顧客の信頼を獲得し、製品の素晴らしさをアピールし、より早い決断を促すチャンスがあります。
さらに、SEOに最適化されたブログ記事は、顧客が検索エンジンの結果ページでShopifyストアを見つけるのにも役立ちます。
では、Shopifyブログページの作り方をご紹介します。
Lash Realityのストアを見学し、どのようにターゲット顧客に響く価値あるコンテンツを提供しているかを見てください。
LashRealityのブログには、まつげエクステのお手入れに役立つヒントが掲載されている
ブログのレイアウトはシンプルで目を引くデザインであり、ブランド自体のカラーパレットと同じものを使用しています。このブランドは、読者にまつげエクステンションについて教育し、独自のセールスポイントを示すとともに、製品が顧客の問題をどのように解決しているかを強調しています。
Learn more: 「インスピレーションを与えるShopifyブログ事例トップ11 (2023)」
同じ質問をよく受けますか?Shopifyストアによくある質問(FAQ)ページを追加し、受信トレイやサポートチームの負担を減らすことができます。
Coconut CultのFAQページで、どのようにデザインに手を加えているかを見てみましょう。
Coconut CultのFAQページ
Coconut Cultは、商品、配送、定期購入などに関するよくある質問をFAQページにまとめています。
このブランドは、合理化されたアコーディオンメニューでFAQページをすっきりと整理しています。訪問者は答えを開くだけで、それに簡単にアクセスすることができます。
質問の答えが見つからない場合は?お問合わせページに行きましょう。
Shopifyのお問合わせページは、顧客が質問したり、懸念を提起したり、フィードバックを提供したりするのに最適なところです。
顧客が問合わせをし、その問合わせが早く解決されることを確保できるように設計されなければなりません。
Coconut Cultのウェブサイトに戻りましょう。このブランドは、シンプルなコンタクトフォームとライブチャットをお問合せページで直接提供することで、顧客がいつでも簡単に連絡を取れるようにしています。
The Coconut Cultは、様々な方法で顧客にブランドとの接触を促している
注文に関する質問、カスタマーサービスサポート、販売に関する問合わせなど、このページに記載されている連絡先を使ってブランドに問合わせることができます。
ページの下部には、店舗検索、ビジネスに関するお問合わせ、オンライン注文に関するお問合わせなど、さまざまなリソースがあります。これらのリンクは、訪問者がカスタマーケアに連絡することなく、すぐに正しい答えを見つけるのに役立ちます。
アパレルブランド「Asphalte」が、近日発売予定のアイテムを紹介する別ページを開設した
Shopifyの近日公開ページ(またはShopifyの発売前ページ)は、このような時期に導入を検討できる最高のプレローンチマーケティング戦術の一つです。この先の展開に対する好奇心や興奮を掻き立てるだけでなく、近日公開ページは貴重なフィードバックを集めるのに最適な方法でもあります。
Learn more:「 コンバージョン率の高いShopify近日公開ページの作り方?」
Shopifyの配送と返品ページは、国際配送、夜間配送、ピックアップ、追跡情報、配送保険など、多くの便利な機能を業者に提供します。このページを追加することで、顧客は購入を決定する前に配送に関する複数の側面をチェックすることができます。
Learn more: 「 Shopify 配送101: 簡単な設定ガイド、ヒントと トリック (2023).」
注文追跡ページは、顧客にシームレスなチェックアウト体験を提供するための最後の仕上げです。注文して荷物が届くのを待つほどワクワクすることはありません。顧客が不安なく注文を簡単に追跡できるようにしており、ストアを信頼してもらいましょう。
一般データ保護規則が施行されたため、Shopifyストアに強固なプライバシーポリシーページを設けることは非常に重要です。なぜなら、クッキーのくずから広告、メールに至るまで、どれだけ顧客の個人情報やデータを気にかけるかを示すことができるからです。
ここまで、通販サイトに必要な14つのShopifyページタイプについて説明しました。次は、Shopifyストアでこれらのページをカスタマイズする方法をご紹介します。
通販サイトのページの編集やカスタマイズをしたい場合、Shopifyでは2つの方法があります。
コーディングが苦手な方は、Shopifyのテーマエディターから始めましょう。そこでは、基本的な変更や、ページテンプレート内のセクションにちょっとした調整を加えることができます。
Shopifyダッシュボードで、オンラインストアに向かう > カスタマイズしたいテーマを選ぶ > カスタマイズする。
Shopifyテーマエディターでは、ページレイアウトを基本的にコントロールすることができます。コンテンツの編集、セクションの追加、上下の移動、設定の変更が可能です。
エディター上部のドロップダウンメニューからページテンプレートを選択することもできます。
個々のテンプレートファイルにliquidコードを使用することで、さらに一歩進めます。Shopifyダッシュボードで、テーマに移動し、「Actions 」 > 「Edit code」をクリックします。
そこからレイアウト、テンプレート、セクションなどを編集することができます。しかし、手動でコードソースを編集することは、ショッピング体験に直接影響する様々な問題を引き起こす可能性があります。
Shopifyは素晴らしい出発点です。しかし、もしそれ以上のことをしたいのであれば、GemPagesがその答えです。
GemPagesは、Shopifyのストアページを作成、カスタマイズ、コンバージョンのために最適化するためのビジュアルページビルダーです。GemPagesを使用すると、正確な期待に応えるストアページを作成するための無限のカスタマイズオプションがあります。
Learn more:「Shopifyのカスタマイズ: 売れるShopifyカスタムページの作り方?」
様々なタイプの要素をドラッグ&ドロップ
また、各要素をお好みに合わせてカスタマイズすることもできます。様々な色、フォント、ボーダーや間隔、アニメーションなどのスタイルオプションからお選びください。
また、ゼロからページを作成するのは、時には頭痛になることもあります。そのため、80以上の既製のShopifyテンプレートを作成しました。
GemPagesのテンプレートは、CROの専門家によって、あらゆるニッチと目的のために設計されている。
よく練られた各テンプレートは、ストアに最初にアクセスしてから、重要な「購入」ボタンを押すまで、シームレスなカスタマーエクスペリエンスを生み出すのに役立ちます。
通販サイトをカスタマイズすることは、顧客に永続的な印象を刻むだけでなく、再訪問を促すことにもつながります。上記の14つのShopifyページリストで、訪問者を最初から最後までシームレスで魅力的な旅に誘導しましょう。
ShopifyのビジュアルテーマエディタやShopifyのコードエディタを通じて、基本的なカスタマイズをしたページを編集することができます。
または、さらにページパーソナライズを開始し、GemPagesで新しいコンバージョンを見てください。コーディングは必要ありません。