Shopストアをカスタマイズする

このページはDec 07, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-sales-channels/shop/customizeをご覧ください。

管理画面のShop販売チャネルのストア詳細を変更すると、Shopに表示される情報を更新できます。また、ストア情報を更新したり、Shopストアに商品のコレクションが表示される順序を変更したりすることもできます。

目次

Shopストアの詳細を編集する

Shopチャネルの [ストアの詳細] セクションで、ストアのプロフィール、アバター、連絡先情報を編集できます。

Shopストアの以下の連絡先情報とSNSのリンクを更新できます。

  • 連絡先URL
  • email
  • 電話番号
  • ビジネスの住所
  • Instagram、Facebook、Pinterest、YouTube、Twitterのソーシャルリンク

手順

  1. 管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。

  2. [アプリと販売チャネル] ページで、[Shop] をクリックします。

  3. [販売チャネルを開く] をクリックします。

  4. [ストア] セクションで [詳細を編集] をクリックします。

  5. ストアの詳細を更新するには、以下のいずれかの手順を実行します。

    • [ストアのプロフィール] セクションで、ストアの説明を更新します。
    • [ストアのアバター] セクションで、[変更] をクリックしてアバターの新しい画像をアップロードします。
    • [連絡先とソーシャルメディア] セクションで、連絡先情報またはソーシャルリンクを更新します。
    • 管理画面に戻ってストアポリシーを編集するには、[ストアポリシー] セクションで、[ポリシーを管理] をクリックします。

  6. [保存] をクリックします。

Shopストアの告知バナーを編集する

ストアで有効な自動ディスカウントが利用可能な場合、告知バナーがShopストアのホームページに自動的に表示されます。告知バナーを編集するには、自動ディスカウントを無効にしてから、新しいディスカウントを作成する必要があります。

Shopチャネルを使用して、ロゴ、背景、スローガンなど、Shopストアのホームページのヘッダーを更新することができます。

ロゴ画像の要件

ヘッダーコンテンツの解像度を最適化するには、ヘッダーに追加するロゴ画像が以下の要件を満たしている必要があります。

  • ロゴ画像ファイルはSVG、PNG、またはWEBP形式で、透明にする必要があります。
  • 画像の最小幅は512ピクセルです。
  • 画像は正方形にする必要があります。

背景メディアの要件

画像、GIF、ビデオなどの背景メディアをヘッダーに追加する場合は、ファイルが以下の要件を満たすようにしてください。

  • 画像ファイルのサイズは15MB未満で、WEBP、PNG、JPG、またはGIFのフォーマットである必要があります。
  • ビデオファイルのサイズは32MB未満で、長さは10秒以内、MP4かMOV形式である必要があります。
  • すべての背景メディアタイプの必須サイズは1080 x 1170ピクセルです。

Shopストアのヘッダーを編集する

  1. 管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。

  2. [アプリと販売チャネル] ページで、[Shop] をクリックします。

  3. [販売チャネルを開く] をクリックします。

  4. [ストア] セクションで [カスタマイズ] をクリックします。

  5. ページ上部にあるドロップダウンメニューから [Shopストアのホーム] を選択します。

  6. [ヘッダー] をクリックし、次の変更を行います。

    • Shopストアに表示されるロゴを変更するには、[ロゴ] セクションで [画像を選択する] をクリックするか、画像をドラッグ&ドロップしてファイルをアップロードします。
    • Shopストアの背景として画像、GIF、またはビデオを使用するには、[背景] セクションで [メディア] をクリックし、[画像またはビデオを選択する] をクリックするか、画像またはビデオをドラッグ&ドロップしてファイルをアップロードします。ファイルを更新した後、[オーバーレイ強度] スライダーを使用してメディアのコントラストを調整します。
    • 背景、ボタン、アクセントのプライマリカラーを変更するには、[背景] セクションで [色] をクリックし、カラーピッカーから色を選択します。
    • Shopストアのヘッダーにブランドの説明を1行で追加するには、[スローガン] セクションで、80文字までのスローガンをテキストボックスに書き込みます。

  7. [保存] をクリックします。

Shopストアのコレクションを編集する

Shopストアのコレクションを編集して、Shopで利用可能なコレクションを管理することができます。最大5つのコレクションリストを追加できます。各コレクションリストには最大10個のコレクションを含めることができます。コレクションリストにコレクションを追加した後、そのコレクションを別のコレクションリストに追加することはできません。Shopに表示するには、コレクションには表紙画像が必要です。

手順

  1. 管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。

  2. [アプリと販売チャネル] ページで、[Shop] をクリックします。

  3. [販売チャネルを開く] をクリックします。

  4. [ストア] セクションで [カスタマイズ] をクリックします。

  5. ページ上部にあるドロップダウンメニューから [Shopストアのホーム] を選択します。

  6. [コレクションリスト] セクションで 、編集するコレクションリストをクリックし、次のいずれかの変更を行います。

    • コレクションリストの見出しを編集するには、[見出し] フィールドに新しい見出しを入力します。
    • コレクションリストに表示されるコレクションを編集するには、[コレクションリストを編集する] をクリックし、含めるコレクションを選択します。
    • コレクションリストの順序を変更するには、⋮⋮ アイコンをクリックしてからドラッグして、リスト内の特定の位置にコレクションを移動します。
    • コレクションリストに表紙画像を追加するには、コレクションをクリックし、[画像を選択する] をクリックするか、画像をドラッグ&ドロップしてファイルをアップロードします。
    • コレクションリストまたはコレクションを削除するには、[ごみ箱] アイコンをクリックします。

  7. [保存] をクリックします。

Shopストアのメニューを編集して、Shopストアのナビゲーションメニューに表示されるコレクションを更新できます。メニューには最大12個のコレクションを追加できます。

手順

  1. 管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。

  2. [アプリと販売チャネル] ページで、[Shop] をクリックします。

  3. [販売チャネルを開く] をクリックします。

  4. [ストア] セクションで [カスタマイズ] をクリックします。

  5. ページ上部にあるドロップダウンメニューから [Shopストアのホーム] を選択します。

  6. [メニュー] > [メニューリストを編集する] をクリックします。

  7. 次のいずれかの方法でメニューをカスタマイズします。

    • 利用可能なコレクションをメニューに追加するには、リストからコレクションを選択します。
    • メニューからコレクションを削除するには、リストからコレクションの選択を解除します。

  8. [保存] をクリックします。

Shopストアの絞り込みをカスタマイズする

Shopify Search & Discoveryアプリを使用してオンラインストアにカスタムの絞り込みを追加すると、それらの同じ絞り込みがShop上のShopストアに自動的に同期されます。これにより、お客様は、Shopストアのコレクションページや検索結果に表示される商品を絞り込むことができます。

ストアの絞り込みは自動的に同期されるため、オンラインストアとShopストアに対して異なる絞り込みを設定することはできません。ストアで絞り込みを追加および編集する方法はこちらをご覧ください。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す