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

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

Shopチャネルはオンラインストアのブランドアセットと自動的に同期され、ロゴ、カバー画像、ストアの背景、ストアの説明、ストアポリシーなど、Shopに特定の情報が表示されます。

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ピクセルです。

手順

  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. [保存] をクリックします。

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

無料体験を試す