お知らせバーを追加する
オンラインストアにお知らせバーを追加して、以下のようなビジネスに関する重要なお知らせを目立たせることができます。
- 配送の遅延や、海外発送に対応していない地域
- 新規または更新されたポリシーページ
- セールや新しいギフトカードなど、現在実施中のプロモーション
テーマによっては、お知らせバー機能が組み込まれているものもあれば、お知らせバーを表示するためにアプリをダウンロードする必要があるものもあります。
テーマにお知らせバー機能があるかどうかを確認する
テーマにお知らせバー機能があるかどうかを確認するには、以下のいずれかの方法を使用します。
- オンラインストア > テーマに移動し、テーマを編集をクリックします。お使いのテーマに告知バーがある場合、テーマエディタのセクションリストまたはヘッダー設定内に告知バーが表示されます。
- テーマのドキュメントを参照してください。
- テーマの開発者にお問い合わせください。Shopifyがサポートしているテーマを使用している場合は、Shopify サポートにお問い合わせください。
テーマに告知バーの組み込み機能がある場合は、テーマのドキュメントの手順に従ってオンラインストアに追加してください。
お使いのテーマに告知バー機能が搭載されていない場合、または組み込み機能に希望する設定がない場合は、バナーアプリをダウンロードすることができます。
お知らせバーを追加する
テーマに設定できる告知バーセクションは1つのみですが、告知バーには最大12個の告知ブロックを追加できます。
手順：
管理画面から、オンラインストア > テーマの順に移動します。
カスタマイズするテーマの横にあるテーマを編集をクリックします。
告知バーセクションで、告知を追加をクリックします。
テキストフィールドに、告知テキストを入力します。
任意：リンクフィールドをクリックし、次のいずれかを行います。
- URL を入力してお客様を特定の場所に誘導します。
- ドロップダウンメニューを使用して、オンラインストアからページを選択します。
[保存] をクリックします。
告知バーの編集
告知バーをカスタマイズするには、3つの異なる方法があります。
- スタイル：配色を選択して、告知バーの背景色とテキストの色を変更します。
- 機能：言語セレクター、国/地域セレクター、SNS アイコンを告知バーに追加します。
- アニメーション：複数の告知を追加します。告知を自動でローテーションさせるか、お客様がシェブロンボタンを使用して手動で告知を切り替えられるようにするかを選択します。
手順：
管理画面から、オンラインストア > テーマの順に移動します。
カスタマイズするテーマの横にあるテーマを編集をクリックします。
告知バーセクションをクリックします。
任意：ドロップダウンメニューから、使用する配色を選択します。
任意：区切り線を追加するには、区切り線を表示するを選択します。
任意：告知バーに SNS アイコンを追加するには、デスクトップにアイコンを表示するを選択します。
任意：複数の告知があり、それらを自動でローテーションさせる場合は、次の手順を実行します。
- 告知を自動で切り替えるを選択します。
- スライドを切り替える間隔のスライダーで、告知がローテーションする頻度を選択します。
⋮⋮アイコンをクリック&ドラッグして、告知の順序を並べ替えます。
任意：告知バーに国/地域セレクターを追加するには、国/地域セレクターを有効にするを選択します。
任意：告知バーに言語セレクターを追加するには、言語セレクターを有効にするを選択します。
[保存] をクリックします。
告知バーの非表示または削除
オンラインストアに表示したくない告知バーは、非表示にするか削除することができます。告知バーを非表示にすると、オンラインストアには表示されなくなりますが、削除はされません。非表示にした告知バーは、後で再び表示させることができます。告知バーを削除する操作は恒久的で、元に戻すことはできません。
手順：
デスクトップ
管理画面から、オンラインストア > テーマの順に移動します。
編集するテーマを探し、テーマを編集をクリックします。
告知バーのトグルをクリックして、告知バーのリストを表示します。
次のいずれかの方法で、告知バーを削除します。
- 告知バーを非表示にするには、告知ブロックにマウスポインターを合わせ、目のアイコンをクリックします。
- 告知バーを削除するには、削除する告知バーをクリックしてから、ブロックを削除をクリックします。
[保存] をクリックします。
モバイル
Shopify アプリから、
アイコンをタップします。販売チャネルセクションで、オンラインストアをタップします。
すべてのテーマを管理をタップします。
編集するテーマを探し、テーマを編集をタップします。
編集をタップします。
告知バーのトグルをタップして、告知バーのリストを表示します。
次のいずれかの方法で、告知バーを削除します。
- 告知バーを非表示にするには、告知ブロックにマウスポインターを合わせ、目のアイコンをタップします。
- 告知バーを削除するには、削除する告知バーをタップしてから、ブロックを削除をタップします。
[保存] または [✓] をタップします。
告知バナーアプリをダウンロードする
- Shopify App Storeに移動します。
banner messageまたはannouncement barを使用してアプリを検索します。- アプリをクリックして、アプリのリスティングページを表示します。
- アプリの詳細を確認して問題がなければ、アプリを追加をクリックします。
ストアにバナーを追加するには、アプリのインストール手順と、アプリ開発者が提供するドキュメントの指示に従ってください。