← 一覧へ

オレンジの枠が「お知らせバー」です。薄い部分は、まわりの部品のイメージです。

ページの最初ネットショップお店会社LPあると便利

お知らせバー

Announcement Bar

ページの一番上の細い帯に、「送料無料」「年末年始のお休み」などの短いお知らせを出すもの。

別名告知バートップバーインフォメーションバー

入れるもの

  • ひと言のお知らせ(1行)
  • 詳しいページへのリンク
  • 閉じるボタン(あれば)

作るときのコツ

  • 1行で読める長さにする
  • 期間が終わったら必ず消す
  • 目立つが、うるさくない色に

どこで使われている?

よく見かける場所
ネットショップ、お店のホームページ
使うとよい場面
セール・送料無料・休業日など、全員に知らせたいことがあるとき
いらない・注意する場面
伝えることがないのに常に出しておくこと

似ている部品との違い

AIへの指示文

LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。

商品・サービスを宣伝する1ページのLP(ランディングページ)に、「お知らせバー(Announcement Bar)」のセクションを作ってください。

内容:ページの一番上に、高さの低い細い帯を置き、中央に「全品送料無料キャンペーン中」のような1行のお知らせと詳細リンク、右端に閉じるボタンをつける。

入れるもの:ひと言のお知らせ(1行)/詳しいページへのリンク/閉じるボタン(あれば)
気をつけること:1行で読める長さにする/期間が終わったら必ず消す/目立つが、うるさくない色に

スマホでも見やすいように、画面が狭いときは縦に並べてください。