告知バーを追加する

このページはDec 02, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/customizing-themes/add-announcement-bannerをご覧ください。

オンラインストアには、告知バーを追加して、ビジネスに関する以下の情報などの重要情報を強調することができます。

  • 配送の遅延が発生している、または国際発送を受け付けていない地域
  • 新しいポリシーまたは更新されたポリシーのページ
  • セールや新しいギフトカードなど、その時に提供されているプロモーション

一部のテーマには告知バー機能が組み込まれますが、告知バーを表示するためにアプリのダウンロードが必要なテーマもあります。

目次

使用しているテーマに告知バー機能が含まれているか確認する

テーマに告知バー機能が組み込まれているかどうかを確認するには、以下のいずれかの方法を使用します。

  • [オンラインストア] > [テーマ] に移動し、[カスタマイズ] をクリックします。使用しているテーマに告知バーが組み込まれている場合、セクションのリストか「ヘッダー」設定内に [告知バー] が表示されます。
  • テーマのドキュメントを確認します。Shopifyでサポートされているテーマを使用している場合は、「Shopifyの無料テーマ」を参照してください。
  • テーマの開発者に問い合わせます。Shopifyでサポートされているテーマを使用している場合は、Shopifyサポートにお問い合わせください。

テーマに告知バー機能が組み込まれている場合、テーマのドキュメントを参照してオンラインストアに告知バーを追加します。Shopifyでサポートされているテーマを使用している場合は、「Shopifyの無料テーマ」を参照してください。

テーマに告知バー機能がない場合や、組み込まれた機能に必要な設定が含まれていない場合は、バナーアプリをダウンロードできます。

告知バーを追加する

テーマには1つの告知バーセクションしか追加できませんが、告知バーには最大12個の告知ブロックを追加できます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. カスタマイズするテーマの横の [カスタマイズ] をクリックします。
  3. [告知バー] セクションの [告知を追加する] をクリックします。
  4. [テキスト] フィールドに告知テキストを入力します。

  5. オプション: [リンク] フィールドをクリックし、次のいずれかの操作を行います。

    • URLを入力して、お客様を特定のページにリダイレクトします。
    • ドロップダウンメニューからオンラインストアのページを選択します。

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

告知バーを編集する

告知バーをカスタマイズするには、3つの方法があります。

  • スタイル：告知バーの背景とテキストの配色を変更するカラースキームを選択します。
  • 機能：告知バーに言語セレクター、国/地域セレクター、およびSNSのアイコンを追加します。
  • アニメーション：複数の告知を追加します。複数の告知を自動で入れ替えるようにするか、お客様がシェブロンボタンを使用して手動で告知を切り替えるようにするかを選択します。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. カスタマイズするテーマの横の [カスタマイズ] をクリックします。
  3. [告知バー] セクションをクリックします。
  4. 任意：告知バーに言語セレクターを追加するには、[言語セレクターを有効にする] を選択します。
  5. 任意：告知バーに国/地域セレクターを追加するには、[国/地域セレクターを有効にする] を選択します。
  6. 任意：告知バーにSNSのアイコンを追加するには、[デスクトップのアイコンを表示する] を選択します。

  7. 任意：複数の告知があり、自動で入れ替える場合は、以下の手順を実行します。

    1. [告知の自動切り替え] を選択します。
    2. [スライドを変更する間隔] スライダーで、告知バーの切り替え間隔を選択します。
    3. [⋮⋮] アイコンをドラッグして、告知の順序を変更します。

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

告知バーを非表示にする、または削除する

オンラインストアに表示したくない告知バーを非表示にするか、削除することができます。告知バーを非表示にすると、告知バーは削除されることなくオンラインストアに表示されなくなるので、非表示を解除してオンラインストアに再び表示させることができます。告知バーを削除すると、完全に削除され元に戻すことはできません。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  3. [告知バー] の切り替えボタンをクリックして、告知バーのリストを表示します。

  4. 次のいずれかの方法で告知バーを削除します。

    • 告知バーを非表示にするには、告知ブロックにマウスのカーソルを合わせて、目のアイコンをクリックします。
    • 告知バーを削除するには、削除する告知バーをクリックし、[ブロックを削除] をクリックします。

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

  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [すべてのテーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  6. [告知バー] の切り替えボタンをクリックして、告知バーのリストを表示します。

  7. 次のいずれかの方法で告知バーを削除します。

    • 告知バーを非表示にするには、告知ブロックにマウスのカーソルを合わせて、目のアイコンをクリックします。
    • 告知バーを削除するには、削除する告知バーをクリックし、[ブロックを削除] をクリックします。

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

  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [すべてのテーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  6. [告知バー] の切り替えボタンをクリックして、告知バーのリストを表示します。

  7. 次のいずれかの方法で告知バーを削除します。

    • 告知バーを非表示にするには、告知ブロックにマウスのカーソルを合わせて、目のアイコンをクリックします。
    • 告知バーを削除するには、削除する告知バーをクリックし、[ブロックを削除] をクリックします。

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

告知バナーアプリをダウンロードする

  1. Shopify App Storeに移動します。
  2. banner messageまたはannouncement barを使用してアプリを検索します。
  3. アプリをクリックして、アプリのリストページを表示します。
  4. アプリの詳細に問題がなければ、[アプリを追加] をクリックします。

ストアにバナーを追加するには、アプリのインストール手順とアプリ開発者のドキュメントに従います。

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

無料体験を試す