The お知らせバー is the most under-optimized real estate on most Shopify ストアs. It sits at the very top of every page, visible to 100% of visitors before they see a single product — yet most merchants set it once and forget it, displaying the same generic message for months regardless of what promotions are running. A strategically managed お知らせバー is one of the simplest, highest-leverage changes you can make to your ストア's コンバージョン率, and this guide covers everything you need to get it right.
1. お知らせバー Types
Announcement bars come in two fundamental display formats, each suited to different use cases and message types.
Static お知らせバー
A static bar displays a single, non-moving message. It is simple, readable, and requires no animation budget. Static bars are best when you have one dominant, always-on message — your 送料無料 threshold, your brand promise, or a single permanent 信頼 signal. The advantage is clarity: the visitor sees one message and immediately understands it. The disadvantage is that a single message may not address all of the key objections or opportunities your ストア has to communicate.
Rotating / Marquee お知らせバー
EA お知らせバー data shows that rotating multi-message bars with 5-second intervals achieve 30% higher click-through rates than static single-message bars. A rotating bar cycles through 2–4 messages, either by automatic rotation (changing every 4–6 seconds) or as a scrolling marquee (text scrolls continuously across the bar). Rotating bars allow you to communicate multiple value propositions — 送料無料 threshold, active sale, 信頼 signals, new arrivals — within the same bar real estate. The trade-off is that any individual message gets less attention because the visitor may not be looking at the bar when their most relevant message appears.
ベスト practice: For ストアs with two or more active promotional messages, a rotating bar with 3–4 messages outperforms a static bar on overall engagement. For ストアs with a single dominant コンバージョン driver (送料無料), a static bar is cleaner and more effective.
2. ベスト Messages to Show
The お知らせバー message is the most visible copy on your ストア. It needs to be short, specific, and action-oriented. Here are the message types that drive the best results, ranked by コンバージョン impact:
送料無料 Threshold
This is the highest-converting お知らせバー message for most ecommerce ストアs. "無料 shipping on orders over $50" directly addresses the #1 reason for カート放棄 (unexpected shipping costs) before the visitor even sees the チェックアウト page. When combined with a カート progress bar showing how close the visitor is to the threshold, this message can increase 客単価 by 10–20%.
ベスト copy formats: "無料 shipping on orders $50+" | "無料 US shipping over $75" | "Spend $60, ship free"
Active Sale or 割引
Merchants using EA お知らせバー see the highest click-through rates (8-12%) when combining a 割引 code with urgency text.
During promotional periods, the お知らせバー should reflect the active offer. "20% off sitewide — ends Sunday midnight" tells visitors immediately that there is a meaningful reason to buy today rather than browsing and returning later. The deadline element ("ends Sunday") adds urgency that a generic "20% off" message lacks.
ベスト copy formats: "フラッシュセール: 25% off everything — 24 hours only" | "ブラックフライデー Sale — 30% off sitewide, 送料無料" | "Weekend deal: 15% off + free gift on orders $80+"
New Arrivals or Back in Stock
For ストアs with loyal repeat 顧客, お知らせバーs about new product drops or restock notices drive high-intent clicks. Repeat 顧客 who love your brand are often the first to check new arrivals — an お知らせバー that says "New summer collection just dropped" gives them an immediate reason to browse.
信頼 Signals
A ソーシャルプルーフ announcement — "4.9 stars from 2,400+ verified reviews" or "信頼ed by 50,000 顧客" — reduces new visitor hesitancy and supports the purchase decision. 信頼 signal bars work especially well for ストアs advertising to cold トラフィック who have no prior experience with the brand.
季節の Urgency
During the holiday season, shipping deadline messages ("Order by Dec 18 for Christmas delivery") are the most relevant information for gift buyers. Displaying the cutoff date prominently in the お知らせバー reduces the #1 gift-buying anxiety: will it arrive on time?
3. Design ベストプラクティス
A well-designed お知らせバー is visible, readable, and on-brand. A poorly designed one blends into the header or feels visually disconnected from the rest of the ストア.
Color and Contrast
The bar must contrast visually with the navigation header directly below it. A dark header needs a lighter bar color, or the bar needs to be distinctly different enough in shade to create separation. High-contrast combinations that work well: white text on black, yellow text on deep purple, white text on your primary brand color. During sale events, red or orange bars create strong urgency associations and naturally draw the eye.
Text Length and Font Size
Stick to 60 characters or fewer per message. On a 375px mobile screen — the minimum standard for Shopify themes — longer text wraps awkwardly or requires font sizes too small to read comfortably. The ideal お知らせバー font size is 13–15px on mobile and 14–16px on desktop. Never use a font size smaller than 12px in a bar meant to communicate important information.
CTA Link
When appropriate, make the bar clickable with a destination link. "Shop the sale" linked to your sale collection, or "View new arrivals" linked to the latest collection, gives motivated visitors a direct path to the relevant products. Bars with CTA links consistently have higher click-through rates than non-linked bars because they provide a clear next action.
Dismissability
Including an X button to dismiss the bar gives visitors control and reduces annoyance for those who have already seen and understood the message. However, for critical information (sale deadline, shipping cutoff), a non-dismissable bar ensures 100% of visitors see the message on every page. Choose based on message urgency: non-dismissable for critical deadlines, dismissable for ongoing offers.
4. Scheduling for 季節の Events
One of the most valuable features of a dedicated お知らせバー app is the ability to schedule messages in advance. Rather than manually changing your bar copy the morning of ブラックフライデー, you can configure your entire promotional calendar in advance and let the app switch messages automatically.
A typical Q4 お知らせバー schedule might look like:
- いいえv 1–20: "Early holiday shopping — 送料無料 on orders $50+"
- いいえv 21–27 (ブラックフライデー week): "ブラックフライデー Sale: 30% off + 送料無料 — limited time"
- いいえv 28–Dec 1 (Cyber Monday): "Cyber Monday: Extra 10% off with code CYBER10"
- Dec 2–15: "無料 gift wrapping on all orders | Order by Dec 18 for Christmas delivery"
- Dec 16–23: "Last call! Order today for guaranteed Christmas delivery"
- Dec 24–Jan 1: "Happy holidays! Gift cards available for instant delivery"
- Jan 2–31: "New Year Sale: 20% off sitewide — shop fresh picks"
Pre-scheduling eliminates execution errors during the highest-トラフィック and highest-stress period of the retail calendar. It also ensures that your bar messaging is always relevant — there is nothing worse than a "ブラックフライデー Sale" お知らせバー still running in January.
5. Measuring Click-Through Rates
Most merchants never measure their お知らせバー's performance. They set a message, assume it is working, and miss the opportunity to optimize one of the highest-visibility elements on their ストア.
Key metrics to track:
- Click-through rate (CTR): The percentage of visitors who click a linked bar message. A good CTR for a promotional bar is 3–8%. A CTR below 2% suggests the message is not compelling enough or the link destination is not relevant.
- 売上 attributed to bar clicks: If your bar links to a sale collection, track how much 売上 comes from visitors who clicked through the bar vs. those who found the sale collection another way. Use UTM parameters on the bar link (e.g., ?utm_source=announcement-bar).
- AOV for visitors who saw the 送料無料 bar: Compare the 客単価 of sessions where the 送料無料 bar was visible vs. baseline. If the bar is successfully pushing shoppers above the threshold, AOV should be measurably higher.
Even without a linked bar, you can A/B test messages by running different copy for one week each and comparing your ストア's overall コンバージョン率 and AOV during each period. The bar affects all トラフィック so its lift (or lack thereof) will show in your aggregate metrics.
6. Pairing With Other コンバージョン ツール
The お知らせバー is most powerful when it works as part of a coordinated on-site コンバージョン system. Each tool reinforces the others:
お知らせバー + カウントダウンタイマー
The bar communicates the offer ("Sale ends in...") and the カウントダウンタイマー on the 商品ページ provides the specific seconds-remaining urgency. Together, they create a persistent reminder of the deadline from the moment the visitor enters the ストア to the moment they are considering a specific product.
お知らせバー + 送料無料バー
The お知らせバー tells visitors the 送料無料 threshold exists. The 送料無料 bar in the カート or on 商品ページs shows their real-time progress toward it. This two-touchpoint approach — awareness (お知らせバー) followed by progress (shipping bar) — is one of the most reliable AOV-boosting implementation patterns in Shopify.
お知らせバー + スピンホイール ポップアップ
The お知らせバー can tease the スピンホイール: "Spin to win 割引 up to 30% off" sets expectations before the ポップアップ fires. Visitors who have been primed by the bar message are more likely to engage with the ポップアップ when it appears, because they have already seen the offer and felt curiosity about it.
A fully coordinated コンバージョン stack — お知らせバー communicating the sale, カウントダウンタイマー creating urgency, スピンホイール capturing emails, and 送料無料 bar increasing AOV — operates as a cohesive system where each element supports the others rather than competing for attention. Building this stack deliberately, with consistent messaging across all four touchpoints, is how top-performing Shopify ストアs achieve コンバージョン率s significantly above the 2.9% industry average.