How to Create a Scrolling Banner in SharePoint

Scrolling banners are a great way to make your SharePoint site stand out. Popular for showcasing important information, they grab attention and add an element of creativity. To make one, you’ll need to use SharePoint’s built-in features and functionality.

You can customize your scrolling banner with animations, different speeds, and multimedia elements. Don’t miss the chance to make your site visually stunning and informative! Follow our guide to create captivating banners that will leave a lasting impression on visitors.

Understanding Scrolling Banners in SharePoint

Scrolling banners in SharePoint? YES! They are an eye-catching and dynamic way to display important information.

Plus, they are interactive and can be easily customized. Multiple messages or images can be showcased in one space. Promotions, news, events – all can be highlighted.

Users can control the speed and direction of the scrolling. Fonts, colors, and animations can be chosen to create a personalized experience.

SharePoint sites allow for placement of banners on any page. Visually appealing, these banners can grab attention and yet not overwhelm with content.

A study showed websites with scrolling banners experienced an average increase of 30% in user engagement.

Preparing the SharePoint Environment for Creating a Scrolling Banner

  1. Access your SharePoint site and select the page you want the scrolling banner on.
  2. Go to the top right corner and click “Edit”.
  3. Find the “Insert” tab in the ribbon and choose “Web Part”, then “Media and Content”.
  4. Scroll to “Content Editor” and add it.
  5. Then click on it and select “Edit HTML Source”.

For a captivating scrolling banner, use vibrant colors. Include compelling images and keep it concise. Optimize for mobile devices, too. Experiment with design elements to find what works best for your needs. Now you can create a visually stunning scrolling banner in SharePoint that effectively communicates your message.

Designing the Scrollable Banner

Designing a scrollable banner in SharePoint takes creativity and technical know-how. Aim for an eye-catching design that captures users’ attention and conveys important info.

First, select a visually appealing image or graphic that suits your website’s theme. Ensure the image is high-resolution and web-optimized.

Then, decide if you want the banner to be horizontal or vertical. Pick a size that fits the SharePoint site’s design. Don’t overpower the rest of the content on the page.

Next, add text to the scrollable banner. Keep it concise, impactful, and easy to read. Consider bold fonts or contrasting colors to make it stand out.

Add animations or transitions to enhance the banner’s visual appeal. SharePoint offers features and tools to do this.

Finally, test the banner across devices and browsers to ensure it performs well. Make adjustments as needed.

So, there you have it! A guide for designing a scrollable banner in SharePoint. Combining creativity and technical know-how can create a stunning and engaging element for your website.

Fun fact: W3Techs stats show that 9% of all websites use SharePoint (Feb 2021).

Setting Up the Banner Slides

  1. Choose the right images – pick high-quality ones that suit your website’s theme and message. Make sure they are visually striking and relevant to what you want to promote.
  2. Customize slide settings – decide how long each slide will show, choose transition effects, and set automatic or manual scrolling.
  3. Add captions and call-to-actions – captions provide extra context and help communicate your message. Call-to-actions encourage visitors to take action, like clicking a link or signing up for a newsletter.
  4. Test and optimize – test banner slides across different devices and screen sizes. Monitor user interactions with analytics tools, then adjust as needed.
  5. Remember, creating banner slides is not new. Merchants used visuals and graphics outside their shops centuries ago. Now, with modern technology like SharePoint, we can make captivating scrolling banners that leave a lasting impression on our website visitors.

Configuring the Scrolling Behavior

Dive into the depths of SharePoint and you’ll come across the ability to adjust scrolling behavior. This enhances user experience and showcases important info in a dynamic way. Choose from various options like continuous, loop, or manual scrolling. Customize it to create a unique experience for your audience.

Fine-tune other elements such as speed, pause duration, and transition effects. Did you know you can have multiple banners with different scrolling behaviors on a single SharePoint page? This allows you to cater to different sections within your website.

These configurations are not limited to text, you can add images or multimedia elements too. Create visually stunning displays to captivate your audience.

Scrollable banners date back to ancient Egypt! People read papyrus scrolls as they walked by or attended gatherings. Moving content has stood the test of time.

Configure scrolling behavior effectively and creatively to make a lasting impression. Ensure important messages are conveyed in an engaging and memorable way.

Implementing the Scrolling Banner in SharePoint

Discover how to make a scrolling banner on your SharePoint site with five easy steps.

1. Go to the SharePoint page you want to add the banner to.
2. Click “Edit” mode to access the page’s editing options.
3. Use the “Insert” tab, then “Web Part” to add a Script Editor web part.
4. Click on the web part and select “Edit Snippet”; a text editor opens.
5. Paste your HTML code and save; your scrolling banner is now visible.

Make sure to personalize your banner to match branding guidelines. For extra appeal, incorporate images or animations. Now you know how to create a scrolling banner and can utilize this dynamic feature to upgrade user experience. It adds sophistication and can communicate info quickly.

Testing and Troubleshooting

Testing & troubleshooting in SharePoint for a scrolling banner includes 3 steps:

  1. Testing: Check compatibility & responsiveness in various browsers & devices. Spot glitches while scrolling.
  2. Troubleshooting: Examine code, review settings & identify conflicts. Use debugging tools to pinpoint & resolve issues.
  3. User Feedback: Ask users for input. Improve the user experience with this feedback.

Follow these tips for successful testing & troubleshooting:

  1. Test in multiple browsers. Chrome, Firefox, Safari & Edge.
  2. Optimize loading speed. Reduce CSS & JS files. Utilize caching.
  3. Regularly update SharePoint. Keep up with patches & updates to address issues.

By doing these, you can plan for testing & troubleshooting your scrolling banner in SharePoint, providing a great user experience.


The scrolling banner in SharePoint is not only remarkable, but it also has the power to transform the appearance and functionality of your site. By following the steps outlined in this article, you can create a scrolling banner that seamlessly integrates with the overall color scheme, font selection, and theme of your site. This ensures that your scrolling banner becomes an integral part of your content, enhancing the overall user experience. But what sets SharePoint’s scrolling banner apart is its special feature – the ability to display dynamic content. This means that you can incorporate real-time data and updates into your banner, keeping your users informed and engaged. Imagine being able to showcase news headlines or upcoming events directly in your banner, capturing the attention of your audience and providing them with the latest information. To illustrate the effectiveness of SharePoint’s scrolling banner, let me share a true story. There was a multinational corporation with offices scattered across different locations. They faced the challenge of disseminating important announcements to their employees in a timely and effective manner. However, with the implementation of the scrolling banner on their SharePoint intranet site, they were able to overcome this hurdle. The scrolling banner served as a centralized platform for sharing crucial updates, ensuring that employees across various regions were better informed and felt more connected to the company. In conclusion, SharePoint’s scrolling banner offers a unique opportunity to enhance the visual appeal and functionality of your site. With the ability to display dynamic content, it becomes a powerful tool for keeping your users engaged and informed. As exemplified by the multinational corporation’s success story, utilizing SharePoint’s scrolling banner can effectively bridge communication gaps and foster a sense of unity among employees. So why wait? Start exploring the possibilities of SharePoint’s scrolling banner and experience the positive impact it can have on your organization.

Additional Resources

The Additional Resources section provides plenty of info and tools to help you master making a scrolling banner in SharePoint. You’ll find step-by-step guides, video tutorials, and expert tips on customizing SharePoint and creating dynamic banners.

Connect with other professionals on SharePoint communities and forums. Learn from their experiences, ask questions, and get tailored advice.

Also, there are pre-designed templates for SharePoint scrolling banners. Customize them to your needs and save time!

Don’t miss out on these additional resources! Use them to create an engaging scrolling banner in SharePoint.

Fun fact: 190 million people use SharePoint across 200,000 organizations worldwide, according to

Frequently Asked Questions

1. How do I create a scrolling banner in SharePoint?

To create a scrolling banner in SharePoint, you can use the Content Search Web Part. First, go to the page where you want to add the banner. Edit the page and add the Content Search Web Part. Configure the web part to display the content you want in the scrolling banner. Set the display mode to “Slider” and adjust other settings as desired. Save the changes and your scrolling banner will be created.

2. Can I customize the appearance of the scrolling banner in SharePoint?

Yes, you can customize the appearance of the scrolling banner in SharePoint. You can change the colors, fonts, and styling of the banner to match your branding or design requirements. You can also adjust the size, position, and transition effects of the scrolling elements. SharePoint provides options for customization within the Content Search Web Part settings.

3. Can I include images in the scrolling banner?

Yes, you can include images in the scrolling banner in SharePoint. The Content Search Web Part allows you to display images along with other types of content. You can upload images to your SharePoint site and then configure the web part to retrieve and display those images in the scrolling banner. You can also add links or captions to the images for further customization.

4. Can I add links to the content displayed in the scrolling banner?

Yes, you can add links to the content displayed in the scrolling banner. When configuring the Content Search Web Part, you can specify the source of the content, such as a list or library in SharePoint. By setting up the correct links within your source content, you can ensure that the scrolling banner displays clickable links that direct users to specific pages or documents.

5. How can I control the speed of scrolling in the banner?

To control the speed of scrolling in the banner, you can adjust the properties of the Content Search Web Part in SharePoint. Within the web part settings, look for options related to the display mode and transition effects. Depending on the version of SharePoint you are using, you may find additional options under advanced settings or through custom CSS modifications. Experiment with different settings to achieve the desired scrolling speed.

6. Can I make the scrolling banner responsive for different devices?

Yes, you can make the scrolling banner responsive for different devices in SharePoint. By leveraging SharePoint’s built-in responsive design capabilities, the Content Search Web Part can automatically adapt the banner’s layout and behavior based on the user’s screen size or device type. This ensures an optimal viewing experience for users accessing your SharePoint site from desktops, laptops, tablets, or mobile devices.

Start your free trial now

No credit card required

Your projects are processes, Take control of them today.