Help CenterBanners in Inline Manual provide a versatile way to display important messages, alerts, or promotions directly within your application. Whether you need to announce a new feature, guide users through onboarding, or display system alerts, Banners help deliver timely information seamlessly.
Banners can be positioned at the top or bottom of the page, made sticky to remain visible while scrolling, or displayed as an overlay to grab attention. Additionally, they can be embedded directly into the page, making them look like a natural part of your application’s UI. With flexible targeting options, themes, and advanced styling, you can fully customize Banners to match your needs and branding.
Use Cases for Banners
Product Announcements – Highlight new features or updates to keep users informed.
Onboarding & User Guidance – Provide step-by-step instructions and in-app tips for new users.
System Alerts & Notifications – Communicate maintenance schedules, downtime, or critical updates.
Promotions & Upsells – Encourage users to upgrade, explore new features, or purchase add-ons.
Contextual Help & Support – Deliver relevant support content where and when users need it.
Event & Webinar Promotions – Drive awareness and registrations for upcoming events.
User Feedback & Surveys – Prompt users to share insights through quick surveys or feedback forms.
Feature Adoption & Engagement – Encourage users to try underutilized features or workflows.
Personalized Messaging – Display targeted messages based on user behavior, role, or location.
By embedding Banners into the page, they can blend naturally with your application's interface, enhancing usability and making information more accessible without feeling disruptive.
Stripe's recommendation Banner
Stripe uses an embedded Recommendation Banner to provide contextual insights and actions based on user behavior. In this example, the banner suggests integrating with Mailchimp, allowing users to trigger campaign actions directly from Stripe. By embedding the banner within the UI, it maintains a seamless experience while offering relevant, proactive recommendations.
Gmail
Gmail uses embedded Banners to provide contextual updates and feature discovery. In this example, one Banner introduces users to the 'Spaces' feature, encouraging engagement with relevant conversations, while another notifies users about changes to notification settings. Additionally, the empty space on the right could serve as a dynamic Banner, displaying helpful guidance or actions when no conversation is selected, ensuring users always have a meaningful next step.
Basecamp
Basecamp uses an Embedded Banner to gather valuable customer insights. This banner appears directly within the application, prompting users to share their experience and previous tool usage. By targeting existing customers with a relevant and timely question, Basecamp ensures they collect actionable feedback without disrupting the user experience. The use of a simple, inline format keeps the interaction natural and engaging.
Google Docs - Gemini AI
Google Docs uses an Embedded Banner to promote its new AI-powered features. This banner introduces users to Gemini AI, highlighting its capabilities in summarizing emails, drafting replies, and analyzing data. By embedding the message seamlessly within the interface, Google ensures users are aware of new features without disrupting their workflow. The inclusion of a clear CTA ("Try at no cost") encourages engagement while keeping the experience user-friendly.
LinkedIn uses an Embedded Banner to introduce new features in a highly relevant context. This banner, placed directly within the messaging interface, informs users about the ability to save drafts and provides a clear CTA ("Show me how") for further guidance. Unlike pop-ups, this unobtrusive placement ensures users see the information at the right moment—exactly where they would need it—enhancing feature adoption without interrupting the experience.
Figma
Figma uses an Embedded Banner to highlight key updates and announcements. In this example, a Release Notes banner is placed prominently at the top of the interface, informing users about an upcoming live event and new feature launches. The clear CTA ("Register") encourages engagement while ensuring the message blends seamlessly into the UI without disrupting workflow.
Freshdesk
Freshdesk leverages Embedded Banners for both upselling and contextual assistance. The upsell banner (e.g., "Purchase add-on") is strategically placed near relevant product features, encouraging users to upgrade or expand their plan. Meanwhile, the contextual help banner on the right panel dynamically provides guidance based on the user’s current page, offering learning resources and best practices. Freshdesk could easily manage these content-driven banners without requiring code, ensuring timely and relevant support.
Have you come across or created a unique use of Banners? We’d love to see it! Share your examples with us, and we might feature them to inspire others.