How To Add A Banner To SharePoint Site

In this section, we will guide you through the process of adding a banner to your SharePoint site, allowing you to enhance its visual appeal and user experience. Adding a banner to your SharePoint site can significantly improve its aesthetics and usability, creating a more engaging and memorable experience for your users.

Follow these simple steps to add a banner to your SharePoint site:

  1. Access your SharePoint site and select the page where you want to add the scrolling banner.
  2. Click on the “Edit” option in the top right corner of the page.
  3. Go to the “Insert” tab in the ribbon and choose “Web Part”, then “Media and Content”.
  4. Scroll to “Content Editor” and add it to the page.
  5. Click on the Content Editor web part and select “Edit HTML Source”.
  6. Design the scrollable banner by selecting a visually appealing image or graphic that fits your site’s theme.
  7. Decide whether you want the banner to be horizontal or vertical, and choose a size that complements your site’s design.
  8. Add concise and impactful text to the banner, making it easy to read.
  9. Consider adding animations or transitions to enhance the visual appeal of the banner.
  10. Test the banner across different devices and browsers to ensure it performs well, and make any necessary adjustments.

By following these steps, you’ll be able to add a stunning and attention-grabbing banner to your SharePoint site, instantly elevating its visual appeal and user experience. Stay tuned for the next section, where we’ll dive into the design aspects of creating a scrollable banner.

Designing the Scrollable Banner

Designing an eye-catching and engaging scrollable banner is crucial to grab the attention of your SharePoint site visitors, and in this section, we will explore the key aspects of its design.

When it comes to creating a visually appealing scrollable banner, selecting the right image or graphic is of utmost importance. Choose an image that aligns with your site’s theme and message, ensuring it captures the interest of your audience. Consider using high-quality images that are sharp and vibrant, as they will enhance the overall look of your banner.

The size of your scrollable banner is another critical factor to consider. It’s important to strike a balance between an impactful visual and a banner that seamlessly integrates with your site’s design. Determine whether a horizontal or vertical orientation is more suitable for your content and select a size that complements your site’s layout and responsiveness.

Adding concise and impactful text to your scrollable banner can greatly enhance its effectiveness. Incorporate clear and compelling statements that convey your message effectively. Use captivating headlines, subheadings, or short phrases to engage your audience and make the text easy to read, even during fast-scrolling.

Design Elements Considerations
Visually appealing image Select images that align with your site’s theme and message, ensuring high quality.
Size Choose a size that complements your site’s design, considering both horizontal and vertical orientations.
Text Add concise and impactful text that engages your audience and makes your message clear.

Remember, the design of your scrollable banner should be visually captivating and seamlessly blend with your site’s aesthetics. By selecting the right image, size, and text, you can create a scrollable banner that not only grabs attention but also leaves a lasting impression on your SharePoint site visitors.


In this section, we explored the key aspects of designing a scrollable banner for your SharePoint site. We discussed the importance of selecting visually appealing images, choosing the right size, and adding impactful text. By considering these design elements, you can create a scrollable banner that effectively engages your audience and enhances the overall aesthetics of your site.

Setting Up and Configuring the Scrollable Banner

Setting up and configuring your scrollable banner in SharePoint is essential to create an engaging and seamless user experience, and in this section, we will provide you with all the necessary steps and tips to achieve just that.

To set up the banner slides, follow these steps:

  1. Choose high-quality images that align with your site’s theme and message.
  2. Customize the slide settings, such as the duration of each slide, transition effects, and scrolling mode (automatic or manual).
  3. Add captions and call-to-actions to provide extra context and encourage user interaction.
  4. Test and optimize the banner slides across different devices and screen sizes, monitoring user interactions and making improvements as needed.

To configure the scrolling behavior of the banner, follow these steps:

  1. Adjust the scrolling behavior in SharePoint by selecting options like continuous scrolling, loop scrolling, or manual scrolling.
  2. Fine-tune other elements like the speed, pause duration, and transition effects to create a unique scrolling experience.
  3. Customize the scrolling behavior for each section within your SharePoint site to cater to different user needs.
  4. Add images or multimedia elements to create visually stunning displays that captivate your audience.

To implement the scrolling banner in SharePoint, follow these steps:

  1. Go to the SharePoint page where you want to add the banner.
  2. Enter the “Edit” mode to access the page editing options.
  3. Use the “Insert” tab and select “Web Part” to add a Script Editor web part.
  4. Click on the web part and select “Edit Snippet” to open a text editor.
  5. Paste your HTML code for the scrolling banner into the snippet and save the changes.
  6. Personalize the banner to match your site’s branding guidelines and consider incorporating images or animations for extra appeal.

When testing and troubleshooting your scrolling banner in SharePoint, follow these steps:

  1. Test the banner in multiple browsers such as Chrome, Firefox, Safari, and Edge.
  2. Optimize the loading speed by reducing CSS and JS files and implementing caching techniques.
  3. Regularly update SharePoint with patches and updates to address any issues.
  4. Gather user feedback to improve the user experience and address any issues or glitches.

By following these steps, you can successfully add a banner to your SharePoint site and create an engaging and visually appealing experience for your users.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.