Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form below and we will reply as soon as possible.

  • Appcues Certifications & Training
  • Contact Us
  • Docs home
  • User Experiences
  • Building Web Experiences

Banners

A visible, yet unintrusive way to deliver announcements to users–at scale.

Updated at May 26th, 2023

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form with the details about the help content you'd like to see.

  • Installation & Developers
    Installing Appcues Installing Appcues Mobile API & Data Troubleshooting Extras
  • User Experiences
    Web Experiences Use Cases Building Web Experiences Building Mobile Experiences Customization & Styling Targeting Studio FAQ Troubleshooting
  • Mobile
    Installation & Overview Mobile Use Cases Building Mobile Experiences Mobile Analytics Troubleshooting
  • Account Management
    Subscription Users & Data
  • Analytics
    Experience and Event Analytics Data
  • Best Practices
    Use Cases Pro Tips Product-led Growth FAQ
  • Integrations
    Integration Documents Use Cases Resources
  • System Status
    System Status & Incidents
+ More

Table of Contents

What Are Banners? How to Build Banners Customizing Your Banner Styling Your Banner Targeting and Placement of Banners Frequently Asked Questions

What Are Banners?

Banners are a real-estate-friendly and well-known UI pattern that attach to the top of the user’s screen.

With Appcues’ Banners, you can:

  • Lay Banners on top of product content or embed 
  • Add buttons and links to drive action 
  • Target users based on behaviors and attributes 
  • Schedule banners to appear at a certain time 
  • Measure performance and results

How to Build Banners

In Chrome, go to the URL of a page that you want your banner to appear on, and open the Appcues Builder Chrome extension by clicking the Appcues logo.

1. Select “Add a Banner”

 

2. Choose New if you are creating a new banner, or choose an existing banner to edit

 

 

3. If you are building new, you can choose from one of our pre-built Banners templates, or start from scratch

 

 

Customizing Your Banner

The Banners settings panel lets you control exactly how your banner will appear to your users.

 

 

The Sticky option lets you define what happens to your banner as users scroll your page

  • When the Sticky option is enabled, the banner will remain at the top of the screen as your users scroll the page.

Embedding options let you define how your banner is placed on your site

  • Choosing “Inline” will push your site content down beneath your banner. This is helpful if you have top navigation that you want to remain available even when your banner is present.
  • Choosing “Overlay” will float your banner above your content.

Animation options let you define how your banner appears on your site.

  • Choosing “Slide-in” will smoothly slide your banner in from the top of the page. This is a great way to make sure your banner gets attention.
  • Choosing “None” will display your banner at the top of your page.

Styling Your Banner

Styling options help you create a banner that is noticeable and on-brand.

  • You can define your background and text colors by entering a Hex value, or using the eye-dropper tool to choose a specific color on your site.
  • You can define how large your banner is by setting padding and margins.
  • For additional separation between the banner and your content, you can enable a bottom border.

 

Targeting and Placement of Banners

You will manage the targeting and placement of your banner via the Appcues website https://studio.appcues.com/.

Banners is available within the main navigation of Appcues. When clicked, you will now see a list of all the Banners within your account.

 

You can control where your Banners appear by adjusting the Page or Environment settings, and who should see your Banner by adjusting the Audience targeting settings.

 

 

Frequently Asked Questions

  • Can my users hide or dismiss banners?

Dismissible banners are coming very soon.

  • Can I schedule a banner to appear and disappear at a specific time?

Banner scheduling is coming very soon.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Embed a Video in a Flow
  • NPS Overview
  • How to use the Appcues Builder
  • Checklist Best Practices
Appcues logo

Product

Why Appcues
How it works
Integrations
Security
Pricing
What's new

Use cases

User Onboarding Software
Feature Adoption Software
NPS & Surveys
Announcements
Insights
Mobile Adoption

Company

About
Careers
we're Hiring

Support

Developer Docs
Contact

Resources

The Appcues Blog
Product Adoption Academy
GoodUX
Case studies
Webinar Series
Made with Appcues
Appcues University

Follow us

Facebook iconTwitter icon greyLinkedin iconInstagram icon
© 2022 Appcues. All rights reserved.
SecurityTerms of ServicePrivacy Policy
Expand