Shopify ページ - 2024 年に知っておくべきことすべて

Shopify は、世界トップの e コマース プラットフォームとしての地位を固めました。これは主に、Shopify ページをシンプルかつ効果的に保ちながら、豊富なリソースと機会を通じて新しい販売者をサポートし、スキルと知識を広げてビジネスを成長させるという同社の理念によるものです。

Shopify ページの主な利点は、プラットフォームに標準装備されていることです。つまり、Shopify マーチャントであれば、Shopify 管理画面から、事前にデザインされたレスポンシブで機能的なページにすぐにアクセスできます。しかし、マーチャントは具体的に何を手に入れるのでしょうか。また、これらのページを最大限に活用するにはどうすればよいでしょうか。まず、Shopify ページの範囲を理解しておくとよいでしょう。

• Shopifyホームページ
• Shopify コレクションページ
• Shopify製品ページ
• Shopify 会社概要ページ
• Shopify ブログページ
• Shopify お問い合わせページ
• Shopify チェックアウトページ
• Shopify パスワード ページ

これらの Shopify ページは、特に順序はありませんが、ストアにとっての重要性の点で異なります。とはいえ、すべては貴重な機能を果たします。そこで、この記事では、それぞれのページを詳しく調べ、最適化して、可能な限り最適な方法で使用する方法について説明します。

Shopify ページとは何ですか?

Shopify ページは、Shopify ストアのコンテンツが表示されるウェブページであり、訪問者はこのページを通じてストアフロントを移動します。これらは、マーチャントに「完全なパッケージ」を提供するように設計されています。つまり、現代の基準で重要なものが欠けていると感じさせないウェブサイトを構築するために利用できるすべてのコアページが揃っています。これらの Shopify ページは、Shopify テーマ エディターを使用してカスタマイズできます。すべてのページは、ストアに適用されている現在の Shopify テーマに自動的に適応しますが、現時点では完全なカスタマイズには制限があります。

Shopify テーマの多くは無料なので、マーチャントは Shopify ページの外観を簡単に試す素晴らしい機会を得ることができます。また、Shopify ページは完全にレスポンシブで、あらゆるデバイスや画面サイズで自動的に適切に表示されます。これらすべての要素は、マーチャントがプラットフォームの使用方法、ストアのデザイン方法、オンライン ビジネスを迅速かつ簡単に開始する方法を習得できるように意図的に設計されています。これで基本を説明したので、各 Shopify ページの違いについてさらに詳しく説明し、その機能と有効性を理解することができます。

続きを読む：

• Shopify のカート放棄: 理由、ハック、ヒント
• Powered by Shopify ストアバッジ - 簡単に削除するにはどうすればいいですか?

Shopify ページはどのように使用すればいいですか?

Shopify ページには、「オンライン ストア」販売チャネルの下にある Shopify 管理ダッシュボードから簡単にアクセスできます。

新しい Shopify ページを追加するには、右上のボタンを使用します。それをクリックすると、ページの追加メニューが表示され、タイトル、コンテンツ、Web サイトの SEO など、必要な情報をすべて入力できます。完了したら、保存を押してページを保存します。

保存すると、新しいページがすぐにサイトに表示されます。訪問者がページにアクセスできるように、ナビゲーションのメニューに必ず追加してください。ページが未完成の場合、またはまだ表示したくない場合は、右側の「非表示」を選択します。

おめでとうございます。これで、自分のストア内で Shopify ページを追加して使用する方法がわかりました。ページを作成したら、テーマ エディターでそのページを見つける方法を知っておく必要があります。

「オンライン ストア」>「テーマ」>「カスタマイズ」の順にクリックします。次に、エディター内のドロップダウン メニューを使用して、すべての標準 Shopify ページと、作成して保存したページを表示します。

各ページをクリックすると、左側にカスタマイズ オプションが表示されます。Shopify ページを使用する最後のオプションは、コードを直接操作することです。これを行うには、オンライン ストア > テーマ > アクション > コードの編集に移動します。

ここでは、左側にすべてのページ テンプレートが表示されます。これらのいずれかをクリックすると、各ページ テンプレートのソース コードを直接操作できます。注意が必要です。コーディング方法に精通していない場合は、取り返しのつかない損害を引き起こす可能性があるため、ここでやりすぎないことをお勧めします。

クイックリード: Shopify ランディングページ

Shopifyページのカスタマイズへの最適なアプローチ

この記事から皆さんに伝えたい重要な点は、現状では、ストックの Shopify ページはカスタマイズ オプションがあまりにも限られているため、競合相手に対抗できないということです。この問題を解決するには、Pagefly アプリを使用してすべてのページをゼロから構築し、サイトの表示方法を完全に制御します。Pag​​efly に組み込まれたツールと直感的なドラッグ アンド ドロップ インターフェイスにより、初心者でも、自慢したくなるようなサイトを構築できる理想的なアプリとなっています。Shopify ページに関して何か見落としがあればお知らせください。各ページの詳細情報については、記事全体にわたるリンクを確認してください。

PageFly の YouTube チャンネルでビデオをご覧ください。

Shopifyページの種類

コンバージョンにつながるウェブストアを構築する予定であれば、これらの各 Shopify ページの使用方法をしっかりと理解しておく必要があります。嬉しいことに、Shopify ページを使用すると、アマチュアのウェブ デザインでもプロフェッショナルに見えます。

続きを読む:成功する Facebook 広告ランディング ページを作成するためのステップバイステップのチュートリアル

Shopifyホームページ

これはすべての Shopify ページの王様です。このページの見た目とパフォーマンスが良くないと、潜在的な顧客はあなたのサイトをさらに閲覧する前に逃げてしまうことは間違いありません。このため、Shopify はテーマ エディターを通じて Shopify ホームページのカスタマイズを最大限に可能にしました。すべてのテーマで各 Shopify ページのカスタマイズ度は異なりますが、柔軟性とパーソナライズの点で最も人気があるのはホームページです。このページをまずよく理解してください。これは将来の安定した売上への入り口となるからです。

これは Shopify テーマ エディターです。左側のカスタマイズ オプションは右側のライブ プレビューに表示され、ライブ ページに公開する前にすべての変更を保存する必要があります。各セクションをカスタマイズするオプションはテーマごとに異なるため、どのテーマがブランドに合っているかを判断し、Shopify ホームページに十分な時間を費やして、見栄えがよく、メッセージが伝わるようにすることが重要です。

詳細: Shopify ランディングページについて知っておくべきことすべて

Shopify コレクションページ

Shopify コレクション ページは、商品のカテゴリを整理する場所です。新しい販売者にとっては、最初は使いにくいかもしれません。なぜなら、Shopify 管理画面に「実際の商品」を入力し、その商品をコレクションに追加する必要があるからです。心配しないでください。以下に、コレクションを作成し、Shopify コレクション ページに確実に表示する方法についての簡単なガイドを示します。

コレクションを作成するには、「商品」>「コレクション」>「コレクションの作成」に進み、必要なフィールドに入力します。詳細については、Shopify コレクション ページの記事をご覧ください。コレクション ページの作成方法について詳しく説明しています。Shopify コレクション ページはテーマにも反応します。コレクション ページ自体の外観とは別に、基本的なグリッド形式またはコラージュ形式で商品を表示したり、コレクションの間隔や構成を調整したりするなど、いくつかの追加オプションを利用できる場合があります。

Shopify製品ページ

製品の表示からブログのセクションまで、さまざまな Shopify ページを作成するときは、サイトのパフォーマンスを監視することが重要です。 ページ サイズ チェッカーをルーチンに統合すると、各ページの速度が最適化され、顧客の全体的なショッピング エクスペリエンスが向上します。

商品ページに商品情報と価格だけが表示されていた時代は終わりました。Shopify の商品ページでは、素晴らしい画像、バリエーション、価格、事前に決められた配送重量/費用、説明などを使って商品をアピールできます。商品ページを最も効果的に使用することの価値と重要性については、これまでも広範囲にわたって記事を書いてきました。なぜなら、見落とされがちな可能性がたくさんあるからです。

製品ページは通常、顧客が購入を決定する前に最後に訪れる場所であることを忘れないでください。そのため、そこまで到達して失敗すれば、ビジネスに壊滅的な打撃を与える可能性があります。他のページと同様に、特定のテーマでは、テーマ エディターを使用して追加のカスタマイズを行うことができます。Shopify 製品ページにどのような選択肢があるかを知るには、以下の Brooklyn テーマをご覧ください。

標準のテーマ ページではデザイン機能がいかに制限されているかは明らかです。

Shopify 会社概要ページ

Shopify の会社概要ページは、いつも私の話題になります。なぜなら、訪問者に個人的なストーリーを共有することの重要性はいくら強調しても足りないからです。多くのマーチャントは、会社概要ページは従来のサイトに必須のものであり、必ずしもコンバージョン率やブランド ロイヤルティに貢献するものではないと考えています。

もちろん、これは完全に間違っています。現代では、人々は購入するブランドとのつながりを感じ、価値観も一致させたいと思っています。このため、Shopify の会社概要ページは、貴重な顧客にあなたが誰であるか、なぜそうしているのかを正確に伝えるのに最適な方法です。Shopify の会社概要ページの重要性に関する記事をご覧ください。それでもまだ納得できない場合は、実際にどれほど重要であるかを証明するデータをご覧ください。

Shopify ブログページ

コンテンツ マーケティングは、Web サイトにオーガニック トラフィックを誘導する基本的な方法です。これを実行する最良の方法は、ビジネスに価値を付加し、顧客の悩みを解消する、一貫性のある関連性の高いブログ記事を書くことです。

Shopify ブログ ページは、このようなマーケティング活動を整理するのに最適です。ブログ投稿は時系列順に簡単に整理でき、ページ自体にさまざまな方法で表示できます。Shopify を使用してブログ投稿を作成して公開するのも便利です。記事を SEO 向けに最適化し、見栄えを良くするのに役立つツールや機能が多数用意されているからです。

Shopify お問い合わせページ

サポートは、今日の電子商取引のもう 1 つの重要な側面です。しかし、顧客があなたに連絡できない場合、どのようにサポートできるでしょうか? Shopify のお問い合わせページがその解決策です。ストアにとって最も重要なページの 1 つが、コミュニケーションを促進し、顧客の信頼を築くShopify のお問い合わせページです。他の Shopify ページと同様に、お問い合わせページは連絡先情報と所在地のみに限定されるべきではありません。実際にこのページを利用して、ブランド ストーリーをさらに強化したり、FAQ を提供したり、メール サブスクリプションを収集したりすることができます。これらはすべて、Shopify のお問い合わせページの記事で詳しく説明されています。

これらの Shopify ページのカスタマイズは通常かなり制限されていますが、これを回避する方法があります (読み続けてください)。今のところは、ストックの Shopify コレクション ページが夢に描いたとおりのものでなくても落胆する必要はないとだけ言っておきます。

Shopify パスワード ページ (別名 Shopify 近日公開ページ)

このページには詳細な説明は必要ありませんが、新しい販売者にとってはイライラするかもしれません。 新しい Shopify ストアが作成されるたびに、自動的にパスワード保護されるため、誰かがストアの URL にアクセスすると、次のようなメッセージが表示されます。

これは、まだ開発中のストアを、まだ完成していない可能性のあるコンテンツに誰かがアクセスするのを防ぎ、ストアの品質に関する誤解を避けるためです。パスワード保護を解除するには、次の簡単な手順に従ってください。

オンラインストア > 設定 > パスワードを無効にするをクリックします。反対にするには、同じページを下にスクロールして「パスワードを有効にする」をチェックし、下のフィールドを使用してパスワードとして希望するものを選択します。

同じルールが他の Shopify ページにも適用されます。パスワード ページは 1 つの機能だけに限定されるべきではありません。メール登録フォームを追加したり、連絡を取るためのインセンティブを提供したり、カウントダウン要素などを配置して、ストアがついにオープンするときの緊迫感と興奮を演出したりできます。

続きを読む: Shopify パスワード ページを 3 つのステップで編集する方法

Shopify カートページ

このページでは、顧客は支払いに進む前に注文内容を確認できます。基本的には、チェックアウトまでの一時的なページです。

Shopifyチェックアウトページ

最後の Shopify ページ。とどめの一撃。あなたの人生で最も重要な瞬間は、まさにこのページに集約されています。実際はそうではありませんが、これは顧客が購入を完了する前に撤退できる最後のチャンスです。

続きを読む: Shopify ワンページチェックアウト: 知っておくべきこと

このため、ここで最も重要なのは機能性です。チェックアウトに問題があれば、売上はおさらばです。また、Shopify がチェックアウト ページを、テーマ エディターまたはコーディングによるカスタマイズのオプションがない唯一のページにしたのも、このためです。なぜこのようなことをしたのでしょうか。もちろん、熱心なユーザーがチェックアウトを「壊し」、悲惨な結果を招くことを心配しているからです。Shopify Plus のマーチャントはチェックアウト ページをカスタマイズできますが、他のすべてのサブスクリプションではできません。そのため、Shopify がスムーズなチェックアウト プロセスを保証してくれたことに感謝し、今のところ壊れていないのであれば修正しないことを受け入れましょう。

続きを読む: Shopify サンキューページをカスタマイズおよび編集する方法

Shopifyページをカスタマイズする方法

Shopify ページのカスタマイズ機能は非常に制限されているとどこかで聞いたり読んだりしたことがあるかもしれません。これは従来、パフォーマンスが損なわれないようにし、ストアの構築プロセスを簡素化するためでした。とはいえ、ここ数年でストアのデザインとエクスペリエンスを制御する機能は大きく進歩しました。

サードパーティ統合の登場により、完全にカスタマイズされたストアフロントの可能性が急上昇しました。Shopify ページをカスタマイズするための 2 つの主なオプションを見てみましょう。

続きを読む: Shopify配送ポリシーページを独自に構築する方法

Shopifyテーマ

テーマ エディターと Shopify ページのカスタマイズ方法については、すでに簡単に説明しました。ただし、新しいテーマを購入してストアにインストールする場所も知っておくことが重要です。Shopifyテーマ ストアにアクセスして参照するだけです。

では、前のセクションで何度も触れてきた Shopify テーマについて、さらに詳しく説明しましょう。基本的に、これらは Shopify マーチャントが有料と無料で利用できるテンプレートで、Shopify ストアに適用して外観と機能を変更します。これらのテーマはすべて、すべてのデバイスでレスポンシブであり、顧客にさまざまなエクスペリエンスを提供します。これで、フィルターまたは検索オプションがいくつか利用できるようになります。私の提案は、まず無料で並べ替えて、ストアに適している可能性のあるテーマをいくつか試すことです。

後は、気に入ったテーマをクリックして、必要に応じてデモを行い、「このテーマから始める」を選択するだけです。その後は、手順に従ってフィールドに入力し、テーマをストアに追加します。

次に、上記のように、Shopify 管理画面にアクセスします (オンライン ストア > テーマ > 右側のオプションからテーマを選択)。下の画像では、現在ストアに適用できるすべてのテーマを確認できます。

無料のテーマを試してみて、それがあなたのストアにどのような影響を与えるか、どのテーマが最も適しているかを正確に把握するのは素晴らしいことです。有料のテーマの場合、通常、より多くのオプションが提供され、特定の業界や目標に合わせて調整されることもあります。

Shopify アプリ

次の、そしてはるかに優れたオプションは、Shopify アプリ ストアのアプリを使用することです。これらは、マーチャントがサイトを制限なく制御するための最も貴重なツールです。この記事では、Shopify ページのカスタマイズに関する制限について何度か触れてきましたが、そろそろ解決策を提供する時期だと思います。はい、それでは解決策をご紹介します。

Shopify ランディング ページ アプリを使用して、特定のマーケティング キャンペーン、プロモーション、または顧客セグメントに対応するカスタム ランディング ページを作成し、Shopify ストアを強化して、ストアのパフォーマンスを向上させます。

PageFly Shopify ページビルダー

Pagefly は、先ほど述べた問題、つまり販売者がShopify ページをカスタマイズするオプションが少なすぎるという問題を解決するために設計されました。このアプリは、すべての Shopify ページを完全に制御し、Shopify とシームレスに統合します。言葉だけでその可能性をすべて説明するのは難しいので、以下に Pagefly を使用して構築された Shopify ページの例をいくつか示します。

ps PageFly は、PluginHive によって最高の Shopify アプリの 1 つに選ばれました。

PageFly Shopifyページビルダーのインストール方法

Shopify アプリ ストアで PageFly を検索するか、上記のリンクのいずれかをクリックしてください。ここから「アプリを追加」をクリックし、ドメインを入力します。アプリがインストールされたら、Shopify 管理画面でアプリに移動するだけで済みます。

そこからは、新しいページを作成し、アプリの使い方を学ぶだけです。詳細については、Pagefly アプリのインストール方法に関するビデオをご覧ください。さらに詳しくは、アプリを使用して各タイプの Shopify ページを作成する方法に関する Udemy コースをご覧ください。この記事に含まれる短いビデオでは、Shopify テーマ エディターと Pagefly の機能の違いについて簡単に説明します。可能性の大きな違いがわかれば、Shopify ページが真に輝くためには、ネイティブ テーマ エディターだけでは不十分だということにきっと同意していただけるでしょう。

Shopifyエキスパートとその他のリソース

Shopify ページをカスタマイズする最後のオプションは、Shopify エキスパートを雇うことです。これらは、Shopify インフラストラクチャに精通した代理店やフリーランサーであり、特にカスタム コードを使用して在庫システムでは利用できない機能を追加することで、Shopify ページに高度なパーソナライゼーションを提供できます。Shopify エキスパートを使用することの欠点は、費用が高くなる可能性があることです。これは、販売者が手頃な価格で簡単にストアを立ち上げられるようにするという Shopify の精神に反します。このため、e コマースの経験があり、必要なものと期待するものを正確に指示できる場合にのみ、Shopify エキスパートを使用することをお勧めします。これにより、Shopify エキスパート サービスを最も効率的に使用して、Shopify ページを最大限に活用できます。