Home Announcement Bars/Banners

Announcement Bars/Banners

Support
By Support
• 17 articles

How to set up the announcement bar?

✅ Step 1: Open the Hoppy Announcement App 1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement Bar. 2️⃣ In the Content tab, choose the Announcement type you want to display (e.g., Simple announcement, Running line announcement, Multiple rotating announcements).​ 3️⃣ Set Start & End Date ⏳ for the announcement bar ✅ Step 2: Customize Your Announcement Bar 4️⃣ Enhance Your Announcement Bar 📢 Enter Your Message - Add text for promotions, offers, or updates. 🎨 Customize the Look & Feel - Change font size, colors, and styles to match your brand. 🔗 Add a Call-to-Action (CTA) Button (Optional) - Enter a link (e.g., product page, offer page) to direct customers. 5️⃣ Now, go to the Design tab to customize the announcement bar. - Select a color template, change the background, change Border styles, adjust the font, and modify button colors, and add animation style. ✅ Step 3: Navigate to the Placement tab 6️⃣ Choose where you want the announcement bar to be displayed. Here, you will see three options at the top: - Time-on-Site Targeting ⏳ – Choose from the dropdown to either "Always Show" or "Show After a While" when a visitor arrives on your website. - Select a Display Position 📍 – Choose where to display the announcement bar on your website from the dropdown. - Select Pages to Display the Bar 📄 – Choose which pages should show the announcement bar using the dropdown. ✅ Step 4: Publish and Verify the Announcement Bar. 7️⃣ Click Save & Publish 💾 to activate the announcement bar. 8️⃣ Refresh your store to ensure it displays correctly. 9️⃣ If necessary, return to the Hoppy Announcement Bar app and make adjustments. 🎉 That’s it! Your announcement bar is now live! 🚀

Last updated on Oct 18, 2025

How to add custom CSS styles to announcement bars/banners?

✅ Step 1: Open the Hoppy Announcement App 1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement Bar. 2️⃣ Navigate to the Design tab and scroll down to locate the Custom CSS box. ✅ Step 2: To Create the Boilerplate (Base Structure) 3️⃣ Start by targeting the Shopify announcement bar with the following selector: .futureblink-announcement-bar { /* This is the main announcement bar */ } ✅ Step 3: To Add Background Styling 4️⃣ Set a background color for the announcement bar: .futureblink-announcement-bar { background: Purple; } - You can replace Purple with any color based on user preferences. ✅ Step 4: To Customize Font, Size & Text Color 5️⃣ To ensure the text looks clean and readable, apply the following styles: .futureblink-announcement-bar .title { color: white; font-size: 16px; font-family: 'Arial', sans-serif; font-weight: bold; text-align: center; } - Modify the color, font-size, and font-family values to match your brand. - For paragraph text inside the announcement bar: .futureblink-announcement-bar p { color: whitesmoke; } - For links inside the announcement bar: .futureblink-announcement-bar a { color: Yellow; text-decoration: none; } ✅ Step 5: To Style the Call-to-Action (CTA) Button 6️⃣ If the announcement bar includes a CTA button, style it properly: .futureblink-announcement-bar .cta-button { background: green; color: yellow; font-size: 14px; font-weight: bold; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; display: inline-block; } ✅ Step 6: To Style the Close Button 7️⃣ If the announcement bar has a close button, apply the following style: .futureblink-announcement-bar .close-btn { color: yellow; cursor: pointer; } ✅ Step 7: To Style Navigation Arrows 8️⃣ If the announcement bar has navigation arrows, use these styles: .futureblink-announcement-bar .arrow { color: orange; } .futureblink-announcement-bar .button-prev { background: white; } .futureblink-announcement-bar .button-next { background: black; } ✅ Step 8: To Apply Complete Custom CSS .futureblink-announcement-bar { background: linear-gradient(green,aqua); } .futureblink-announcement-bar .title { color: white; background: transparent; } .futureblink-announcement-bar .subheading{ color: white; background: transparent; } .futureblink-announcement-bar .cta-button{ background: black; color: white; } .futureblink-announcement-bar .close-btn{ color: black; } .futureblink-announcement-bar .arrow{ color: white; } .futureblink-announcement-bar .button-prev{ background: black; } .futureblink-announcement-bar .button-next{ background :black; } ✅ Step 9: Save & Publish 9️⃣ Click Apply and then Save to confirm your changes. 🔟 Refresh your store to check how it looks! 🎉 That’s it! Your announcement bar now has a custom style to match your brand! 🚀

Last updated on Oct 18, 2025

Announcement Bar is not showing on my store [Fixed]

✅ Step 1: Ensure Your Announcement Bar is Created & Published 1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement bar app. 2️⃣ Check if you have created an announcement bar and ensure it is set to Published. ✅ Step 2: Enable App Embed in Theme Editor 3️⃣ For the announcement bar to appear on your store, you must enable the App Embed feature in the Shopify Theme Editor. 🔹 How to Enable App Embed: - Go to Shopify Admin → Online Store → Themes. - Click Customize on your active theme. - In the left menu, click on App Embeds (⚙️settings icon at the bottom). - Find the Announcement bar and toggle it ON. - Click Save in the top right corner. 💡 Tip: If the toggle was already ON, try turning it OFF and then back ON to refresh the settings. ✅ Step 3: Using a Custom Theme? 4️⃣ If you are using a custom theme, you will need to add the Announcement bar as a Block or Code. To manually add it: - Open your Theme Editor (Online Store → Themes → Customize) and navigate to the Sections or Blocks panel. - Look for an option to Add Section or Add Block, select Hoppy Announcement Bar, position it where you want it to appear, and click Save. - Once the app block is added, please verify that the announcement ID is entered**.** ✅ Step 4: Check Geolocation Settings 5️⃣ Ensure the geolocation settings are not restricting the bar from appearing in your country. To check: - Open the Hoppy Announcement Bar app and navigate to the Placement tab. - Scroll down to the Geolocation Targeting settings and ensure your country is included in the list of allowed locations. ✅ Step 5: Check Scheduling Settings 6️⃣ Make sure to check if the announcement bar is scheduled for a future date instead of being live immediately. To Check: - Open the Hoppy Announcement Bar app and navigate to the Content tab. - Scroll down to locate the Scheduling option. Check the Start Date and End Date settings. - If the Start Date is set to a future time, change it to Right Now to display immediately. If the End Date has expired, update it or remove the restriction. - Click Save. ✅ Step 6: Check the “Allowed UTM Sources” Section 7️⃣ The Announcement Bar will only show when the visitor comes from a selected source, like Facebook, Instagram, Twitter, Google, or others via a UTM-tagged link. - Open the Hoppy Announcement Bar app and click on the "Placement" tab. - Scroll to the section titled "Allowed UTM Sources". - Based on the checkmarks next to the platforms (e.g., ✅ Facebook, ✅ Instagram) in the 'Allowed UTM Sources' section, when a visitor lands on your store from one of those platforms, the Announcement Bar will appear. ✅ Step 7: Hard Refresh Your Page 8️⃣ If all else looks good, try to hard refresh the page. - Windows: Press Ctrl + Shift + R - Mac: Press Cmd + Shift + R ✅ Step 8: Check for Theme Styling Conflicts 9️⃣ Your Shopify theme's custom CSS might be overriding the announcement bar. To check: - Open the Hoppy Announcement Bar app, go to the Design tab, change the background or text color, then save and refresh your store. - If the issue persists, contact your theme developer or tech team to resolve CSS conflicts. ✅ Step 9: Still Not Visible? Contact Support! 🔟 If you’ve tried all the above steps and the announcement bar is still not showing, reach out to Support for further assistance. - Hoppy Announcement Bar → Help & Support → Contact Support, or you can simply click the message box in the bottom right corner to contact support.. - Provide screenshots & details for faster help. By following these steps, your Hoppy Announcement Bar should be up and running in no time! 🚀

Last updated on Oct 18, 2025

How to use custom placement for Announcement bars/banners?

You can use Custom Position to place the announcement bar anywhere on your site manually. ✅ Step 1: Open the Hoppy Announcement bar app. 1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement bar app. 2️⃣ In the Placement tab, you will see multiple placement options for your announcement bar: - Top bar pushes down the rest of the page - Top bar pushes down (always visible while scrolling) - Top bar overlaps the top of the page - Top bar overlaps the top (always visible while scrolling) - Bottom bar overlaps bottom (always visible while scrolling) - Manual Placement – Place the bar anywhere on your online store ✅ Step 2: Placement of the Announcement bar 3️⃣ Choose Manual Placement from the dropdown and click Save to manually place the announcement bar anywhere on your website. This will unlock two options: 🔹 Option 1: Using App Block (Recommended for Beginners) This method uses the Announcement ID to place the Announcement Bar. 📌 Steps to Add Announcement bar Using App Block: - First, copy the Announcement ID📋 , then click 'Save' to activate the App Block. - Go to Shopify Admin → Online Store → Themes. - Click on Customize to open the Theme Editor. - Navigate to the page and the section where you want to add the announcement bar. Click on Add Section → Scroll to Apps → Select Announcement bar. - Paste your Announcement bar ID in the right-hand settings panel. 🔹 Option 2: Using Custom Liquid (Advanced) This method requires adding a code snippet to your theme using Custom Liquid. 📌 Steps to Add Announcement Bar Using Custom Liquid: - First, copy the Code snippet, then click 'Save' to activate the App Block. - Go to Shopify Admin → Online Store → Themes. - Click on Customize to open the Theme Editor. - Navigate to the page and section where you want to add the announcement bar. Click on Add Section → Search for Custom Liquid → Click on it. - Paste your Announcement Bar Code Snippet into the Custom Liquid editor. ✅ Step 3: Save and Test Your Placement 4️⃣ Click Save in Shopify's Theme Editor. 5️⃣ Visit your store and check if the badges appear in the correct position. 6️⃣ If the announcement bar is not visible, try: - Clearing your browser cache. - Checking if Custom Positioning is enabled in the Hoppy Announcement bar app. - Refreshing your store page. 🔥 Great job! Your Announcement bar is now positioned just the way you want! 🚀

Last updated on Oct 27, 2025

How to place announcement bars on certain pages?

✅ Step 1: Open the Hoppy Announcement Bar App 1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement bar app. 2️⃣ Click on Create Announcement Bar to start fresh – OR – Click Edit next to an existing announcement bar you want to update. – OR – ✅ Step 2: Go to the “Placement” Tab 3️⃣ On the top menu of the announcement bar editor, click the “Placement” tab. 4️⃣ This is where you can control where the bar is shown on your store. ✅ Step 3: Choose Where You Want the Bar to Appear 5️⃣ Scroll down within the Placement tab until you see a section labeled “Select pages to display the bar”. Here, you'll find options to control page visibility. - Every Page 🌍: This option will display the announcement bar on all pages of your store. (Ideal for global promotions or important store-wide announcements.) - Homepage Only 🏠: Use this option if you want the bar to show only on your store’s homepage. (Great for welcoming messages, limited-time banners, or first-time visitor alerts.) - All Product Pages 🛍️: This will make the announcement bar appear on all individual product pages of your store. (Perfect for product-specific offers or trust-building messages.) - Specific Product Pages 🎯: This lets you display the bar only on certain product pages you choose. ➡️ Next step: Click on the “Select Products” button that appears below this option to pick the exact product(s) from your store. - All Products in Specific Collection 🌟: If you want to display the bar only on products within a specific collection, select this option. ➡️ Next step: Click on the “Select Collection” button that appears below this option to choose which collection(s) to apply it to. - All Collection Pages 📂: Use this option to show the bar on all collection pages (category pages), where customers browse grouped products. - Specific Collection Pages 🧩: This allows you to display the announcement bar on only the collection pages you select. ➡️ Next step: Click on the “Select Collection” button that appears below this option to choose your desired collection(s). ✅ Step 4: Save and Publish the Bar 6️⃣ Once your placement settings are done, click “Save” to apply your changes. 7️⃣ Visit the pages you targeted to make sure the bar appears as expected. 🎉 That’s it! Your Announcement Bar is now visible on selected pages only!

Last updated on Oct 27, 2025

How to Create a Sliding Announcement Bar?

✅ Step 1: Go to the Hoppy Announcement Bar App 1️⃣ Open your Shopify admin. - From the left sidebar, click Apps and select Hoppy Announcement Bar. ✅ Step 2: Create the Announcement Bar 2️⃣ In the Content tab, choose the Announcement type**- Running announcement bar.** 3️⃣ Now, scroll down to the Announcement Content section located just below, and fill in the Announcement Content. - Announcement Name: Enter a name to help you identify this bar (e.g., Spring Promo Bar). - Display Duration: Use the slider to set how long each message displays (e.g., 5 seconds per slide). - Run left to right: By default, the sliding bar scrolls right to left. Check this box if you want it to scroll left to right instead. - Title: Add your main announcement message (e.g., Enjoy 20% Off All Products!). - Call to Action (CTA): Choose one of the following from the dropdown: - No Call to Action ❌ - Button 🔘 - Make Entire Bar Clickable 🖱️ - Link Field: Add the URL where you want customers to be directed. This will activate when they click the button or the entire bar (based on your CTA setting). - Close Icon Option: Check the box to let customers dismiss the bar by clicking a close (❌) icon. 4️⃣ Set Start & End Date for the announcement bar ✅ Step 3: Customize the Announcement Bar 5️⃣ Navigate to the Design tab to style your bar: - Template: Choose a design template from the dropdown. - Visibility: Select where the bar should appear: - Desktop & Mobile - Desktop Only - Mobile Only - Background & Border: - Pick a background color, gradient, or pattern. - Customize the border style. - Add bar padding - Typography: - Adjust the font, text color, and size of the title and subheading. - Button Design (only if you chose Button under CTA): - Modify button text color, size, background, Button style (from dropdown), and font weight and style. - Choose an animation style to make your button stand out. - 💡 Tip: Use the up/down keys to fine-tune sizes in the size box. Click on the color box to pick custom colors. ✅ Step 4: Choose the Placement of the Announcement Bar 6️⃣ Choose where you want the announcement bar to be displayed. Here, you will see three options at the top: - Time-on-Site Targeting ⏳ – Choose from the dropdown to either "Always Show" or "Show After a While" when a visitor arrives on your website. - Select a Display Position 📍 – Choose where to display the announcement bar on your website from the dropdown. - Select Pages to Display the Bar 📄 – Choose which pages should show the announcement bar using the dropdown. ✅ Step 5: Publish and Verify the Announcement Bar. 7️⃣ Click Save & Publish to activate the announcement bar. 8️⃣ Refresh your store to ensure it displays correctly. 9️⃣ If necessary, return to the Hoppy Announcement Bar app and make adjustments. ​🎉 That’s it! Your Sliding Announcement Bar is Live & Catching Eyes! 🚀

Last updated on Oct 27, 2025

How can I have multiple active bars at the same time?

✅ Step 1: Go to the Hoppy Announcement Bar App 1️⃣ Open your Shopify admin. - From the left sidebar, click Apps and select Hoppy Announcement Bar. ✅ Step 2: Create or Edit Announcement Bars 2️⃣ Click Create New Bar or select an existing bar to edit. To show multiple bars, you’ll need to create a separate bar for each message you want to display. – OR – ✅ Step 3: Set Display Rules for Each Bar 3️⃣ This is the key! To avoid conflicts and overlaps, assign different Display Rules to each bar: - Go to the Placement tab of each bar. - Select to Display Position. - Choose where you want the bar to appear: - Every Page 🌍 - Homepage Only 🏠 - All Product Pages 🛍️ - All Products in Specific Collection 🌟 (click the corresponding buttons to select) - Specific Product Pages 🎯 (click the corresponding buttons to select) - All Collection Pages 📂 - Specific Collection Pages 🧩(click the corresponding buttons to select) 💡Tip: Make sure each bar is assigned to a different page set to prevent overlapping bars on the same page. ✅ Step 4: Customize Placement Position 4️⃣ In the Placement tab, choose the Display Position for each bar (Top, Bottom, etc.). 5️⃣ You can use different positions (e.g., one at the top, another at the bottom) if you want bars on the same page. ✅ Step 5: Save & Publish All Bars 6️⃣ Once configured, click Save & Publish for each bar. 7️⃣ Make sure all the bars you want live are published. 🔍 Pro Tip: - If you're using bars with overlapping page targeting, place one at the top and another at the bottom to display them together without visual clutter. - Use Scheduling to control when each bar is shown. 🎉 That’s it! You now have multiple announcement bars live on your store, each with its purpose and visibility! 🚀

Last updated on Oct 27, 2025

How to create rotating announcement bars?

✅ Step 1: Go to the Hoppy Announcement Bar App 1️⃣ Open your Shopify admin. - From the left sidebar, click Apps and select Hoppy Announcement Bar. ✅ Step 2: Create the Announcement Bar 2️⃣ In the Content tab, choose the Announcement type**- Multiple rotating announcements.** 3️⃣ Now, scroll down to the Announcement Content section located just below, and fill in the Announcement Content. - Announcement Name: Enter a name to help you identify this bar (e.g., Spring Promo Bar). - Display Duration: Use the slider to set how long each message displays (e.g., 5 seconds per slide). - Title: Add your main announcement message (e.g., Enjoy 20% Off All Products!). - Sub-heading: Add your supporting message or extra details (e.g., Limited time only or Offer valid till Sunday). - Call to Action (CTA): Choose one of the following from the dropdown: - No Call to Action ❌ - Button 🔘 - Make Entire Bar Clickable 🖱️ - Link Field: Add the URL where you want customers to be directed. This will activate when they click the button or the entire bar (based on your CTA setting). 4️⃣ Similarly, add the content for the second announcement bar using the same steps. To add more announcements, click on ‘Add New Announcement’. Each announcement will appear one after another, based on the display duration you set for them. - Close Icon Option: Check the box to let customers dismiss the bar by clicking a close (❌) icon. 5️⃣ Set Start & End Date for the announcement bar ✅ Step 3: Customize the Appearance of the Announcement Bar 6️⃣ Navigate to the Design tab to style your bar: - Template: Choose a design template from the dropdown. - Visibility: Select where the bar should appear: - Desktop & Mobile - Desktop Only - Mobile Only - Background & Border: - Pick a background color or pattern. - Border : - Customize the border style. - Add bar padding. - Add Spacing - Typography: - Adjust the font, text color, and size of the title and subheading. - Button Design (only if you chose Button under CTA): - Modify button text color, size, background, style (from dropdown), and font. - Choose an animation style to make your button stand out. - Choose Icon Color - Choose the Animation Style in which the text will rotate in the announcement bar. 💡 Tip: Use the up/down keys to fine-tune sizes in the size box. Click on the color box to pick custom colors. ✅ Step 4: Choose the Placement of the Announcement Bar 7️⃣ Choose where you want the announcement bar to be displayed. Here, you will see three options at the top: - Time-on-Site Targeting ⏳ – Choose from the dropdown to either "Always Show" or "Show After a While" when a visitor arrives on your website. - Select a Display Position 📍 – Choose where to display the announcement bar on your website from the dropdown. - Select Pages to Display the Bar 📄 – Choose which pages should show the announcement bar using the dropdown. ✅ Step 5: Publish and Verify the Announcement Bar. 8️⃣ Click Save & Publish to activate the announcement bar. 9️⃣ Refresh your store to ensure it displays correctly. 🎉 That’s it! Your rotating announcement bars are now live and grabbing attention like a pro! 🚀

Last updated on Oct 28, 2025

How to add an announcement bar/banner on the checkout page?

Note: Announcement Bar/Banner on Checkout page might have lesser customizations/settings available compared to normal announcement bars/banners due to Shopify's restrictions. ✅ Step 1: Open the Hoppy Announcement 1️⃣ From your Shopify admin, open the Hoppy Announcement app. 2️⃣ Select the announcement bar type as Checkout page(you will require shopify plus plan to add the timer in the checkout page) ✅ Step 2: Customize your announcement bar 3️⃣ Under the Content tab, fill in the following fields: - Title🧾: Add your main announcement message (e.g., Enjoy 20% Off All Products!). - Sub-heading✍️**:** Add your supporting message or extra details (e.g., Limited time only or Offer valid till Sunday). ✅ Step 3: Customize the Design of the announcement bar 4️⃣ Navigate to the Design tab to personalize your bar: - Typography: - Adjust the font, text color, and size of the title and subheading. ​ ✅ Step 4: Placement of the announcement bar 5️⃣ In the Placement tab, you will see: - Time-on-Site Targeting ⏳ – Choose from the dropdown to either "Always Show" or "Show After a While" when a visitor arrives on your store. - Select Pages to Display (Checkout Page) This option is pre-selected as “Custom block placement set by the merchant”, meaning the bar’s position is already placed manually in your checkout page. ✅ Step 4: Publish and Verify the Announcement Bar. 6️⃣ Click Save & Publish 💾 to activate the announcement bar. 7️⃣ Refresh your store to ensure it displays correctly. 8️⃣ If necessary, return to the Hoppy Announcement Bar app and make adjustments. 🎉 That’s it! Your announcement bar is now live in the checkout store! 🚀

Last updated on Nov 01, 2025

How do I add a Call to Action (CTA) button and a link to the announcement bar?

✅ Step 1: Open the Call To Action Settings 1️⃣ Open the Hoppy Announcement App in your Shopify Admin and Go to the Content Tab. 2️⃣ Scroll down to locate the Call to Action (CTA) Settings dropdown and click the dropdown to view the four options: - No Call to Action❌ - Button 🔘 - Make the entire bar Clickable 🖱️ - Coupon 💸 Option 1: No Call to Action (Default) ❌ - If you do not want any clickable elements on your announcement bar, simply select 'No Call to Action' from the dropdown. - The announcement bar will be displayed without any buttons or links. 💡 Use Case: Ideal for displaying simple announcements like “Enjoy 50% discount on all products” without redirecting customers to another page. Option 2: Add a CTA Button in the announcement bar 🔘 - In the CTA Settings dropdown, select Button. - A new section will appear to customize the button. - Adds a clickable button to the bar. You can customize the text and link (e.g., "Shop Now" → links to a collection page/product page). 💡 Use Case: Ideal for promotions or new product launches like “🎉 New Arrivals – Shop Now.” Option 3: Make the entire bar Clickable 🖱️ - In the CTA Settings dropdown, select Make the entire bar Clickable. - You will see an option to add the Link of the Product Page/Collection Page. - Add the Link of the product page or collection page, where you want the customers to redirect. 💡 Use Case: Great for high-urgency campaigns like “🔥 Flash Sale – Ends Today” where you want to maximize clicks. Option 3: Add Coupon💸 - You’ll get the option to add the coupon code. You can also choose to show a copy button so visitors can easily copy the code, just check the box “Show Copy Button.” 💡 Use Case: Perfect for offers like “💰 Get 10% Off – Apply Code SAVE10.” ✅ Step 2: Save & Publish 3️⃣ When you're happy with your selection, click 'Save' to confirm and apply the changes. 4️⃣ Visit the store and navigate to a product page, cart page, or wherever the announcement bar is displayed. 5️⃣ Test the CTA button or clickable Bar: - If you added a button, click it and ensure it redirects to the correct page. - If you made the banner clickable, click anywhere on it to verify the link. 🎉 That’s it! Your announcement bar now includes a CTA button or a clickable banner for better engagement! 🚀

Last updated on Nov 01, 2025

How to track performance of announcement bars?

Learn to track the Announcement Bar performance. Follow these steps to view and analyse how your announcement bars are performing: 1️⃣ Open the app - Log in to Shopify → Apps → Hoppy Announcement and open the app. 🔓 2️⃣ Go to Analytics - Scroll down the app's Dashboard and the Analytics section (titled Analytics)📉 3️⃣ Check bar counts & status - Published ➜ number of announcement bars currently live on your store. ✅ - Not published ➜ number of saved/drafted bars not live. 📝 - Theme embedded (stats ON/OFF) ➜ shows whether the app’s status are active in your theme. - If OFF, bars may not be visible or tracked on the storefront - turn it on in your theme settings. ⚠️ 4️⃣ Read the chart metrics The analytics chart shows these key metrics: - Views 👀 ➜ how many times the bar was seen. - CTA Button Clicks 🖱️ ➜ clicks on the bar’s call-to-action button. - Closed ❌ ➜ how many visitors closed/dismissed the bar. - Coupon Copied 🎟️➜ how many times a coupon code was copied from the bar. 5️⃣ Filter by bar or all bars - Use the dropdown above the chart to show data for a specific bar or all bars. - Useful when you want the performance of a single campaign vs. the overall performance. 🔎 6️⃣ Choose a date range - Right above the chart, select the time window: Day / Month / Last 7 days / Last 30 days / Custom date range. 📅 - This lets you compare performance over time or see results from a specific push.

Last updated on Nov 05, 2025